OVH Cloud OVH Cloud

Textbox dynamique

1 réponse
Avatar
Vinzoo Weber
Bonjour tout le monde, j'aurais une petite question, j'ai fait une
petite page pour créer dynamiquement des textbox. Le code est simple :


<html>
<head>
<script type="text/javascript">
<!--

function titre(nbchamp){
//Déclaration variable
var cpt = 1;
var tab = new Array();
var i = 0;
var tmp = nbchamp;

//On met dans un tableau les "anciens"
while(i!=nbchamp+1){
if(document.forms['insert'].elements['piste' + cpt]!=null){
tab[i]=document.forms['insert'].elements['piste' + cpt].value;}
else{tab[i]='';}
i++;
cpt++;
}

//Création dynamique des textbox
cpt = 2;
track = document.getElementById('piste');
track.innerHTML='<label>Piste1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input
type="text" name="piste1" size="40" /></label><br>';
if(nbchamp>=1)
{
track.innerHTML +='<label>Piste'+ cpt
+'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="piste'
+cpt+'" size="40" /></label><br>';
while(nbchamp!=1)
{
cpt++;
if(cpt<10){
track.innerHTML += '<label>Piste'+ cpt
+'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="piste'
+cpt+'" size="40" /></label><br>' ;
}
else{ track.innerHTML += '<label>Piste'+ cpt
+'&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="piste' +cpt+'"
size="40" /></label><br>' ;}
nbchamp -= 1;
}
}

//Affichage des "anciens"
cpt=1;
while(cpt!=tmp+2){
document.forms['insert'].elements['piste' + cpt].value=tab[cpt-1];
cpt++;}

}

function verif(nouv, old)
{
var test = 0;
if(nouv<old)
{
while(nouv<=old)
{
if( document.forms['insert'].elements['piste' +
(nouv+1)].value.length != 0)
{
test = 1;
}
nouv++;
}
if(test == 1 && confirm("Etes vous sur de redimensionner???") )
{
return 1;

}
else if(test == 1)
{
document.forms['insert'].elements['nb'].selectedIndex = old;

}
}
return 0;
}
//-->
</script>


<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Insertion</title>
</head>

<body>
<form name="insert" method="post" action="test.php">
<fieldset>
<legend>Insertion</legend>

<TABLE BORDER=0>
<TR><label><TD>Blaaa</TD><TD>
<input type="text" name="REF" size="20" /></TD></label></TR>

<TR><label><TD>Bliii</TD><TD>
<input type="text" name="ALB" size="40" /></TD></label></TR>

<TR><label><TD>Nombre(s)</TD><TD>
<label><select size="1" name="nb"
onClick="javascript:save=document.forms['insert'].elements['nb'].selectedIndex;"
onChange="javascript:verif(document.forms['insert'].elements['nb'].selectedIndex,save);titre(document.forms['insert'].elements['nb'].selectedIndex);">
<?
for($i=1;$i<=30;$i++){
if($i==1){
?><option value=<?$i?> selected="selected"><?echo $i?></option><?}
else{
?><option value=<?$i?>><? echo $i?></option><?}
}
?>
</select></label></TD></label></TR>

</TABLE>
<fieldset id='track'>
<span id="piste"><label>Piste1&nbsp;&nbsp;&nbsp;&nbsp;<input
type="text" name="piste1" size="40" /></label><br></span>
</fieldset>

<TABLE BORDER=0>
<TR><label><TD>Code</TD><TD>
<input type="text" name="Code" size="40" /> </TD></label></TR>
</TABLE>

</fieldset>

</form>
</body>

</html>

En fait lorsque je scroll sur la textbox, j'ai une erreur java je ne
comprend pas pourquoi?

Ensuite j'ai des problemes d'affichage sous firefox c'est pas grand
chose masi je voualsis savoir si quelqu'un avait deja résolu un probleme
de ce type? Merci

1 réponse

Avatar
O.L.
Vinzoo Weber a exprimé avec précision :
Bonjour tout le monde, j'aurais une petite question, j'ai fait une petite
page pour créer dynamiquement des textbox. Le code est simple :

[...]


En fait lorsque je scroll sur la textbox, j'ai une erreur java je ne comprend
pas pourquoi?


Moi je n'ai d'erreur nulle part, où est ce ?
Tout a l'air de fonctionner sous IE 6, les cases se rajoutent.

--
Olivier Ligny
Créateur web free-lance / www.cyber-tamtam.net