Discussion :

[Kalimeiro]

Bonjour à tous,

Je suis débutante et en train de concevoir un formulaire html à base d'input text.

J'ai créée un code javascript qui permet d'ajouter/supprimer un div d'une div, d'attribuer l'id du div créé, etc...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<script type="text/javascript">
			function addInput(divName){
 
				var nbr_div = divName.getElementsByTagName("div").length
				var newdiv = document.createElement('div');
				newdiv.setAttribute("id", "playlist" + nbr_div);
 
				newdiv.innerHTML = "Playlist " + (nbr_div) + " - " + 
								   "<a onclick=delInput(\"playlist"+ (nbr_div) + "\")> Supprimer cette playlist</a>" + 
								   "<input type='text' size='80' name='playlist" + (nbr_div) + "'>&nbsp;";
 
				document.getElementById(divName).appendChild(newdiv);
			}
 
			function delInput(divName) {
				var deldiv= document.getElementById(divName);
				deldiv.remove(element);
			}
			</script>

Ca fonctionne très bien, ma question est : comment récupérer la valeur ID du dernier div de ma div ?

Simplement parce que, j'ai playlist 0, playlist 1, playlist 2, si je supprime playlist 0, et que je rajoute une playlist, elle s’appellera donc playlist 2 au lieu de playlist 3, hors elle existe déjà.

La seule solution qui me vient en tête et donc de récupérer l'attribut ID du dernier DIV, je trouve rien du tout sur google...

Merci pour vos lumières.

[Kalimeiro]

Ok je dois utiliser la propriété lastchild et surement getattribute ce qui me permettra d'obtenir ce que je veux, lorsque ce sera OK, je partagerais cela sur ce thread pour les plus curieux, les conseils, les opti, ...

;-) biz

[NoSmoking]

Bonjour,
la question que tu devrais te poser est : "Ai je besoin des ID pour repérer mes éléments ?"

La réponse dans ce cas est NON, tu dispose de la référence à l'élément lorsque tu ajoutes/construis ton DOM.

En partant du code HTML suivant

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<button onclick="addPlayList()">Ajouter</button>
<div id="div_play_liste"></div>

tu peux ajouter/supprimer autant de DIV que tu le souhaites avec le code ci dessous et sans faire appel aux ID

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function addPlayList(){
  var oDest, oDiv, oBtn, oInput;
  // récup DIV parent
  oDest = document.getElementById( 'div_play_liste')
  // création des éléments
  oDiv = document.createElement('DIV');
  // création d'un bouton destroy
  oBtn = document.createElement('BUTTON');
  oBtn.appendChild( document.createTextNode('Supprimer'));
  oBtn.onclick = function(){
      oDest.removeChild( this.parentNode);
    };
  // création d'un input saisie
  oInput = document.createElement('INPUT');
  // ajout des éléments à la DIV
	oDiv.appendChild( oBtn);
  oDiv.appendChild( oInput);
  // ajout des éléments à la DIV parent
  oDest.appendChild( oDiv);
}

[Kalimeiro]

Merci ! je n'ai pas pensé du tout à ce raisonnement là ! :-)