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 :

Panneau réductible quand il veut


Sujet :

JavaScript

  1. #1
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2011
    Messages
    13
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Matériel informatique

    Informations forums :
    Inscription : Juin 2011
    Messages : 13
    Par défaut Panneau réductible quand il veut
    Bonjour, je débute en script et je suis actuellement en stage au sein d'une entreprise ou je m'occupe de quelques modifs du site web.

    Ainsi mon patron veut que j'ajoute un bouton Fiche Technique a une page, qui lorsque l'on l'active en cliquant, déplace la "vue" de la page vers le bas en activant un panneau réductible qui est déjà sur le site.

    J'ai donc fait ceci:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
     
    <div id="bouton_fiche_technique">
    <div class="CollapsiblePanelTab" tabindex="0">
    <a href="http://www.truc.com/php/fr/page.php#FicheTechniqueProduit" onClick="cliquer()" >Fiche technique</a></div>
     
    <script type="text/javascript">
    function cliquer(){
    var CollapsiblePanel = new Spry.Widget.CollapsiblePanel("FicheTechniqueProduit", {contentIsOpen:true});}
    </script>
    </div>  </div>
     
            <div id="Texteproduit">
       	  <h1>Blablabla ....</h1>
          	<p class="PrésentationProduit">...<br/><br/>
    		...</p>
            <p class="DimensionsProduit">  ...</p>
          </div></div>
     
     
    <div id="FicheTechniqueProduit" class="CollapsiblePanel">
      <div class="CollapsiblePanelTab" tabindex="0"">+ FICHE TECHNIQUE</div>
      	<div class="CollapsiblePanelContent">
    MODE D'EMPLOI, etc...
    </div></div>
     
     
    <script type="text/javascript" src="../../js/slider_produits/jquery-1.4.2.min.js"></script>	
    <script type="text/javascript" src="../../js/slider_produits/jquery-ui-1.8rc3.custom.min.js"></script>
    <script src="../../js/panneau_spry/SpryCollapsiblePanel.js" type="text/javascript"></script>
    <script type="text/javascript">
    var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("FicheTechniqueProduit", {contentIsOpen:false});
    </script>
    <?php include 'footer_fr.php'; ?>
    Ainsi, lorsque l'on clique sur le fiche technique en haut de page, l'utilisateur est dirigé plus bas vers la page, vers la fiche technique qui s'ouvre dans un panneau qu'il est possible de refermer en cliquant sur le "+ Fiche Technique".

    J'espère que vous suivez^^ Ceci donne:
    http://www.vidamecreation.com/php/fr...rts_photos.php

    Mais comme vous pouvez le voir, si après avoir refermé le panneau, l'utilisateur veut le réouvrir, le footer se remet "sur" la fiche technique. Je pense que mon bug est dans le {contentIsOpen:false} mais je ne vois pas.

    Merci d'avance.

  2. #2
    Rédacteur
    Avatar de bigboomshakala
    Homme Profil pro
    Consultant Web .NET
    Inscrit en
    Avril 2004
    Messages
    2 077
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Consultant Web .NET
    Secteur : Finance

    Informations forums :
    Inscription : Avril 2004
    Messages : 2 077
    Par défaut
    Bonjour,

    Ca m'a tout l'air de fonctionner. Tu as résolu ton problème entre-temps ?

Discussions similaires

  1. [4.1.19-max] requête fonctionnant quand elle veut
    Par Cyberstein dans le forum Requêtes
    Réponses: 3
    Dernier message: 22/06/2007, 15h39
  2. Fenêtre confirm qui s'affiche quand elle veut
    Par XhiAlpha dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 30/05/2007, 15h39
  3. [VB.Net]Enum marche quand ça veut ??
    Par NiamorH dans le forum Windows Forms
    Réponses: 6
    Dernier message: 28/03/2006, 15h02
  4. [FLASH MX] Flash boude quand PHP veut lui parler :(
    Par Huntress dans le forum Flash
    Réponses: 11
    Dernier message: 03/11/2004, 12h16
  5. BCP marche quand il veut !!!!
    Par chris92 dans le forum Outils
    Réponses: 2
    Dernier message: 24/03/2003, 09h41

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