Discussion :

[clavier12AZQSWX]

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?

[danielhagnoul]

Bonsoir.

Voir : http://www.developpez.net/forums/d89...y/#post5094379

[clavier12AZQSWX]

bonjour,

merci pour ton aide, du moins pour ton lien!

j'ai bien regardé (je me suis dit j'ai fait une grosse bourde et il m'envoit un tuto...)mais j'ai pas trouvé mon erreur.

Comme je l'ai dit, Jquery marche très bien, c'est le mootools qui plante.

[danielhagnoul]

Bonsoir.

Je ne connais rien de Mootools, mais dans le lien et ici je vous conseille de faire un essai en mettant les choses sous cette forme et dans cet ordre :

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
33
34
35
36
37
38
39
40
41
 
<!-- styles -->
<link rel="stylesheet" href="js/prettyphoto/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<link rel="stylesheet" href="js/formcheck/theme/classic/formcheck.css" type="text/css" media="screen" />
 
<!-- 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>
 
<!-- jQuery -->
<script  type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="js/prettyphoto/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.2.72.js"></script>
<script type="text/javascript" src="js/jquery.stylish-select.js"></script>
<script type="text/javascript" src="js/jquery.effects.core.js"></script>
<script>
jQuery.noConflict();		
jQuery(function($){
	// ici seulement du jQuery, Mootools ne marchera pas !
 
	$("a[rel^='prettyPhoto']").prettyPhoto({theme:'facebook'});
 
	$('.slideshow').cycle({timeout:5000,fx: 'fade' });
 
	$('#my-dropdownChange').sSelect().change(function(){
		var a = $('#my-dropdownChange').getSetSSValue();
		window.location.href = tab_activites[a];
	});
 
	$("#button").click(function(){
		$(".moyen_cadre_annonce_description_fermee").switchClass('moyen_cadre_annonce_description_fermee', 'moyen_cadre_annonce_description_ouverte', 200);			
		$(".moyen_cadre_annonce_description_ouverte").switchClass('moyen_cadre_annonce_description_ouverte', 'moyen_cadre_annonce_description_fermee', 300);			
		return false;
	});	
});
 
 
// ici le code pour Mootools
</script>

[Trutinette]

Dommage qu'il n'y ait pas de réponse de la personne ayant posté le message pour indiquer que c'est résolu ... s'il passe par ici...

[clavier12AZQSWX]

Dommage qu'il n'y ait pas de réponse de la personne ayant posté le message pour indiquer que c'est résolu ... s'il passe par ici...

Tu as raison Trutinette !
et merci de me corriger, j'aurai dû posté la réponse.
Alors la voiçi...

Finaelement je n'ai plu au à faire cohabiter ces deux là ensemble car il existe un Formcheck en jquery aussi (même plus performant) ayant le même rendu joli avec ls bubbles infos bulle arrondies et tout et tout...
c'est lui : jquery.validationEngine

http://www.position-absolute.com/art...ion-is-a-mess/


vive jquery !