IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Script div coulissante


Sujet :

JavaScript

  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    8
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2008
    Messages : 8
    Par défaut Script div coulissante
    Bonjour,

    Je pensais m'en sortir seul mais je sèche sur un sujet qui ne doit pourtant pas être trop sorcier...
    J'aimerai trouver un script réalisant le même effet que ce site lorsque l'on clique sur le menu.

    http://rouxatparliamentsquare.co.uk/

    Le contenu s'affiche en coulissant de la gauche vers la droite et change selon l'élément cliqué.
    J'ai cherché du coté de Jquery / Javascript mais je n'ai pas trouvé mon bonheur.

    Je suis preneur de toute bonne idée pour arriver à mes fins !

    Merci à tous et bonne fin de week-end ,

    Emmanuel

  2. #2
    Membre chevronné
    Profil pro
    Inscrit en
    Septembre 2009
    Messages
    1 849
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2009
    Messages : 1 849
    Par défaut
    salut,

    voici les fonctions pour faire ce genre de choses avec jquery :
    http://docs.jquery.com/Effects

  3. #3
    Membre habitué
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    8
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2008
    Messages : 8
    Par défaut
    Oui merci, j'ai presque reussi à m'en sortir grâce à ce script que j'ai bêtement singé :

    http://codebomber.com/jquery/slidepanel/index.php

    Pour faire simple, j'ai un menu et pour chaque élément j'aimerai que le contenu de mon slide change, ça marche très bien pour le premier mais pas pour les suivants.

    Mon code est à peu près ça :

    le menu :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    <div class="underlinemenu">
    <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#" rel="panel">Présentation</a></li>
    <li><a href="#" rel="panel2">Le club</a></li>
    <li><a href="#">Contact</a></li>
    </ul>
    </div>
    et plus bas sur la même page les div :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    <div id="panel" class="cb_slide_panel">test1</div>
    <div id="panel2" class="cb_slide_panel">test2</div>
    J'espère que ce sera clair, en réalité mon code est un peu plus chargé, j'ai simplifié pour l'exemple.

Discussions similaires

  1. script pour changer le texte d'un div
    Par timaii dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 25/10/2007, 14h26
  2. [AJAX] Script AJAX pour remplir deux "div"
    Par AllCoKe dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 16/02/2007, 21h53
  3. Script pour déplacer des div
    Par lenoil dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 13/10/2006, 13h48
  4. Savoir si un div existe ( via son ID ) sans faire bugger le script
    Par Invité dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 13/05/2006, 08h59
  5. script php et plusieurs div
    Par bébé dans le forum Langage
    Réponses: 4
    Dernier message: 02/10/2005, 21h02

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo