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

Bibliothèques & Frameworks Discussion :

Evaluer un script avec Ajax.Updater [Prototype]


Sujet :

Bibliothèques & Frameworks

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé
    Profil pro
    Inscrit en
    Novembre 2009
    Messages
    75
    Détails du profil
    Informations personnelles :
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Novembre 2009
    Messages : 75
    Par défaut Evaluer un script avec Ajax.Updater
    Bonjour
    J'ai un menu vertical qui contient des liens et en cliquant sur chaque lien il y a une mise a jour d'une balise DIV en utilisant la méthode Ajax.Updater de la framework prototype.

    Cependant, la contenu de la mis a jour contient du code Javascript mais le code ne s'execute pas ;(, j'ai essayé la page toute seule elle marche bien !

    En lisant la doc de prototype: Ajax.Request lorsqu'il trouve un Mime Type Javascript il évalue automatiquement le code

    Avec la méthode Ajax.Updater j'ai mis pourtant evalScripts=true mais ça ne marche toujours pas,

    Je suis novice en AJAX, disant c'est mon premier code

    1- L'application que je veux développer consiste en un menu, lorsque je clique sur un lien, un formulaire apparait sur le DIV mis a jour j'ai rajouter un script de la validation des champs

    Merci à tous

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Salut.

    Citation Envoyé par razmous Voir le message
    En lisant la doc de prototype: Ajax.Request lorsqu'il trouve un Mime Type Javascript il évalue automatiquement le code
    Lis plutôt la doc d'Ajax.Updater : http://www.prototypejs.org/api/ajax/updater
    En particulier le paragraphe "About evalScripts and defining functions"
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre éprouvé
    Profil pro
    Inscrit en
    Novembre 2009
    Messages
    75
    Détails du profil
    Informations personnelles :
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Novembre 2009
    Messages : 75
    Par défaut
    Merci pour votre réponse:

    Oui, j'ai lu mais je n'ai pas bien compris d'où mon problème

    comme j'ai dis c'est ma première application en AJAX avec prototype c'est surement parce que je ne maitrise pas beaucoup le sujet

    Voile le simple test que j'essaye de faire fonctionner:
    --------------
    index.html: qui contient le premier lien
    ----------------
    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
     
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html><head>
      <meta http-equiv="content-type" content="text/html; charset=utf-8">
      <script type="text/javascript" src="../js/prototype.js"></script>
      <title></title></head>
      <style type="text/css">
    	#liens{height: 30px;}
    #contenu{background-color:	#eee;}
    	</style>
     
      <body>
      <script type="text/javascript">
    		var func_lien1 = function() {
    			new Ajax.Updater('contenu','./callback.html',{evalScripts: true});
    		}
    	</script>
     
      <div id="liens">
      <a href="#" onclick="func_lien1()"> le lien</a>
      </div>
     
      <div id="contenu">
      	ici sera place le contenu du premier appel
      </div>
      </body>
    </html>
    -----------
    callback.html pour le mise a jour du contenu et qui contient a son tour un autre lien que je n'arrive pas a executer
    ------------
    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
     
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
      <meta http-equiv="content-type" content="text/html; charset=utf-8">
      <script type="text/javascript" src="../js/prototype.js"></script>
      <title></title>
      </head>
     
      <script type="text/javascript">
    		var func_lien2 = function() {
    			new Ajax.Updater('contenu','./newcb.html');
    		}
    	</script>
     
      <a href="#" onclick="func_lien2()"> un autre lien ici</a>
     
        </body>
    </html>
    ------
    newcb.html
    ------
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    le contenu de mon deuxieme appel
    Probablement que ma conception n'est pas bonne et il faut passer par un autre moyen

    Merci d'avance

  4. #4
    Membre éprouvé
    Profil pro
    Inscrit en
    Novembre 2009
    Messages
    75
    Détails du profil
    Informations personnelles :
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Novembre 2009
    Messages : 75
    Par défaut
    Re,
    Une des solutions consiste à copier le code javascript de ma deuxième fonction dans index.html
    Cela résout partiellement mon problème car je pense que ce n'est pas bon de tout mettre sur la première page, il doit y avoir un moyen de faire des appels à des fonctions javascript

  5. #5
    Membre éprouvé
    Profil pro
    Inscrit en
    Novembre 2009
    Messages
    75
    Détails du profil
    Informations personnelles :
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Novembre 2009
    Messages : 75
    Par défaut Probleme avec tablekit et prototype
    Bonjour a tlm,
    J'utilise la fonction Ajax.Updater pour mettre à jour un <div></div>. ce dernier contient du code Javascript. J'ai réussi à ce que ce dernier s'exécute avec la librairie "Really easy field validation with Prototype" (http://tetlaw.id.au/view/blog/really...ith-prototype/) mais j'ai un problème avec la librairie Tablekit (http://www.millstream.com.au/upload/...kit/index.html)

    Merci d'avance de jeter un coup d'œil sur mon problème et aussi encore beaucoup si vous me trouverez une solution
    En passant Joyeux Noël !


    Voilà mon fichier index.html
    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
    42
     
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
      <meta http-equiv="content-type" content="text/html; charset=utf-8">
      <!-- CSS -->
    	<link rel="stylesheet" type="text/css" href="../css/tablekit.css" />
     
      <!-- Javascript-->
      <script type="text/javascript" src="../js/prototype.js"></script>
      <script type="text/javascript" src="../js/tablekit.js"></script>
    	<script type="text/javascript" src="../js/fastinit.js"></script>
     
    	<script type='text/javascript'>
    		TableKit.Editable.selectInput('name', {}, [['name1', 'name1'],['name2', 'name2']]);
    		TableKit.Editable.selectInput('value', {}, [['value1', 'value1'],['value2', 'value2']]);
    		TableKit.options.editAjaxURI='../lib/echo.php';
    		Event.observe('1', 'dblclick', function() {
    		  alert('Cannot be changed!');
    		});
    	</script>
      <title></title>
      </head>
     
      <body>
      <script type="text/javascript">
    		var load_tablekit = function() {
    			new Ajax.Updater('result','./test_tablekit.html', {evalScripts:true});
    		}
    	</script>
     
      <div id="liens">
      <a href="#" onclick="load_tablekit()"> le lien</a>
      </div>
     
      <div id="result">
      	ici sera place le contenu du premier callback
      </div>
     
     
      </body>
    </html>

    Voilà le fichier contenant TableKit

    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
    42
     
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
      <meta http-equiv="content-type" content="text/html; charset=utf-8">
      <!-- CSS -->
    	<link rel="stylesheet" type="text/css" href="../css/tablekit.css" />
     
      <!-- Javascript-->
      <script type="text/javascript" src="../js/prototype.js"></script>
      <script type="text/javascript" src="../js/tablekit.js"></script>
    	<script type="text/javascript" src="../js/fastinit.js"></script>
     
    	<script type='text/javascript'>
    		TableKit.Editable.selectInput('name', {}, [['name1', 'name1'],['name2', 'name2']]);
    		TableKit.Editable.selectInput('value', {}, [['value1', 'value1'],['value2', 'value2']]);
    		TableKit.options.editAjaxURI='../lib/echo.php';
    		Event.observe('1', 'dblclick', function() {
    		  alert('Cannot be changed!');
    		});
    	</script>
      <title></title>
      </head>
     
      <body>
      <script type="text/javascript">
    		var load_tablekit = function() {
    			new Ajax.Updater('result','./test_tablekit.html', {evalScripts:true});
    		}
    	</script>
     
      <div id="liens">
      <a href="#" onclick="load_tablekit()"> le lien</a>
      </div>
     
      <div id="result">
      	ici sera place le contenu du premier callback
      </div>
     
     
      </body>
    </html>
    La fonction echo.php pour afficher le resultat dans tablekit
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <?php
            echo $_POST['value'];
    ?>

  6. #6
    Membre Expert
    Avatar de gwyohm
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2007
    Messages
    925
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Octobre 2007
    Messages : 925
    Par défaut
    La fonction echo.php pour afficher le resultat dans tablekit

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <?php
            echo $_POST['value'];
    ?>
    C'est ton appel ajax ? et ca renvoie quoi ?
    et au fait... c'est quoi le problème ?

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

Discussions similaires

  1. [script.aculo.us] Charger un div d'une autre page avec Ajax updater
    Par vlester dans le forum Bibliothèques & Frameworks
    Réponses: 1
    Dernier message: 12/06/2013, 20h40
  2. Evaluation de HTML avec Ajax
    Par YvonBlais dans le forum jQuery
    Réponses: 9
    Dernier message: 24/07/2011, 12h40
  3. [Prototype] Problème avec Ajax.Updater
    Par Bigoodheart dans le forum Bibliothèques & Frameworks
    Réponses: 2
    Dernier message: 15/03/2010, 17h21
  4. [Prototype] Utilisation de Ajax.Updater
    Par Boensy dans le forum Bibliothèques & Frameworks
    Réponses: 1
    Dernier message: 02/06/2009, 09h20
  5. [AJAX] faire tourner un script php en boucle avec ajax
    Par mitmit dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 05/05/2007, 10h33

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