Conflit entre jQuery & mootools

**hare_** · 10/05/2009, 15h01

Bonjour à tous ,
Je travail en ce moment sur un site pour lequel j'utilise mootools, pour faire apparaitre une "fenetre", et je voudrais utiliser jQuery pour faire apparaitre une "bulle" d'information au passage de la souris sur une certaine zone.

Vous pouvez voir le site ici. En cliquant sur "s'enregistrer", vous pouvez en effet voir le script mootools qui marche, et la bulle d'information ne marche pas tant que je laisse le script précédent (La bulle devrait apparaitre quand on place le curseur sur l'icone de la maison, en haut a droite).
Donc les deux marchent, mais pas ensemble

Et un petit bout de code...

Code html :

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
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sentiers Maritimes</title>
    <!-- CSS -->
    <link href="style.css" rel="stylesheet" type="text/css" />
    <link href="menu.css" rel="stylesheet" type="text/css" />
    <link href="bulles.css" rel="stylesheet" type="text/css" />
 
    <!-- START MooSlide -->
    <!-- The CSS -->
      <link rel="stylesheet" href="mooslide.css" type="text/css" media="screen" />
    <!-- Mootools - the core -->
    &lt;script type="text/javascript" src="js/mootools12.js"></script>
    <!-- MooSlide (show/hide login form) -->
    &lt;script type="text/javascript" src="js/mooSlide2-moo12.js"></script>
    &lt;script language="javascript" type="text/ecmascript">
    window.addEvent('domready',function(){
        var myLogin = new mooSlide2({ slideSpeed: 1500, fadeSpeed: 500,  toggler:'login', content:'loginPanel', height:250, close: false, effects:Fx.Transitions.Bounce.easeOut , from:'top'});
        //optional: AutoStart the slider on page load:
        //MyLogin.run();
        $('close').addEvent('click', function(e){
            e = new Event(e);
            myLogin.clearit();
            e.stop();
        });
    });
    </script>
 
&lt;script type="text/javascript" src="js/jquery-latest.js"></script>
&lt;script type="text/javascript"></script>
&lt;script type="text/javascript" src="js/bulle.js"></script>
</head>

Merci d'avance !

**danielhagnoul** · 10/05/2009, 20h32

Bonsoir.

Voir : http://docs.jquery.com/Core/jQuery.noConflict

Conflit entre jQuery & mootools

jQuery

Vue hybride

Discussions similaires

Partager

Partager