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
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:
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:
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:
1 2 3 4
|
<?php
echo $_POST['value'];
?> |