Ajout dynamique dans une liste <ul>

**sacados1** · 23/02/2007, 19h04

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 :

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
 
<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 ?

**grimsk** · 23/02/2007, 19h23

Quelque chose du genre?

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
<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>

**sacados1** · 23/02/2007, 20h21

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 ?

**grimsk** · 25/02/2007, 19h07

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 :

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
<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>

**sacados1** · 26/02/2007, 21h21

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 !

**grimsk** · 01/03/2007, 02h01

oui très très belle la vie .. surtout si ajouterais le tag RÉSOLU

**sacados1** · 02/03/2007, 20h14

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

Ajout dynamique dans une liste <ul>

JavaScript

Discussions similaires

Partager

Partager