Changer un texte au clic en JavaScript [Résolu/Fermé]

Signaler
Messages postés
4
Date d'inscription
mardi 12 mai 2009
Statut
Membre
Dernière intervention
12 mai 2009
 -
 heimanuter -
Bonjour,

Je souhaiterais créer un lien qui changerait à chaque clic du style : Ouvrir puis Fermer. Le but de ce lien est d'ouvrir un div caché et donc changer le texte du lien pour informer de ce qui est possible de faire.

J'ai déjà un petit code, mais ça ne fonctionne pas. Quelqu'un peut me donner un petit conseil ?

Voilà mon code : 


<script type="text/javascript">
	function transformer(id){
		var texte = document.getElementById(id).innerHTML;
		if (texte=="Plus d'informations...") {
			document.getElementById(id).innerHTML = "Moins d'informations...";
		}
		else {
			document.getElementById(id).innerHTML = "Plus d'informations...";
		}
	}
</script>

<a href="javascript:visibilite('infos_1');" onclick="javascript:transformer(this);">Plus d'informations...</a>

<div id="infos_1" style="display:none;">
	Les informations à insérer
</div>



Merci d'avance à tous ! :)

2 réponses

Réponse 1 / 2

Bonjour. Comment adapter ceci à un bouton du type une image flèche vers le bas, et dés qu'on appuie la flèche se transforme en flèche vers le haut ?

Merci.
1
Merci
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 65492 internautes nous ont dit merci ce mois-ci

Réponse 2 / 2
Messages postés
610
Date d'inscription
vendredi 30 mai 2008
Statut
Membre
Dernière intervention
2 avril 2013
 27
Salut !
C'est un lien (<a href =...) ou un bouton qui permet d'afficher ton div ?
Afficher les 7 commentaires
Signaler
Messages postés
4
Date d'inscription
mardi 12 mai 2009
Statut
Membre
Dernière intervention
12 mai 2009
 >
Messages postés
610
Date d'inscription
vendredi 30 mai 2008
Statut
Membre
Dernière intervention
2 avril 2013
Merci :)

Malheureusement, j'ai essayé et ça ne marche pas.

Pour un peu plus d'info, id est une variable qui stocke l'id du lien texte, mais sans que celui-ci en ai réellement un puisque je marque "this" quand j'appelle la fonction.

Si je fais ça, c'est qu'en fait, il y aura plusieurs bloc div cachés et donc, tout est généré dynamiquement avec des id uniques pour chaque div.

Je ne sais pas si je suis bien clair... Désolé :s
Signaler
>
Messages postés
4
Date d'inscription
mardi 12 mai 2009
Statut
Membre
Dernière intervention
12 mai 2009
Hello,

Voici ton code corrigé, ton texte change... 

<script type="text/javascript">
	function transformer(obj){
		var texte = obj.innerHTML;
		if (texte=="Plus d'informations...") {
			obj.innerHTML = "Moins d'informations...";
		}
		else {
			obj.innerHTML = "Plus d'informations...";
		}
	}
</script>

<a href="javascript:visibilite('infos_1');" onclick="javascript:transformer(this);">Plus d'informations...</a>

<div id="infos_1" style="display:none;">
	Les informations à insérer
</div>
Signaler
Messages postés
4
Date d'inscription
mardi 12 mai 2009
Statut
Membre
Dernière intervention
12 mai 2009
 > Sims'
Oh yeah, super ! Merci beaucoup !

Bonne journée à toi ! :D

Adrian
Signaler
Messages postés
21
Date d'inscription
mercredi 25 janvier 2012
Statut
Membre
Dernière intervention
27 janvier 2012
Bonsoir,
serait-il possible de permettre à ce code en plus de changer le texte au clic, de charger une image à une place bien précise [simultanément]?
D'avance merci,
Vanessa.
Signaler

Bonjour ou Bonsoir communauté de ce site,

Après un essai du code avec exécution concluante de celui-ci, j'ai remarqué que celui-ci ne fonctionnait qu'uniquement sur Google Chrome, les autres navigateurs ne faisant rien.

Quel serait la solution à ce problème ?
Posez votre question