Discussion :

[souminet]

Bonjour,
Voilà, je ne sais pas comment bien expliquer ce que je voudrais faire , en gros je voudrais implémenter une zone dans ma page web qui au départ est cachée, mais qui se déroule en cliquant sur un lien , comme pour le lien +Détail de la page d'admistration d'easyPHP sur la page structure d'une table SQL.

Je présume que sa doit être du JS , est ce que quelqu'un pourrait bien me mettre sur la voix.
Merci beaucoup

[vermine]

Bonjour,

En utilisant un Framework Javascript vous aurez de "jolis" effets de styles.
Sinon, en Javascript tout court, vous pouvez également obtenir le même résultat avec des display, mais l'effet visuel sera tout de suite moins joli.

[E.Bzz]

Bonjour,
+1 Vermine.

Sinon, de nombreuses discussions (avec exemples) sur le sujet :
http://www.developpez.net/forums/d92...ogressivement/
http://www.developpez.net/forums/d92...eaucoup-sites/
http://www.developpez.net/forums/d91...aliser-slider/
...

Bref, tu en trouveras d'autres en faisant une recherche sur "slider" dans le forum

A+

[neo18045]

Si je comprend bien, tu voudrait avoir une zone déjà rempli dès le départ mais qui soit caché, et quand tu clique sur un lien, cette zone s'affiche avec un effet de déroulement ?

Si c'est ce cas, je peux t'expliquer en gros le principe que j'ai déjà mis en place, mais j'espère que tu connais un peu JQuery (enfin il n'y a rien de trop compliqué dedans) :

1 - un lien du genre <a href="" id="monLien">Cliquez ici pour dérouler</a>
2 - une div du style <div id="maDiv">Ce que je souhaite caché...</div>
3 - un coup de css sur ta div du genre #maDiv{display:none;}
4 - un coup de JQuery. Là, regarde du côté de la fonction click() pour détecter le clic sur ton lien, slideDown() pour dérouler, et slideUp() pour enrouler (car je trouve mieux de proposer de ré-enrouler une zone après l'avoir déroulée)

[E.Bzz]

@neo18045 > Oui, c'est un peu ce qui est déjà expliqué.

Sauf qu'il n'y a pas que JQuery sur le net

A+

[neo18045]

@neo18045 > Oui, c'est un peu ce qui est déjà expliqué.

Sauf qu'il n'y a pas que JQuery sur le net

A+

Je n'avais pas vu, les précédents messages. En fait j'étais le premier à répondre, mais le temps que je poste il y avait déjà toutes les autres réponses

Sinon oui il n'y a pas que JQuery, mais étant donné que c'est le seul que je connais/utilise et que c'est avec que j'ai fait un truc dans le style qui est demandé, je l'oriente dans ce sens, après pour ce qui est des autres, je pense qu'une recherche et/ou intervention d'autres membres pourront l'aiguiller.

[E.Bzz]

Je n'avais pas vu, les précédents messages. En fait j'étais le premier à répondre, mais le temps que je poste il y avait déjà toutes les autres réponses

Pas de problème : ça arrive tout le temps

A+

[souminet]

Si je comprend bien, tu voudrait avoir une zone déjà rempli dès le départ mais qui soit caché, et quand tu clique sur un lien, cette zone s'affiche avec un effet de déroulement ?

Si c'est ce cas, je peux t'expliquer en gros le principe que j'ai déjà mis en place, mais j'espère que tu connais un peu JQuery (enfin il n'y a rien de trop compliqué dedans) :

1 - un lien du genre <a href="" id="monLien">Cliquez ici pour dérouler</a>
2 - une div du style <div id="maDiv">Ce que je souhaite caché...</div>
3 - un coup de css sur ta div du genre #maDiv{display:none;}
4 - un coup de JQuery. Là, regarde du côté de la fonction click() pour détecter le clic sur ton lien, slideDown() pour dérouler, et slideUp() pour enrouler (car je trouve mieux de proposer de ré-enrouler une zone après l'avoir déroulée)

J'ai téléchargé le JQuery et installé sur ma page... j'ai aussi crée la balise DIV avec ses attributs en css...
Comment puis je implémenter la suite, c'est à dire l'appel aux fonctions??? dont j'ai besoin???

[neo18045]

Avec JQuery, ça pourrait donner un truc du style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
// détecte quand tu clique sur ton lien
$("#tonLien").click(function(){
    // là tu dis que tu veux dérouler ton div
    $("#tonDiv").slideDown();
});

C'est juste le code de déroulement ça. Après il faudra sûrement que tu le mette dans un $(document).ready() et le modifier pour gérer enroulement/déroulement.

[souminet]

Avec JQuery, ça pourrait donner un truc du style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
// détecte quand tu clique sur ton lien
$("#tonLien").click(function(){
    // là tu dis que tu veux dérouler ton div
    $("#tonDiv").slideDown();
});

C'est juste le code de déroulement ça. Après il faudra sûrement que tu le mette dans un $(document).ready() et le modifier pour gérer enroulement/déroulement.

Ok ça j'ai compris, mains dans tout les tutos que je suis entrain de lire, je ne trouve pas la manière de lier mon lien a ce code; j'ai effectivement fait appel au script jquery dans le head, et j'ai retranscris le code que vous m'avez envoyé, mais je n'arrive pas à lier ma balise de lien à cet événement...??

Je suis très embrouillé , je n'ai pas compris comment tout cela fonctionne ??

en fait , est ce que quelqu'un pourrait m'aider à reproduire un exemple, autant dans la partie html (body) que dans le script en lui même...
Merci +++++ et désolée encore, je vous assure que ce n'ai pas par fainéantise , je suis débutante et j'aspire à maitriser le maximum (avec votre aide bien sur

[neo18045]

Es-ce que tu peux envoyé ton code qu'on voit comment tu fais ?