Problème utilisation Lavalamp et jquery
mad42
Messages postés
26
Statut
Membre
-
GwaD -
GwaD -
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
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
A voir également:
- Problème utilisation Lavalamp et jquery
- Utilisation chromecast - Guide
- Télécharger gratuitement notice d'utilisation - Guide
- La ressource demandée est en cours d'utilisation ✓ - Forum Logiciels
- Dossier en cours d'utilisation - Forum Windows 8 / 8.1
- Il permet l’exécution des logiciels applicatifs et gère l’utilisation des ressources matérielles (mémoire, processeur, périphériques). - Forum Windows 10
3 réponses
Dans votre code source html:
$(function() {
$("#1, #2, #3").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
return true;
}
});
});
$(function() {
$("#1, #2, #3").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
return true;
}
});
});
Bonjour,
je rencontre exactement le même problème !
Merci de poster qd qqun à la réponse à notre problème !
@tte
je rencontre exactement le même problème !
Merci de poster qd qqun à la réponse à notre problème !
@tte
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+
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+
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
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
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é ;)
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é ;)
