question formulaire javascript

Bonjour,

j'essai de récupérer les champs d'une table mysql dans un formulaire pour modifier les valeur de ces champs.

j'essai de faire un bouton modifier, qq je clique il m'affiche le formulaire de modification avec les champs prérempli que je px modifier par la suite.

je travaille en Perl.

je fais une fonction javascript:
Code:

1 2 3 4 5 6 7 8 9 <script type="text/javascript"> function f() { var obj = document.getElementById('champ_name') obj.value=('<%=$name%>'); } </script>
cette fonction, qd je clique sur modifier elle m'affiche le champ "nom" de la dernière ligne du tableau.

Code:



par contre cette fonction elle m'afiche les noms de chaque champ qd je clique sur modifier. et elle m'ouvre une autre page.

mes questions:
1/ c'est quoi la différence entre les deux fonctions?
2/ sachant que je fais une boucle while(Perl) avant pour récupérer tout les champs, est ce que vous pouvez m'eclairer sur cette question.

je travaille très peu en javascript!!

Merci

-> à l'intérieur de la fonction le paramètre est "constant"
sur le lien les valeurs sont différentes

Merci,

j'ai pas bien compris

voilà mon script
je fai une requete select

<% $requete = ("SELECT `productname`,`productidmtp`,`productidmsc`,`productcomname`,`productgen` FROM `product_tbl`");

$req = $dbh -> prepare($requete) ;

$req -> execute || die "Pb avec la requête <I>$requete</I>: $DBI::errstr";
%>

<%= $erreur%>

<table border=1 bordercolor=orange cellpadding="0" cellspacing="0">

<tr>
<td>Nom</td>
<td>MTP ID</td>
<td>MSC ID</td>
<td>COM NAME</td>
<td>GENERATION</td>
</tr>

<% $i=0;%>

#######je récupere ds une boucle while
<%while ($x = $req ->fetchrow_hashref)
{

$name = $x -> {'productname'} ;

$mtp = $x -> {'productidmtp'} ;

$msc = $x -> {'productidmsc'} ;

$comname = $x -> {'productcomname'} ;

$gen = $x -> {'productgen'} ;

$id = $x -> {'id'} ;

%>

je mon script ds ma boucle while
<script type="text/javascript">

function f()
{
var obj = document.getElementById('champ_name');
obj.value = ('<%=$name%>');
}
</script>
##############" comme j'ai expliquer cette function f() elle m'affiche la dernier ligne de mon tableau

<form id="form_add" action="/cgi-bin/<%= $ENV{'__PRG_NAME__'} %>.cgi" method="get">
<%& form_hiddens( 'display' => 'firmware_pm.html' ) %>

<tr>
<td style="font-size:12px" height=25><%=$name %></td>
<td style="font-size:12px" height=25><%=$mtp %></td>
<td style="font-size:12px" height=25><%=$msc %></td>
<td style="font-size:12px" height=25><%=$comname %></td>
<td style="font-size:12px" height=25><%=$gen %></td>
###################
a coté de chaque ligne que je récuper ya le bouton modifier
<td><input type="button" onclick=f() Value="Modifier"><br></td>
##############
######### par contre celle dessous elle m'affiche la valeur de mon champ nom des que je clique sur modifier
<td><a href="javascript:document.getElementById('champ_name').value=('<%=$name %>');"><img src="/img/modif.png" border=0></a></td>

##################
<%$i++;%>
<%}%>
</table><br /><br />



############## ici j'affiche les valeur de mon champ#####""""

<label for="productname">Name:</label><input type="text" name="productname" id="champ_name" valeur=""><br />

#################c'est le bouton qui sert à modifier qd je corrige mes champs############""
<input type="submit" name="modifier" value="Modifier"/>

</form>

Merci pour l'attention

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
function f(parametreDeLaFonction)
{
 
   var obj = document.getElementById('champ_name')
   obj.value=parametreDeLaFonction;
}
 
....
<input type="button" onclick=f('<%=$name %>') Value="Modifier">
...
 
                    <td>
<img src="/img/modif.png" border=0 onclick="document.getElementById('champ_name').value=('<%=$name %>');">
 
</td> 
....

:aie:

Merci

J'ai trouver la solution

<td><a><img src="/img/modif.png" border=0 onclick="javascript:affiche('<%= $name %>','<%=$mtp %>','<%=$msc %>','<%=$comname %>','<%=$gen %>','<%=$id%>');"></a></td>

<script type="text/javascript">
function affiche(name, mtp, msc, com, gen, id)
{
document.getElementById('champ_name').value=(name);
document.getElementById('champ_mtp').value=(mtp);
document.getElementById('champ_msc').value=(msc);
document.getElementById('champ_com').value=(com);
document.getElementById('champ_gen').value=(gen);
document.getElementById('champ_id').value=(id);
}
</script>