par
datesta » 27 mars 2010, 18:31
un while, un for, c'est la même chose.
Avec le while on peut oublier d'incrémenter/décrementer la variable
Pour le menu déroulant il suffit de mettre un + a coté de chaque rubrique avec une action javascript associé.
Ce + affiche/cache les items de la rubrique courante.
Pour faire ça, il suffit de mettre les items d'une meme rubrique dans un div avec comme style display:none (pour le cacher par défaut) et lui donner un id spécifique (qui permet de le relier à la rubrique)
ça ressemblerait à ça :
Code : Tout sélectionner
<script type="text/javascript">
function developpe(plus,id) {
var itemsDeLaRubrique = document.getElementById("item_"+id); //récuperation de la div des items
if(itemsDeLaRubrique.style.display == "none") { //si items cachés
itemsDeLaRubrique.style.display ='block'; //on affiche
plus.innerHTML = '-'; // permet de changer le + en -..normalement ^^
} else {
itemsDeLaRubrique.style.display ='none'; //on cache
plus.innerHTML = '+'; //change le - en +
}
}
</script>
donneesRubrique = requete recuperation rubrique
pour chaque donneesRubrique
afficher '<a href="#" onClick="developpe(this,\'donneesRubrique[idRubrique]\'); return false;">+</a> donneesRubrique[nomRubrique]'
afficher '<div id="item_"'.donneesRubrique[idRubrique].'" style="display:none">'
donneesItem = recuperation items de la rubrique courante
pour chaque donneesItem
afficher donneesItem[nomItem]
fpour
afficher '</div>';
fpour
en cliquant sur le +, la fonction javascript "developpe" est appelée avec l'id de la rubrique courante. Cela permet de cacher/afficher les bons items.
un while, un for, c'est la même chose.
Avec le while on peut oublier d'incrémenter/décrementer la variable :P
Pour le menu déroulant il suffit de mettre un + a coté de chaque rubrique avec une action javascript associé.
Ce + affiche/cache les items de la rubrique courante.
Pour faire ça, il suffit de mettre les items d'une meme rubrique dans un div avec comme style display:none (pour le cacher par défaut) et lui donner un id spécifique (qui permet de le relier à la rubrique)
ça ressemblerait à ça :
[code]
<script type="text/javascript">
function developpe(plus,id) {
var itemsDeLaRubrique = document.getElementById("item_"+id); //récuperation de la div des items
if(itemsDeLaRubrique.style.display == "none") { //si items cachés
itemsDeLaRubrique.style.display ='block'; //on affiche
plus.innerHTML = '-'; // permet de changer le + en -..normalement ^^
} else {
itemsDeLaRubrique.style.display ='none'; //on cache
plus.innerHTML = '+'; //change le - en +
}
}
</script>
donneesRubrique = requete recuperation rubrique
pour chaque donneesRubrique
afficher '<a href="#" onClick="developpe(this,\'donneesRubrique[idRubrique]\'); return false;">+</a> donneesRubrique[nomRubrique]'
afficher '<div id="item_"'.donneesRubrique[idRubrique].'" style="display:none">'
donneesItem = recuperation items de la rubrique courante
pour chaque donneesItem
afficher donneesItem[nomItem]
fpour
afficher '</div>';
fpour
[/code]
en cliquant sur le +, la fonction javascript "developpe" est appelée avec l'id de la rubrique courante. Cela permet de cacher/afficher les bons items.