Réduction d'un code Javascript trop long...
Id=ntity
Messages postés
79
Date d'inscription
Statut
Membre
Dernière intervention
-
Id=ntity Messages postés 79 Date d'inscription Statut Membre Dernière intervention - 20 févr. 2010 à 23:56
Id=ntity Messages postés 79 Date d'inscription Statut Membre Dernière intervention - 20 févr. 2010 à 23:56
A voir également:
- Réduction d'un code Javascript trop long...
- Code ascii - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Pc long a demarrer - Guide
- Code puk bloqué - Guide
- Code activation windows 10 - Guide
18 réponses
function cacher(nb = '') {
document.getElementById('promo_infos_here' + nb).style.display = 'none';
}
function reveler(nb = '') {
document.getElementById('promo_infos_here' + nb).style.display = 'block';
}Et quand tu appelles une fonction, il suffit de préciser ce qu'il y a après "promo_infos_here" :
cacher('_deux');
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Non car je veux qu'un seul bloc aparaisse/disparaisse à la fois. Je dois donner un nom différent à chaque bloc mais je peux leur donner une même classe si besoin est.
Je ne sais pas comment procéder avec JS
Je ne sais pas comment procéder avec JS
En fait...je n'ai pas bien saisi:
Dans mon html j'ai par exemple:
<span class="promo_infos_deux" onmouseover="cacher('_deux')" onmouseout="reveler('_deux')">
<span id="promo_infos_here_deux">
titre du contenu a cacher
</span>
<span class="promo_infos_detail_deux">
contenu à révéler..
</span>
</span>
C'est ainsi que je dois appeler les fonctions dans le HTML ? Et dans le JS que tu m'as donné, dois-je modifier quelque chose ?
Merci d'avance
Dans mon html j'ai par exemple:
<span class="promo_infos_deux" onmouseover="cacher('_deux')" onmouseout="reveler('_deux')">
<span id="promo_infos_here_deux">
titre du contenu a cacher
</span>
<span class="promo_infos_detail_deux">
contenu à révéler..
</span>
</span>
C'est ainsi que je dois appeler les fonctions dans le HTML ? Et dans le JS que tu m'as donné, dois-je modifier quelque chose ?
Merci d'avance
<span class="promo_infos_deux" onmouseover="cacher('_deux')" onmouseout="reveler('_deux')">texte</span>
<span id="promo_infos_detail_deux">
contenu à révéler..
</span>Attentionx aux différences entre "id" et "class"
J'ai essayé avec ceci pour le JS :
function cacher(nb = '') {
document.getElementById('promo_infos_here' + nb).style.display = 'none';
}
function reveler(nb = '') {
document.getElementById('promo_infos_here' + nb).style.display = 'block';
}
Et ceci pour le HTML:
<span class="promo_infos_deux" onmouseover="cacher('_deux')" onmouseout="reveler('_deux')">texte</span>
<span id="promo_infos_detail_deux">
contenu à révéler..
</span>
Le contenu qui est ici "texte" dans le HTML ne disparaît pas au survol.
function cacher(nb = '') {
document.getElementById('promo_infos_here' + nb).style.display = 'none';
}
function reveler(nb = '') {
document.getElementById('promo_infos_here' + nb).style.display = 'block';
}
Et ceci pour le HTML:
<span class="promo_infos_deux" onmouseover="cacher('_deux')" onmouseout="reveler('_deux')">texte</span>
<span id="promo_infos_detail_deux">
contenu à révéler..
</span>
Le contenu qui est ici "texte" dans le HTML ne disparaît pas au survol.
C'est "promo_infos_here_deux" et pas "promo_infos_detail_deux".
Donc modifies le JS ou le (x)HTML.
Et le contenu à masquer/afficher ce n'est pas plutôt "contenu à révéler.." ? Je ne comprends pas ce que t'essaye de faire.
Donc modifies le JS ou le (x)HTML.
Et le contenu à masquer/afficher ce n'est pas plutôt "contenu à révéler.." ? Je ne comprends pas ce que t'essaye de faire.
Ceci est affiché par un hover :
<span id="promo_infos_detail_deux">
contenu à révéler..
</span>
Pas besoin de JS...mais...
le contenu à cacher/montrer par JS est celui dans:
<span class="promo_infos_deux" onmouseover="cacher('_deux')" onmouseout="reveler('_deux')">texte</span>
<span id="promo_infos_detail_deux">
contenu à révéler..
</span>
Pas besoin de JS...mais...
le contenu à cacher/montrer par JS est celui dans:
<span class="promo_infos_deux" onmouseover="cacher('_deux')" onmouseout="reveler('_deux')">texte</span>
En fait tu veux simplement un système de afficher/masquer avec des lignes et quand on clique sur une, un texte s'affiche en-dessous ?
Oui, une ligne s'affiche à la base. Au survol, elle disparaît pour laisser apparaître un second texte. Elle réapparait quand la zone n'est plus survolée.
Le texte de base doit etre caché/afficher en JS, le second texte apparaît simplement avec un système de hover :)
Le texte de base doit etre caché/afficher en JS, le second texte apparaît simplement avec un système de hover :)
Comme ça ? http://paste.pocoo.org/show/180477/
Non pas exactement.
Voici l'état de base d'affichage sur le site :
- texte d'accroche visible
- texte descriptif invisible
La personne survole le texte d'accroche et:
- texte d'accroche disparaît grâce au Js
- texte descriptif apparaît grâce au :hover dans le css
La personne retire la souris:
- texte d'accroche ré-apparaît grâce au Js
- texte descriptif à nouveau invisible grâce au :hover dans le css
Voilà ;)
Voici l'état de base d'affichage sur le site :
- texte d'accroche visible
- texte descriptif invisible
La personne survole le texte d'accroche et:
- texte d'accroche disparaît grâce au Js
- texte descriptif apparaît grâce au :hover dans le css
La personne retire la souris:
- texte d'accroche ré-apparaît grâce au Js
- texte descriptif à nouveau invisible grâce au :hover dans le css
Voilà ;)