Evaluation de script

Version imprimable

Bonjour,

Je suis actuellement sûr un projet qui utilise plusieurs langages.

Mon problème actuel est au niveau de l'utilisation de prototype.js.
Code:

1 2 3 4 5 6 7 8 function getIndex() { var myAjax = new Ajax.Updater( "Menus", "menus.php", {method: 'get'} ); }
Cette fonction appelle menus.php qui lui me renvoie et ce de manière correct:
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 43 44 45 46 47 48 49 <script type="text/javascript"> //<![CDATA[ objTreeMenu_1 = new TreeMenu("images", "objTreeMenu_1", "_self", "treeMenuDefault", true, false); newNode = objTreeMenu_1.addItem(new TreeNode('Root', 'Etat_vert.png', null, true, true, '', '', 'Etat_vert .png')); newNode_1 = newNode.addItem(new TreeNode('Communes', 'Etat_vert.png', null, false, true, '', '', 'Etat_Vert .png')); newNode_1.setEvent('onclick', 'getContent(\'pages/communes.php\',1);'); newNode_1_1 = newNode_1.addItem(new TreeNode('Transports', null, null, false, true, '', '', null)) ; newNode_1_1.setEvent('onclick', 'getContent(\'pages/transports.php\',2);'); newNode_1_1_1 = newNode_1_1.addItem(new TreeNode('Generals', null, null, false, true, '', '', null )); newNode_1_1_1.setEvent('onclick', 'getContent(\'pages/generals.php\',3);'); newNode_2 = newNode.addItem(new TreeNode('Personels', 'Etat_vert.png', null, false, true, '', '', 'Etat_vert .png')); newNode_2.setEvent('onclick', 'getContent(\'pages/personels.php\',4);'); newNode_3 = newNode.addItem(new TreeNode('Materials', 'Etat_vert.png', null, false, true, '', '', 'Etat_vert .png')); newNode_3.setEvent('onclick', 'getContent(\'pages/materialstorages.php\',5);'); objTreeMenu_1.drawMenu(); objTreeMenu_1.writeOutput(); objTreeMenu_1.resetBranches(); // ]]> </script>
Ce code étant generé depuis la class PEAR HTML_TreeMenu.

Mon but étant, logiquement, d'afficher ce menu dans le div "Menus".

Le problème est que dans le div Menus, il n'y a rien.

Donc j'ai fait quelque recherche et j'ai vu le paramètre: evalScripts pour ajax.updater

Quand je le force à true, alors ne voie plus que mon treeview et ce en fullpage. Quand je vais voir le source, je n'est que le résultat du script de HTML_TreeMenu.

Merci de me donner un coup de main :mrgreen:

06/08/2008, 11h51
marcha

Salut,

Ajax.Updater permet de modifier le contenu d'un élément html avec ce qui est reçu du serveur. Dans ton cas il n'y a pas de contenu html mais juste un script. Donc
je n'utiliserai pas Ajax.Updater qui risque simplement de vider le contenu de ton
menu puisqu'il n'y a pas de html en retour.

Tu pourrai essayer avec Ajax.Request. Sinon comment fonctionne objTreeMenu_1.writeOutput(); ? est-ce qu'il modifie le DOM dynamiquement ou
est-ce qu'il fait des document.write ? dans le deuxième cas cela serait délicat car
le document est clos. (cela expliquerait qu'il remplace tout le code existant)
06/08/2008, 16h45
PinGu-

Hello,

J'ai bien essayé avec ajax.request, j'arrivai au même résultat.

Il fait bien des document.write();

Je n'est pas bien compris le principe du 'document clos' que tu me parle.

Que puis-je faire pour contourner ce problème ?

Merci de ta réponse!
07/08/2008, 08h25
marcha
Salut,

document.write("du code html") permet de créer du code html depuis
javascript pendant le traitement de la page par le navigateur ou dans
un document 'vierge'. Par contre cela ne permet pas de modifier une
partie du code html (ce qui se fait via le DOM avec des méthodes comme createElement)

un exemple:
Code:

1 2 3 4 5 6 7 8 <html>... ... <script type='text/javascript'> document.write("<strong>Hello</strong>"); </script> ... </html>
Dans cet exemple le script est exécuté pendant que le navigateur traite
la page (avant son affichage complet). Pendant ce traitement le document
est "ouvert" et à la fin il est clos.

document.write permet donc de créer du html a partir de chaine de caractère
javascript.

L'usage d'un document.write après coup écrase le document existant visiblement

Je pense que ton script de menu est prévu pour être utilisé de la sorte, en
plaçant le script dans la zone du menu.

Maintenant il faudrait que tu explique ton objectif pour voir comment contourner
le problème.
07/08/2008, 09h06
PinGu-

Hello,

Merci pour ton explication, je comprend mieux le problème.

Le principe que j'aimerai mettre en place est lors d'un enregistrement d'un form, j'exécute l'enregistrement de ce form et j'aimerai que le treeview se recrée car il sera un peu modifier (Nouvelle entrée, changement de quelque paramètre).

Tout cela sans rechargement bien sûr ;)

Merci de ton aide!
07/08/2008, 10h21
marcha

Salut, je pense qu'il te faudrait utiliser un tree view adapté pour Ajax
07/08/2008, 22h21
PinGu-

C'est bon merci de ton aide, m'en suis sortie en modifiant la class pear pour qu'il ne fasse plus un write mais qu'il me donne le resultat que je peux mettre où je veux après.