cs_carosch
Messages postés4Date d'inscriptionvendredi 16 septembre 2005StatutMembreDernière intervention16 décembre 2014
-
Modifié par kazma le 13/12/2014 à 18:11
cs_carosch
Messages postés4Date d'inscriptionvendredi 16 septembre 2005StatutMembreDernière intervention16 décembre 2014
-
16 déc. 2014 à 22:32
Bonjour,
j'ai un planning de conférences à afficher.
J'ai utilisé Bootstrap pour l'intégration.
Ne sont affichés par défaut que les titre de chaque session.
Lorsqu'on clique dessus le détail de la session se déplie.
Cela fonctionne très bien avec le js collapse.
Mais en plus de déplier le détail, on me demande de changer la couleur de fond de la session une fois dépliée.
Je suis un peu perdu en js.
J'ai fait une fonction que je voulais utiliser sur le a d titre de la session, mais
1) il ne fonctionne pas
et
2) je ne sais pas comment l'écrire pour qu'il fonctionne sur n'importe quel titre de session, sachant qu'avec l'accordion, on peut replier un element en en ouvrant un autre.
J'espère que je suis à peu près claire.
Merci d'avance pour votre aide et vos conseils.
Carosch
Voici ma fonction :
function change_couleur() { var elementDeReference = document.getElementById(); if (elementDeReference.className = "unesessionfermee") { elementDeReference.removeClass(); elementDeReference.addClass( "unesessionouverte" ); }else { elementDeReference.addClass( "unesessionfermee" ); } }
@karamel
Messages postés1838Date d'inscriptionvendredi 9 mai 2008StatutModérateurDernière intervention19 août 2023148 Modifié par kazma le 13/12/2014 à 18:24
bonjour si c'est juste la couleur de fon qu'il faut changer utilise style
elementDeReference.style.background='red'
ensuite dans la fontion tu fait
var elementDeReference = document.getElementById();
mais tu ne precise pas l'id de l'element il faudrait le mettre en parametre de fonction
function change_couleur(element_a_modife) {
var elementDeReference = document.getElementById(element_a_modife);
if (elementDeReference.style.backgroundColor="blue") {
elementDeReference.style.backgroundColor='red'
}else {
elementDeReference.style.backgroundColor='blue'
}
}
et si tu prefere modifier la class utilise className
elementDeReference.className='une_classe'
rien ne sert de courir il faut partir a point.
cours Forest cours !
cs_carosch
Messages postés4Date d'inscriptionvendredi 16 septembre 2005StatutMembreDernière intervention16 décembre 2014 16 déc. 2014 à 22:32
Bonjour,
merci pour ta réponse kazma
mon problème était plus complexe,
il y avait plusieurs cas à prendre en compte
changer la couleur en cliquant sur lui-même pour ouvrir l'accordion et aussi changer la couleur des autres
et en refermant rechanger la couleur, sachant qu'on peut refermer en cliquant sur lui-même ou sur un autre.