Ajout dynamique dans une liste <ul>

Version imprimable

Bonjour,

J'ai un petit problème: Voulant développer une application javascript je me retrouve devant un petit problème !

Je voudrais créer un script qui puisse rajouter des éléments <li> en tête de liste mais dynamiquement !!!

Je précise:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <html> <head> <title></title> </head> <body> <script language="javascript"> function ajoute(text) { ????????? } </script> <ul> <li>1er élément<li> <li>2ème élément</li> </ul> <a href="#" onclick="ajoute('1er élément dynamique');">test</a> </body> </html>
uand je cliqueré sur "test" alors le texte "1er élément dynamique" se mettrait en tête de la liste !

Est-ce possible ?

Quelque chose du genre?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
<script language="javascript">
	function ajoute(text){
		var objLI=document.createElement( 'li' );
		objLI.innerHTML = text;
		var objUL  = document.getElementById( 'dynamicLlist' );
		objUL.insertBefore( objLI , objUL.firstChild );
}
</script>
	<title></title>
</head>
<body>
<ul id="dynamicLlist" >
  <li>1er élément<li>
  <li>2ème élément</li>
</ul>
<a href="#" onclick="ajoute('1er élément dynamique');">test</a>
</body>
</html>

23/02/2007, 20h21
sacados1

C'est excatement sa tu es un génie !!!!

Hier soir j'ai pas arrêter de chercher mais pas moyen !

Et disons maintenant je voudrait éliminer un li de ma liste comment je fais ?

tu dois ajouter un ID a chaqu'un de tes LI et aller le chercher avec getElementById.

Il y a dautre moyen , mais c'est le plus simple...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<head>
<script language="javascript">
	function removeLI(inId){
		var objUL = document.getElementById( "dynamicLlist" );
		objUL.removeChild( document.getElementById(inId) );
	}
</script>
	<title></title>
</head>
<body>
<ul id="dynamicLlist" >
  <li id='li1'>1er élément</li>
  <li id='li2'>2ème élément</li>
</ul>
<a href="#" onclick="removeLI('li2');">remove li</a>
</body>
</html>

26/02/2007, 21h21
sacados1

Merci pour tes réponses tout cela va me permettre de mettre en oeuvre ma messagerie AJAX !

Si tu t'endors sur ton Ordinateur tu seras au courant que l'on t'a envoyé un message elle est pas belle la vie et l'élément setTime !
01/03/2007, 02h01
grimsk

oui très très belle la vie .. surtout si ajouterais le tag RÉSOLU :mouarf:
02/03/2007, 20h14
sacados1

Ok lol c'est bon je met réolu !! Je suis nouveau sur le forum lol !! Ok ça marche ! Résolu alors !