Page 1 sur 1
afficher/masquer un élement en jQuery qui marche pas
Posté : 15 juil. 2012, 18:09
par Ajàx
Bonjour à tous !
Je voudrais savoir pourquoi mon code ne fonctionne pas, je ne comprend vraiment pas.
[javascript]$("#ma_div").hover(function()
{
$this.hide()
});[/javascript]
Re: afficher/masquer un élement en jQuery qui marche pas
Posté : 15 juil. 2012, 18:57
par xTG
Re: afficher/masquer un élement en jQuery qui marche pas
Posté : 15 juil. 2012, 19:31
par Ajàx
[javascript]$("h1")click(function()
{
$this.hide();
}
);[/javascript]
non non, ca marche pas ^^ j'ai encore essayé avec çà mais je pige pas.
Re: afficher/masquer un élement en jQuery qui marche pas
Posté : 15 juil. 2012, 20:48
par Ajàx
quel andouille... ok merci.....
Re: afficher/masquer un élement en jQuery qui marche pas
Posté : 15 juil. 2012, 22:20
par Ajàx
Bon j'ai trouvé mon problème donc merci hein, mais j'ai toujours pas résolu mon principal.
je veux afficher et masquer une div. mais une fois que la div est masqué impossible de la faire réapparaitre, vous pourriez m'orienter pour savoir comment m'y prendre si il y a une fonction spécial en jQuery qui m'aurait échappé ?
Re: afficher/masquer un élement en jQuery qui marche pas
Posté : 16 juil. 2012, 08:32
par xTG
Bah il te faut un sélecteur sur quelque chose qui soit visible pour la ré-afficher.
Ou bien que tu la ré-affiches après un certain temps.
Nous faudrait donc plus d'informations.
Sinon la fonction c'est show().
Re: afficher/masquer un élement en jQuery qui marche pas
Posté : 16 juil. 2012, 11:08
par Calimero
Il y a aussi toggle() pour avoir les deux comportements en bascule.
http://api.jquery.com/toggle/
Re: afficher/masquer un élement en jQuery qui marche pas
Posté : 16 juil. 2012, 11:09
par Ajàx
Merci beaucoup xTG de répondre en tout cas, c'est fort sympa.
Je veux juste que, quand je passe ma souris sur une DIV elle s'affiche et quand on enlève la souris elle s'enlève.
A mon avis c'est très simple..... en gros, c'est çà que je veux
<span onmouseover="affiche('id_du_div',true)" onmouseout="affiche('id_du_div',false)">Survole-moi</span>
<div id="id_du_div" style="display:none;">LA LALA LA LA LA LA !</div>
<script type="text/javascript">
function affiche(id, b) {
document.getElementById(id).style.display = b ? '' : 'none';
}
</script>
mais en jQuery ^^''.
Re: afficher/masquer un élement en jQuery qui marche pas
Posté : 16 juil. 2012, 15:06
par xTG
[javascript]$("#ma_div_cible").hide(); // la cacher à l'ouverture de la page
$("#ma_div").mouseenter(function(){ // on survol => on affiche
$("#ma_div_cible").show();
});
$("#ma_div").mouseleave(function(){ // on quitte l'élément => on cache
$("#ma_div_cible").hide();
});[/javascript]
Re: afficher/masquer un élement en jQuery qui marche pas
Posté : 17 juil. 2012, 00:01
par Ajàx
XD merci beaucoup xTG en fait mon problème c'est que je masquais la DIV je voulais mouseover dessus mais comme elle était caché impossible de la faire réapparaitre ce qu'il me manquait c'était juste un texte là où mouseover pour faire apparaitre...............................................