noclonflict avec jquery

**menekis** · 09/07/2009, 16h52

Bonjours,
j'ai un petit soucis d'utilisation de jquery et mootools, bien entendu ils entrent en conflit l'un avec l'autre... j'aurais besoin qu'une seule partie de ma page soit gèrer par jquery

voici le code:

Code :

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
 
<head
><script type="text/javascript" src="membres/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="membres/js/jquery-ui-1.7.custom.min.js"></script>
<script type="text/javascript" src="membres/js/controller.js"></script> 
<script language="javascript" type="text/ecmascript" src="js/mootools12.js"></script>
</head>
<body>
<?php include('inc/header.php'); ?>
<div id="contenu">
  <div id="left">
   	<a href=""> </a>
  </div>
     <?php include('inc/right.php'); ?>
        <div id="middle"><img src="images/rssTopM.jpg" alt="" class="imgStupide">
    	<div id="texte">
 
    		<div id="form">
			<input type="text" id="searchbox" name="searchbox" >
			<div id="buttonContainer">
				<a class="button" id="submitbutton" href="#"><span id="buttontext">Recherche</span></a>
			</div>
		</div>
		<div id="resultsContainer"></div><p>
      	  </div>
	</div>
	<?php include('inc/footer.php'); ?>
 
</div>
 
</div>
</body>

voici ce que JQuery devrait utiliser:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<div id="form">
			<input type="text" id="searchbox" name="searchbox" >
			<div id="buttonContainer">
				<a class="button" id="submitbutton" href="#"><span id="buttontext">Recherche</span></a>
			</div>
		</div>
		<div id="resultsContainer"></div><p>

le formulaire fait sa recherche dans un document exterieur nommé membre/search.php

si vous aviez une idée cela serait très apprécié

**menekis** · 09/07/2009, 17h19

je pense avoir trouver une partie de la solution mais je n'arrive pas a l'appliquer.

il faut mettre dans le header

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
<script type="text/javascript" src="membres/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="membres/js/jquery-ui-1.7.custom.min.js"></script>
<script type="text/javascript" src="membres/js/controller.js"></script> 
<script>
var $j = jQuery.noConflict();
// on utilise maintenant jQuery via $j(...)
//exemple
$j('#test').show();
// motools avec $(...)
</script>

et ensuite changer dans controller.js tout les $ pou $j

mais ca ne fonctionne pas... idées?

--EDIT---

c'est bon j'ai trouvé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
<script type="text/javascript" src="membres/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="membres/js/jquery-ui-1.7.custom.min.js"></script>
<script>
var $j = jQuery.noConflict();
// on utilise maintenant jQuery via $j(...)
//exemple
$j('#test').show();
// motools avec $(...)
</script>
<script type="text/javascript" src="membres/js/controller.js"></script>

noclonflict avec jquery

jQuery

Discussions similaires

Partager

Partager