getelementbyid sur div

Version imprimable

bonjour
j'ai fait une fonction pour m'afficher plusieurs lignes en cliquant sur ajouter
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 function add_refp(i) { var refp = parseFloat(i) + 1; if(refp > 20) { exit; } if(document.getElementById('id1'+refp).style.display == "none") { document.getElementById('id1'+refp).style.display = 'inline'; document.getElementById('ajoutp').innerHTML = '[<a href="javascript:add_refp('+refp+')">Ajouter</a>]'; } }
cette function s'applique sur une div
Code:

1 2 3 4 5 6 7 8 9 10 11 $contenu .= '<tr class="ligne_contenu"><td valign="top">'; $contenu .= '<div id="ajoutp" value="id_propriete" style="display:none;">[<a href="javascript:add_refp(0)">Ajouter</a>]</div></tr>'; // --- saisie id $contenu .= '<div id="id1" value="" style="display:none;"'; $contenu .= '<tr class="ligne_contenu" > <td>' . $tr_id_propriete. ':</td> <td valign="top"> <input TYPE="text" readonly name="formvars[id_propriete]" size="50" VALUE="" ' . $formvars['id_propriete'] . '"></td></tr>'; $contenu .= '</div>';
et ca ne marche pas il dit que cette ligne est null
Code:

1 2 if(document.getElementById('id1'+refp).style.display == "none")
duand japplique cette fonction sur une ligne de mon formulaire il n'y a pas de probleme mais moi je voudrais lappliquer sur un ensemble de ligne de mon formulaire dou mon idéé de creer une div qui englobe tout mais ca n'a pas l'air dêtre ca

merci pour votre aide

25/06/2009, 13h24
SpaceFrog

Code:

id="id1"

dans le html

Code:

document.getElementById('id1'+refp)

dans le js ...

:roll: dans le js tu teste donc id11
25/06/2009, 13h25
nauax

salut

avec le php je comprend pas très bien

par contre en js += correspond à .= en php, si c'est ça que tu cherches !!!!
25/06/2009, 16h11
faomayma1980

Citation:

Envoyé par SpaceFrog

Code:

id="id1"

dans le html

Code:

document.getElementById('id1'+refp)

dans le js ...

:roll: dans le js tu teste donc id11

a force de changer j'ai laissé cette erreur mais je n'arrive tjs pas a afficher mais div

elles doivent passer de display== "none " a display =="display " ou inline je ne fais pas bien la difference

alors est ce que sur les div cette option ne fonctionne pas ???
je cherche donc de ce coté la

merci pour votre aide
25/06/2009, 16h13
SpaceFrog

on peut voir le code corrigé ?

je nai pas réussi a le faire sur une div donc je l'ai fait sur le tr dans

Code:

1
2
3
4
// --- saisie id 
		
		$contenu .= '<tr class="ligne_contenu" style="display:none;" id="pro1" > <td>' . $tr_id_propriete. ':</td>
		<td valign="top"> <input TYPE="text"  readonly name="formvars[id_propriete]" size="50" VALUE="" ' . $formvars['id_propriete'] . '"></td></tr>';

et javascript

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
 
function add_refp(j) {
 
     var ref = parseFloat(j) + 1;
     if(ref > 20)
          {
          exit;
     }
     if(document.getElementById('pro'+ref).style.display == "none")
 
          {
          document.getElementById('pro'+ref).style.display = 'inline';
          document.getElementById('ajoutp').innerHTML = '[<a href="javascript:add_refp('+ref+')">Ajouter</a>]';
          }
}

25/06/2009, 16h50
SpaceFrog

exit ?