Discussion :

[Draakh]

Bonjour ! J'ai un calendrier, développé en php, dans lequel j'affiche la date complète dans chaque jour :

J'aimerais, au chargement de la page, cacher cette date compète, et ne l'afficher à côté du calendrier qu'au survol du jour voulu.
Voici le code qui affiche les dates dans le calendrier :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div class="daytitle" id="daytitle">
         <?php echo $date->days[$w-1]; echo $d; echo $date->months[$m-1];?>
</div>

Et voici mon code jQuery pour cacher ces dates :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#daytitle').hide();

Hélas, lorsque je teste tout ça, seule la date du premier jour du premier mois est bien cachée, mais pas les autres. Ne trouvant pas d'aide sur Google, je viens demander la vôtre ici
Merci d'avance !

[SpaceFrog]

Un id DOIT être unique sur la page ...

[Draakh]

Je ne le savais pas ^^ Une class doit l'être également ?
Merci pour ta réponse !

[danielhagnoul]

Un ID doit être unique et une classe peut être utilisée autant de fois que nécessaire.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$( '.daytitle' ).on( "click", function( event ){
    // event.traget permet de connaître et d'agir $( event.target ).css( "color", "red" ); sur l'élément du DOM qui a généré l'évènement
});

[Draakh]

Ah génial, ça fonctionne lorsque j'utilise la classe, merci beaucoup

Je ne trouve pas la différence entre $(event.target) et $(this), car ça sert à faire la même chose j'ai l'impression...

[-Rpass-]

effectivement event.target correspond à la cible(c-à-d l'élément html) qui a reçu l'évènement (genre onclick).

'this' correspond à l'objet en cours de manipulation, en l'occurence cela correspond à la même chose que event.target