Autant pour moi tout fonction cote js, juste qu'en regardant le code source la classe 'selected' ne s'affiche pas mais il faut que je regarde les changements avec un plugin firefox style firebugs pour voir apparaitre les changements.

Bonjour,

J'ai de grosse connaissance en php mais dès qu'il s'agit de javascript j'ai tout de suite plus de mal car je pratique beaucoup moins. J'ai fait un petit script me permettant de caché des div avec une classe 'month' qui on pour id="month-x" avec x le numéro du mois. Plus au dans la page j'ai une liste ul/li regroupant tous les mois. J'ai créé un fonction jQuery qui au clique devrait :

- faire disparaitre les div avec la classe 'month'.
- ajouter une classe 'selected' au lien <a> de la div ayant une classe 'months' avec un id="link-x" (x étant le numéro du mois).

Jusque là tout fonctionne.

De la même manière j'ai initialiser la chose en ajoutant une classe="selected" au lien actif par défaut (current). Sauf que quand je regarde mon code source, aucun des liens ne récupèrent l'ajoute de la classe 'selected'. Que se soit à l'initial ou après avoir cliqué sur l'un des mois.

Voici le code :

[javascript]

$(document).ready(function(){
jQuery(function($){

var current = <?php echo date( 'n' ) ?> ;

$('.month').hide();
$('.months a#link-' + current).addClass('selected');
$('#month-' + current).show();

$('.months a').click(function(){
var month = $(this).attr('id').replace('link-','');
if( month !== current ){
$('.month').hide();
$('#month-' + month).show();
$('.months a').removeClass('active');
$('.months a#link-' + month).addClass('selected');
current = month ;
}
return false ;
});
});
});
[/javascript]

Merci d'avance, Ciao.