- Statut : non résolu
- Ce sujet contient 6 réponses, 2 participants et a été mis à jour pour la dernière fois par
, le il y a 10 années et 3 mois.
-
Messages
-
Bonjour,
Ma configuration WP actuelle
– Version de WordPress :
– Version de PHP/MySQL :
– Thème utilisé :
– Extensions en place :
– Nom de l’hebergeur :
– Adresse du site : http://gabrielseduction.com/coaching/Problème(s) rencontré(s) :
Un petit problème de Javascript ici. Ce que je veux faire est simple : faire apparaître un texte quand l’utilisateur clique sur les phrases 1. Refonte de profil ; 2. Les Guides ; 3. La Formation Personnalisée etc… et faire disparaître ce même texte lorsqu’il reclique dessus. Pour l’instant, 50% du boulot est fait puisque j’arrive à faire apparaître le texte, mais je ne parviens pas à le faire disparaître oO
Voici le code de l’un des textes à faire apparaître :
Pourriez-vous m’aider à trouver la solution ? Je pense qu’il suffit de rajouter une petite ligne de code mais je ne sais pas laquelle.
Merci.
Et en remplaçant style.display=’block’ par ‘none’ ?
J’avais déjà essayé et ça ne marche pas. Ce qui est étrange c’est que si je mets onmouseout à la place, ça marche. Par exemple comme ça :
Là, le texte apparaît quand je clique et disparaît quand j’enlève le curseur du titre. Mais ce n’est pas l’effet voulu..
Dans un plugin, j’utilise ce script qui fonctionne très bien :
function ttogle(thediv){
if (document.getElementById(thediv).style.display== »inline ») {
document.getElementById(thediv).style.display= »none »
} else {document.getElementById(thediv).style.display= »inline »}
}On l’appelle ainsi onClick=ttogle(….);
Pourquoi avoir mis des liens HTML ? vous ne pouvez pas utiliser une balise ?
Je ne connais pas vraiment javascript, le meiux est de demander conseil sur un forum dédié au javascript.
J’ai trouvé une discussion sur le site du zéro devenu openclassroom qui est très intéressante et propose plusieurs solutions pour ce faire ici :
http://fr.openclassrooms.com/forum/sujet/afficher-masquer-en-un-clic-72651J’ai même réussi à l’utiliser sur mon site !
- Vous devez être connecté pour répondre à ce sujet.