Jump to content

liste deroulante


Recommended Posts

Bonjour,

 

Il faut mettre la contenu que tu souhaites dérouler dans une div, ici on va l'appeler panier :

<div id="panier" style="display;none">
//cotenu ici
</div>

 

Ensuite il faut ajouter une action jQuery au survol du lien du panier, si le lien est identifiée par "hover_panier"

 

<a id="hover_panier"><img  src="..." alt=""></a>

 

ça donne ce qui suit :

 

jQuery("a#hover_panier").hover(
 function(){
  jQuery('div#panier').show('slow');
 },
 function(){
  jQuery('div#panier').hide(2000);
 }
);

Voilà en gros ce qu'il faut faire.

Link to comment
Share on other sites

je ne comprend pas ca ne fonctionne pas

 

 

j'ai meme repris un code d'un exemple:

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$("#showr").click(function () {
 $("div:eq(0)").show("fast", function () {
   /* use callee so don't have to name the function */
   $(this).next("div").show("fast", arguments.callee);
 });
});
$("#hidr").click(function () {
 $("div").hide(2000);
});

</script>

<button id="showr">Show</button>
 <button id="hidr">Hide</button>
 <div>Hello 3,</div>

 <div>how</div>
 <div>are</div>
 <div>you?</div>

 

 

et ca ne fonctionne pas non plus

Link to comment
Share on other sites

comme indiqué plus haut

j'ai mis ce code dasn mon fichier tpl

 

<div id="panier" style="display;none">
//cotenu ici
</div>

 

 

 

ensuite dans un fichier monfichier.js , j'ai mis ce code

jQuery(document).ready(function(){

jQuery("#hover_panier").hover(
 function(){
	  jQuery('div#panier').show('slow');
 },
 function(){
	  jQuery('div#panier').hide(2000);
 }
);
});


 

et a la place de" hover_panier" , j'ai mis un id de l'endroit ou je veux que ca ce declenche

donc ca peut etre ton div principale ou autre...

 

 

 

et ne pas oublier dans le tpl

<script src="http://monsite.com/monfichier.js"></script>
<script>

  • Like 1
Link to comment
Share on other sites

et ne pas oublier dans le tpl

<script src="http://monsite.com/monfichier.js"></script>
<script>

 

Tu peux également charger le script via le hook header dans le fichier d'installation du module

public function hookHeader( $params )
{
  Tools::addJS($this->_path.'js/lenomdufichierjs.js');
}

 

en enregistrant ce hook lors de l'installation du module :

 

$this->registerHook('header')

Link to comment
Share on other sites

j'ai un autre soucis c'est que lorsque le div se cache , il diminue en hauteur mais egalement en largeur , au lieu d'avoir un ascenseur , ca s'enroule dans un coin ...mon contenu se chevauchent et ca fait pas terrible

 

comment y remedier ?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...