IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

interaction entre 2 plugins jquery. conflit de $


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 7
    Par défaut interaction entre 2 plugins jquery. conflit de $
    Bonjour,
    Tout d'abord bonne année.

    J'ai 2 plugins jquery qui fonctionnent sur une meme page html.

    L'un et l'autre marchent très bien indépendamment, mais lorsque je mets les deux à la fois, je n'ai que le 2ème qui fonctionne.

    Il y a apparemment une interaction avec le $ de jquery.
    Je voudrais bien le changer par $jquery par exemple mais je ne sais pas dans quel fichier le changer.
    Je ne suis pas sur d'ailleurs que ce soit cela le problème.
    Débutante en javascript et jquery j'ai du mal à déchiffrer ces longues lignes de code.
    J'ai mis mon essai en ligne pour que cela soit plus simple pour vous à l'adresse :
    ici meme

    En fait la question c'est comment mettre 2, plugins jquery dans une même page?

    Merci de vos réponses

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    noconflict() ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Inactif  

    Profil pro
    Inscrit en
    Mai 2010
    Messages
    345
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2010
    Messages : 345
    Par défaut
    Citation Envoyé par SpaceFrog Voir le message
    noconflict() ...
    un id ne doit surtout pas commencer par un chiffre et ne peut surtout pas être un chiffre, préfixe le avec une lettre ton id="1"

  4. #4
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 7
    Par défaut
    Je croyais que noconflict() était lorsqu'on utilisait 2 bibliothèques différentes. Comme scriptaculous et jquery.
    C'est pour ça que j'ai changé pour utiliser 2 plugins de la même bibliothèque (jquery).

    Dois-je utiliser noconflict() quand même.
    J'ai essayé en mettant id="m1" au lieu de 1 mais ca ne marche pas.

  5. #5
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    noconflict peut il me semble aussi servir pour gerer des conflits entre plugins
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  6. #6
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 7
    Par défaut
    Ok j'ai essayé mais la c'est pire que tout. Je n'ai plus d'erreurs javascript mais je n'ai plus rien qui s'affiche.

    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
     
    <!--   Menu  -->
    	<script type="text/javascript" src="javascript/jquery.1.4.4.js"></script>  <!-- Fichier Jquery -->
    	<script type="text/javascript" src="javascript/jquery.lavalamp.js"></script> 
    	<script type="text/javascript" src="javascript/jquery.easing.js"></script>  
    	<script type="text/javascript">
     
    		jQuery.noConflict();
    		{
    		// Du code qui utilise $() pour jQuery().
    			(function($) 
    			{ 
    				$(function() 
    					{	
    						$("m1").lavaLamp(
    						{
    							fx: "backout",
    							speed: 700,
    							click: function(event, menuItem) 
    										{
    										return false;
    										}
    						});
    					});
    			});
     
    		}(jQuery);
    		// Du code utilisant le $() d'autres bibliothèques JS.
    		</script> 
    		<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js">
    C'est moi qui utitlise mal la fonction je suppose, mais étant débutante javascript, c'est pas évident

  7. #7
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Citation Envoyé par shivafrodite Voir le message
    En fait la question c'est comment mettre 2, plugins jquery dans une même page?
    Bonsoir

    L'ordre d'insertion des plug-ins et widgets est important, je vous suggère d'essayer comme suit :
    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
     
    	<script type="text/javascript" src="javascript/jquery.1.4.4.js"></script>
    	<script type="text/javascript" src="javascript/jquery.easing.js"></script>
    	<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
    	<script type="text/javascript" src="javascript/jquery.lavalamp.js"></script> 
    	<script type="text/javascript"> 
                    $(function() {
                            $("#1").lavaLamp({
                            fx: "backout",
                            speed: 700,
                            click: function(event, menuItem) {
                                                    return false;
                                            }
                                    });
                            });
            </script>

    Le dernier script doit être inséré juste avant le tag </body> :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    	<script> 
                    $(function() {
                            $("#nav ul").tabs("#panes > div", {effect: 'fade', fadeOutSpeed: 400});
                    });
            </script>
    </body>

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  8. #8
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    139
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2004
    Messages : 139
    Par défaut
    Bonjour danielhagnoul,

    je lis ta citation de shivafrodite, et je me demande si tu considères que mon post est en dehors de sa question ? A lire sa requête, j'ai pensé être dans le même problème et donc au lieu d'ouvrir un autre post identique, si mon source permet de résoudre ses interrogations et les miennes, je posterais ici. Le cas échéant, j'ouvrirais un autre post.

    Le code présenté ci-dessus, n'est qu'une invention rapide de ma part pour donner un exemple concret de ce que j'avais testé. Je présenterais mon source ici ou dans un autre post pour apporter une réponse claire à ma question et aux questions qui concernent à mon sens directement ce post.

    PS : j'ai lu ton aide sur les clôtures, j'en ai entendu parlé effectivement. Ta page semble constructive merci d'avance.

    cordialement,

  9. #9
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Bonsoir

    La règle est simple, une nouvelle question c'est une nouvelle discussion. Mais même pour des problèmes identiques il est toujours préférable d'ouvrir une nouvelle discussion pour la clarté du propos.

    Dans votre cas, je ne sais pas si le "noConflict()" est justifier, mais essayer le code suivant et si cela ne marche pas ouvrez une nouvelle discussion en fournissant les codes nécessaires.

    Code javascript : 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
    <script>
    	jQuery.noConflict();
     
    	jQuery(function($){
    		$("div.test").add("p.quote").addClass("blue").slideDown("slow");
     
    		$("a").click(function() {
    			alert("test : vous avez cliqué !");
    		});
     
    		$("#container").load("mapage.php", function(){
    			$(this).fadeIn("slow");
    		});
     
    		$("#div_a_effacer").slideUp("fast");
    	});
    </script>

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  10. #10
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    139
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2004
    Messages : 139
    Par défaut
    Bonsoir,

    pas de soucis, je test cela demain et j'aviserais en fonction.
    Encore désolé je voulais éviter un doublon effectivement.

    Bonne fin de soirée,

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Affichage, compatibilité entre deux plugins JQuery
    Par slimsaid dans le forum jQuery
    Réponses: 7
    Dernier message: 07/03/2014, 20h38
  2. Synchronisation entre deux plugins jquery
    Par stux001 dans le forum jQuery
    Réponses: 1
    Dernier message: 10/07/2011, 13h14
  3. echange entre 2 plugins jquery
    Par lolodev dans le forum jQuery
    Réponses: 1
    Dernier message: 08/11/2010, 15h30
  4. [AJAX] Interaction entre 2 plugin Jquery?
    Par Thy974 dans le forum AJAX
    Réponses: 1
    Dernier message: 01/09/2010, 14h35
  5. Conflit entre 2 plugin jQuery
    Par designrf dans le forum jQuery
    Réponses: 2
    Dernier message: 16/07/2010, 10h37

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo