JS: ouvir/fermer plusieurs boîtes en 1 clic?
macunaima
-
Benjamincom Messages postés 252 Statut Membre -
Benjamincom Messages postés 252 Statut Membre -
Bonjour,
Je cherche une fonction JS qui en un clic ouvrirait et fermerait plusieurs boîtes. J'explique:
J'ai des titres d'articles d'1 coté de la page et de l'autre, un espace blanc. Lorsqu'on clic sur un titre, le corps de l'article apparaît dans l'espace blanc. Jusqu'ici, tout ok. J'ai le script suivant qui fonctionne nickel et qui m'a été suggéré par PHP:
<script type="text/javascript">
<!--
function toggle(eltId)
{
var elt = document.getElementById(eltId);
elt.style.display = (elt.style.display == "block") ? "none" : "block";
}
var lastId = null;
function toggleExclusif(eltId)
{
if (lastId) toggle(lastId);
toggle(eltId);
lastId = eltId;
}
// -->
</script>
Suivi du rappel dans la page: <a href="javascript:void(0)" onclick:"toggleExclusif('nom de la div')"> titre </a>
Là où ça se complique, c'est qu'il faudrait qu'en même temps que l'article s'ouvre sur le côté, le lien qui est ouvert change de couleur, histoire de se localiser. Il faudrait donc qu'en même temps, la boîte qui contient le lien se ferme et que celle-ci soit remplacée par une boîte équivalente d'une autre couleur. En somme, il me faudrait une fonction du genre toggleExclusif(element1 element2 element3) qui ouvrirait element1, fermerait element2 et ouvrirait element3. Je ne sais pas comment faire, ni si cette methode est la plus simple pour faire ce que je veux.
Tout indice est le bienvenu...
Je cherche une fonction JS qui en un clic ouvrirait et fermerait plusieurs boîtes. J'explique:
J'ai des titres d'articles d'1 coté de la page et de l'autre, un espace blanc. Lorsqu'on clic sur un titre, le corps de l'article apparaît dans l'espace blanc. Jusqu'ici, tout ok. J'ai le script suivant qui fonctionne nickel et qui m'a été suggéré par PHP:
<script type="text/javascript">
<!--
function toggle(eltId)
{
var elt = document.getElementById(eltId);
elt.style.display = (elt.style.display == "block") ? "none" : "block";
}
var lastId = null;
function toggleExclusif(eltId)
{
if (lastId) toggle(lastId);
toggle(eltId);
lastId = eltId;
}
// -->
</script>
Suivi du rappel dans la page: <a href="javascript:void(0)" onclick:"toggleExclusif('nom de la div')"> titre </a>
Là où ça se complique, c'est qu'il faudrait qu'en même temps que l'article s'ouvre sur le côté, le lien qui est ouvert change de couleur, histoire de se localiser. Il faudrait donc qu'en même temps, la boîte qui contient le lien se ferme et que celle-ci soit remplacée par une boîte équivalente d'une autre couleur. En somme, il me faudrait une fonction du genre toggleExclusif(element1 element2 element3) qui ouvrirait element1, fermerait element2 et ouvrirait element3. Je ne sais pas comment faire, ni si cette methode est la plus simple pour faire ce que je veux.
Tout indice est le bienvenu...
A voir également:
- JS: ouvir/fermer plusieurs boîtes en 1 clic?
- Copiez l'image dans un logiciel d'édition d'images ou un outil en ligne comme js paint ou pixlr e. remplissez les cases en suivant le code couleur. des cases supplémentaires vont se remplir automatiquement. que représente le dessin ? ✓ - Forum Windows
- Arrondi js ✓ - Forum Windows
- Remplir une case de tableau avec une couleur grise avec texture de pointillés ✓ - Forum Photoshop
- Reproduction d'un dessin - Forum Graphisme
- Js/kryptik.ad ✓ - Forum Virus