bonjour,

j'ai une page qui comprend 4 éléments Jquery et un mootools.
Le mootool ne marche pas si j'active les 4 jquery.
Les 4 jquery marchent tout avec ou sans mootools
Mootools marche si je désactive les jquery.
Dans tous les cas, j'ai aucun message erreur, ya juste le mootools qu ifait rien, qui se déclance pas (en gros il valide le form au lieu d'afficher l'info bulle au dessus du champs vide dans on appuie sur le bouton)

J'ai bien mis mes jquery en mode compataibilité max et même à la fin, mais rien ne fait. ça marche pas...

Le mootools jquery ne marche pas et ne produit aucune erreur en plus part qu'il marche pas.

voilà mon entête :

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
 
<!-- 0 include jQuery library -->
<script  type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<!-- 1 jquery plugin lighbox -->
<link rel="stylesheet" href="js/prettyphoto/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<script src="js/prettyphoto/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<!-- 2 jquery plugin Cycle plugin -->
<script type="text/javascript" src="js/jquery.cycle.all.2.72.js"></script>
<!-- 3 Jquery plugin combo dropdown -->
<script type="text/javascript" src="js/jquery.stylish-select.js"></script>
<!-- 4 jquery plugin opener et effet -->
<script type="text/javascript" src="js/jquery.effects.core.js"></script>
 
<!-- mootolls -->
<script type="text/javascript" src="js/mootools/core1-2-1.js"></script> 
<script type="text/javascript" src="js/mootools/more.js"></script>
<script type="text/javascript" src="js/formcheck/lang/fr.js"> </script>
<script type="text/javascript" src="js/formcheck/formcheck.js"> </script> 
<link rel="stylesheet" href="js/formcheck/theme/classic/formcheck.css" type="text/css" media="screen" />
voilà mon formulaire mootools très basique pour tester, qu ise trouve directement en tête dans le body :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
<form name="simple" id="simple">		
		<input type="text" class="validate['required'] text-input" name="simple2" />
		<input type="submit" class="button submit" value="Submit" />
	</form>
	<script type="text/javascript">
		new FormCheck('simple');
	</script>
et voilà mon starter de jquery qui est en fin du body :
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
<script type="text/javascript" charset="utf-8">
 
 
		var J = jQuery.noConflict();		
		J(document).ready(function(){
 
			// 1 lightbox
			J("a[rel^='prettyPhoto']").prettyPhoto({theme:'facebook'});
			// 2 slide banniere			
			J('.slideshow').cycle({timeout:5000,fx: 'fade' });
			// 3 combo perso			
			J('#my-dropdownChange').sSelect().change(function(){a=J('#my-dropdownChange').getSetSSValue();window.location.href=tab_activites[a];});
			// 4 opener
 
			J("#button").click(function(){
				J(".moyen_cadre_annonce_description_fermee").switchClass('moyen_cadre_annonce_description_fermee', 'moyen_cadre_annonce_description_ouverte', 200);			
				J(".moyen_cadre_annonce_description_ouverte").switchClass('moyen_cadre_annonce_description_ouverte', 'moyen_cadre_annonce_description_fermee', 300);			
				return false;
			});	
		});
	</script>
si quelqu'un pouvait m'aider.....ça fait 2 demi-journées que je cherche...

peut-être existe-il aussi un mode de compat pour mootool?