Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 30/06/2011, 14h13   #1
Invité de passage
 
Homme david
Étudiant
Inscription : juin 2011
Messages : 13
Détails du profil
Informations personnelles :
Nom : Homme david
Localisation : France, Ille et Vilaine (Bretagne)

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

Informations forums :
Inscription : juin 2011
Messages : 13
Points : 4
Points : 4
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 :
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.
Timor35 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 02/07/2011, 14h09   #2
Rédacteur/Modérateur
 
Avatar de bigboomshakala
 
Homme
Ingénieur développement logiciels
Inscription : avril 2004
Messages : 2 051
Détails du profil
Informations personnelles :
Sexe : Homme
Âge : 32
Localisation : France

Informations professionnelles :
Activité : Ingénieur développement logiciels
Secteur : High Tech - Éditeur de logiciels

Informations forums :
Inscription : avril 2004
Messages : 2 051
Points : 2 425
Points : 2 425
Bonjour,

Ca m'a tout l'air de fonctionner. Tu as résolu ton problème entre-temps ?
__________________
Modérateur/Rédacteur

Tutoriels/Articles :
- Espace de noms (ou namespace) en JavaScript
- Créer une table HTML éditable en JavaScript (nouveau)
- Smile.Fx : Bibliothèque d'effets visuels en JavaScript (en cours - démo disponible)

mon espace
bigboomshakala est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 03h45.


 
 
 
 
Partenaires

Hébergement Web