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

MkFramework Discussion :

Insertion de code Jquery


Sujet :

MkFramework

  1. #1
    Membre à l'essai
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2015
    Messages
    7
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 31
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Agroalimentaire - Agriculture

    Informations forums :
    Inscription : Juin 2015
    Messages : 7
    Points : 10
    Points
    10
    Par défaut Insertion de code Jquery
    Bonjour,

    J'utilise ce framework depuis quelques semaines, et je le trouve très intéressant . Seul bémol: je n'arrive pas à ajouter du code jQuery, même très simple.
    Par exemple, ce code fonctionne sur une simple page HTML :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    <div id="testdiv"></div>
    <script src="jquery2.js"></script>
    <script language="Javascript">
     
    $(function() {
     
    	  $('#testdiv').html('Hello world. Ce texte est affiché par jQuery.');
     
    });
     
    </script>
    Par contre, si j'ajoute le code à la fin du fichier list.php, rien ne se passe.
    Le fichier jquery2.js est dans le même dossier que list.php, à la fin duquel j'ai inséré le code.

    J'ai essayé d'utiliser le noConflict, comme ci-dessous:

    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
     
    <div id="testdiv"></div>
     
    <script type="text/javascript" src="jquery2.js"></script>
    <script language="Javascript">
     
    jQuery.noConflict();
    // utilisation de jQuery
    jQuery(function() {
     
    	jQuery('#testdiv').html('Hello world. Ce texte est affiché par jQuery.');
     
    });
     
    </script>
    Mais là encore, rien !

    Une idée?

    Merci d'avance

  2. #2
    Membre habitué
    Homme Profil pro
    Responsable SAV
    Inscrit en
    Mars 2010
    Messages
    122
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Responsable SAV

    Informations forums :
    Inscription : Mars 2010
    Messages : 122
    Points : 128
    Points
    128
    Par défaut
    Bonjour,
    Je connais Jquery de nom, par contre je connais un peu plus MkFramework, et comme vous, j'étais séduit
    dès le premier contact et depuis, je parcours les autres framework juste pour la curiosité.
    J'ai jeté l'ancre ici.
    Bref pour revenir à votre problème, j'utilise mootools, mais je pense que le fonctionnement doit être similaire.
    Il y a sans doute plusieurs façons d'ajouter votre librairie js, mais moi, je fais ainsi :
    par exemple dans votre projet qui se trouve data\genere\VOTRE_PROJET
    il existe un répertoire VOTRE_PROJET\public généré automatiquement par le builder
    il suffit de créer un dossier js pour copier votre librairie jquery-2.1.4.min.js fraichement téléchargée (js\jquery-2.1.4.min.js).
    et le plus dur est fait.

    Maintenant soit dans votre layout\template1.php
    ou directement dans votre vue list.php, vous chargez votre librairie comme ci-dessous :
    (comme vous le voyez, je ne mentionne même pas le dossier public de votre projet. Je cible directement mon dossier js/jquery-2.1.4.min.js)
    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
     
    <form>
      <input id="target" type="text" value="Field 1">
      <input type="text" value="Field 2">
    </form>
    <div id="other">
      Trigger the handler
    </div>
     
     
     
    <div id="testdiv">Test div</div>
     
    <script src="js/jquery-2.1.4.min.js" type="text/javascript"></script>
    <script language="Javascript">
     
    $(function() {
     
    	  $('#testdiv').html('Hello world. Ce texte est affiché par jQuery.');
     
    });
     
    $( "#target" ).focus(function() {
      alert( "Handler for .focus() called." );
    });
     
    </script>
    Cordialement

  3. #3
    Membre à l'essai
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2015
    Messages
    7
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 31
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Agroalimentaire - Agriculture

    Informations forums :
    Inscription : Juin 2015
    Messages : 7
    Points : 10
    Points
    10
    Par défaut
    Merci hadeslabs, j'ai inséré le fichier jquery dans le dossier js, et ça marche!

    J'ai juste enlevé l'appel à la version 1.11 de jquery en bas du fichier bootstrap.php, pour éviter les conflits.

    J'ai testé à nouveau: ça fonctionne !

    Encore merci

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

Discussions similaires

  1. [Smarty] Insertion code Jquery dans un fichier TPL
    Par feldene dans le forum Bibliothèques et frameworks
    Réponses: 2
    Dernier message: 08/10/2010, 15h44
  2. probleme d'insertion de code assembleur dans du c++
    Par Pragmateek dans le forum C++
    Réponses: 4
    Dernier message: 05/03/2006, 23h30
  3. Formulaire : cas d'insertion de code Javascript
    Par davmaster62 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 25/02/2006, 23h52
  4. Insertion de code
    Par petdelascar dans le forum C
    Réponses: 9
    Dernier message: 16/12/2005, 18h55
  5. Insertion de code html
    Par ANOVA dans le forum VB 6 et antérieur
    Réponses: 2
    Dernier message: 30/11/2005, 00h49

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