Discussion :

[Che57]

Bonjour,

Comment fait-on pour qu'un texte (en réalité un lien <a>...</a>) change de "valeur" lorsque je clique sur celui-ci ?

Concrètement, pour chaque expérience pro, j'ai un lien "Voir plus de détails" qui affiche une description. Cela est géré en JS.

Ce que j'aimerais, c'est que lorsque l’utilisateur a cliqué sur ce lien, le texte passe de "Voir plus de détails" à "Voir moins de détails"... Je pense que cela doit être possible en JS.

Merci à vous =)

Cordialement

[SpaceFrog]

innerHTML

[Che57]

Impeccable !

Voici le code si ça intéresse quelqu'un :

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
function visibilite(divId,aId)
{
	var targetElement1 ;
	var targetElement2 ; 
	targetElement1 = document.getElementById(divId) ;
	targetElement2 = document.getElementById(aId);
 
	if (targetElement1.style.display == "none")
	{
		targetElement1.style.display = "" ;
		targetElement2.innerHTML = "Voir moins de details";
	}	 
	else
	{
		targetElement1.style.display = "none" ;				
		targetElement2.innerHTML = "Voir plus de details";
	}
}

Et si à la place de changer le texte, je veux carrément le supprimer ? Je clique sur le lien qui déroule la description, et au lieu d'afficher "Moins de détails", je n'ai plus rien.

La solution qui me vient tout de suite est de mettre targetElement2.innerHTML = "";. Mais du coup, j'ai une ligne vide qui reste (à cause du <a [...] > </a> je pense).

[NoSmoking]

Bonjour,

Mais du coup, j'ai une ligne vide qui reste (à cause du <a [...] > </a> je pense).

il te faut supprimer l'élément au niveau de son parent

Code :

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

<a href="lien.html" onclick = "this.parentNode.removeChild(this);">Lien</a>

[Che57]

Parfait !

Merci à vous deux =)