Problème utilisation Lavalamp et jquery

Fermé
mad42 Messages postés 23 Date d'inscription jeudi 7 août 2008 Statut Membre Dernière intervention 22 mars 2009 - 29 janv. 2009 à 14:44
 GwaD - 17 août 2010 à 22:55
Bonjour,

j'essaye de réaliser un menu avec lavalamp et Jquery comme indiquer dans cet exemple :

http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/


Voici ma fonction javascript:

<script type="text/javascript">
$(function() {
$("#1, #2, #3").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
return false;
}
});
});
</script>

Voici mon menu:

<ul class="lavaLampWithImage" id="1">
<li><a href="toto.php">Toto</a></li>
<li><a href="titi.php">Titi</a></li>
<li><a href="tata.php">Tata</a></li>
</ul>

Les fichiers javascript que j'inclue sont les suivants :
jquery-1.1.3.1.min.js
jquery.easing.js
jquery.lavalamp.min.js

Mon problème est que les liens Toto, Titi et Tata ne fonctionnent pas, il ne se passe rien quand je clique dessus, ils ne me renvoient sur aucune page. Par contre mon menu est bien animé.

Pourriez-vous m'aider s'il vous plait ?

D'avance, merci beaucoup

3 réponses

Dans votre code source html:
$(function() {
$("#1, #2, #3").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
return true;
}
});
});
3
Bonjour,
je rencontre exactement le même problème !
Merci de poster qd qqun à la réponse à notre problème !
@tte
-1
Salut,

il faut supprimer ça dans le javascript sur votre page html.

click: function(event, menuItem) {
return false;
}


En tout cas moi ça fonctionne comme ça par contre je ne sais pas comment faire pour que sur l'autre page ça ne soit pas le 1er de la liste qui soit selectionné par défaut.

Donc à voter tour si vous trouvez...

a+
-1
mad42 Messages postés 23 Date d'inscription jeudi 7 août 2008 Statut Membre Dernière intervention 22 mars 2009 1
13 févr. 2009 à 21:46
Salut,

j'ai vu sur ma fonction qu'en mettant return false, mon effet slide fonctionne et reste bien fixe sur la catégorie du menu sur laquelle je viens de cliquer et mais les liens ne fonctionnent plus. En mettrant true, les liens fonctionnent mais le fond coloré ne reste pas sur la bonne catégorie, mais sur la première.

J'ai vue que ce site proposait le meme menu:
https://www.gallerihaaken.com/

mais je n'ai pas reussi a le faire fonctionner de la meme maniere.

Sa fonction est la suivante:
jQuery(function($) {
$(".lavaLampWithImage").lavaLamp({
fx: "easeOutBack",
speed: 700
});
});

il utilise les javascript suivants comme moi
jquery-1.2.3.min.js
jquery.lavalamp.min.js
jquery.easing.1.3.min.js
0
F'lip > mad42 Messages postés 23 Date d'inscription jeudi 7 août 2008 Statut Membre Dernière intervention 22 mars 2009
17 févr. 2009 à 16:32
Oui en fait au final j'ai mis return "true" et les liens fonctionnent. C'est moins à l'arrache aussi. Par contre il est vrai que la barre revient toujours au 1er de la liste.

C'est ce que je pensais, pour que le menu soit à tel ou tel endroit, il faut mettre une "class" à la "li" :

<div id="header_navigation">
<ul class="lavaLampWithImage">
<li><a href="/">aktuell utstilling</a></li>
<li><a href="/kunstnere.php">kunstnere</a></li>
<li class="current"><a href="/utstillinger.php">utstillinger</a></li>

<li><a href="/linker.php">kunstlinker</a></li>
<li><a href="/sider.php">om galleriet</a></li>
</ul>

Ici la barre va donc se trouver sur le menu "utstillinger".
A changer sur chaque page de ton menu donc.

Merci en tout cas pour le lien du site c'est grace à lui que j'ai trouvé ;)
0
merci beaucouuuuuuuuup tu ma sauver :D
0