JeuWeb - Crée ton jeu par navigateur
[Répondu]Eléments dépliables/repliables - Version imprimable

+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : [Répondu]Eléments dépliables/repliables (/showthread.php?tid=130)



[Répondu]Eléments dépliables/repliables - Pyl - 30-08-2006

Voila, sur mon site il y a de nombreux cadres en dessous de la map Smile
Je n'ai pas encore mis tout les cadres en place mais bref, ça fait quand même une page à rallonge, trop grande et qui risque d'ennerver le visiteur :heuuu:

Ce que je voudrais faire, c'est donc donner la possibilité au visiteur de faire disparaitre les cadres en possitionnant un petit "-" à coté de chaque titre ce qui replierais le cadre, et ensuite il pourrait le re-deplier avec le petit "+"

Le soucis, c'est que j'ai aucune Idée de comment faire :ninga:

Ca ce fait en Java ? en Php ? en Css ??

Merci d'avance pour votre aide Smile


RE: Question - Isenduil - 30-08-2006

Si la carte est en php, je suppose qu'elle se recharge à chaque déplacement ? Si c'est bien le cas, il est très simple, en php, de n'afficher qu'un certain nombre de carrés autour du point central.

Du reste, je ne suis pas absolument certain qu'il soit nécessaire de recourir au javascript dans ce cas précis... Surtout si ce n'est que pour créer un menu déroulant. Il en existe de bien meilleurs modèles juste en css...


RE: [Répondu]Question - Pyl - 31-08-2006

Merci de vos réponses Smile


RE: [Répondu]Question - Armage - 31-08-2006

Pyl a écrit :Ce que je voudrais faire, c'est donc donner la possibilité au visiteur de faire disparaitre les cadres en possitionnant un petit "-" à coté de chaque titre ce qui replierais le cadre, et ensuite il pourrait le re-deplier avec le petit "+"

Le soucis, c'est que j'ai aucune Idée de comment faire :ninga:

Ca ce fait en Java ? en Php ? en Css ??

Merci d'avance pour votre aide Smile

Je dirais en Javascript + CSS.
Je suis un peu pressé, là, mais rapidement il faut utiliser la propriété display de l'élément à faire apparaître/disparaître.

dans le html
Code :
<div id="cadre1">blabla</div>

dans le javascript, pour cacher la div
Code :
mydiv = document.getElementById('cadre1');
mydiv.style.display = 'none' ;


dans le javascript, pour montrer la div
Code :
mydiv = document.getElementById('cadre1');
mydiv.style.display = 'block' ;


Voilà, je dois y aller, mais avec ces bases, tu trouveras Wink

--
Armage