comment faire cohabiter jquery avec FormCheck de Mootools ?
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:
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:
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:
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?
Pas de réponse bonne réponse
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... ;)
