[RESOLU] afficher/masquer un élement en jQuery qui marche pas

Eléphanteau du PHP | 46 Messages

15 juil. 2012, 18:09

Bonjour à tous !

Je voudrais savoir pourquoi mon code ne fonctionne pas, je ne comprend vraiment pas.

[javascript]$("#ma_div").hover(function()
{
$this.hide()
});[/javascript]

ViPHP
xTG
ViPHP | 7331 Messages

15 juil. 2012, 18:57

Code : Tout sélectionner

$(this).hide();
;)

Eléphanteau du PHP | 46 Messages

15 juil. 2012, 19:31

[javascript]$("h1")click(function()
{
$this.hide();

}
);[/javascript]


non non, ca marche pas ^^ j'ai encore essayé avec çà mais je pige pas.

Eléphanteau du PHP | 46 Messages

15 juil. 2012, 20:48

quel andouille... ok merci.....

Eléphanteau du PHP | 46 Messages

15 juil. 2012, 22:20

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é ?

ViPHP
xTG
ViPHP | 7331 Messages

16 juil. 2012, 08:32

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().

ViPHP
ViPHP | 2287 Messages

16 juil. 2012, 11:08

Il y a aussi toggle() pour avoir les deux comportements en bascule.

http://api.jquery.com/toggle/
if(!@work()){ Nespresso(); } else { what(); }
______________________________

Eléphanteau du PHP | 46 Messages

16 juil. 2012, 11:09

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 ^^''.

ViPHP
xTG
ViPHP | 7331 Messages

16 juil. 2012, 15:06

[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]

Eléphanteau du PHP | 46 Messages

17 juil. 2012, 00:01

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...............................................