JavaScript dans page AJAX

Version imprimable

30/07/2007, 19h05
brazilia28

JavaScript dans page AJAX

Bonjour à tous,

J'ai réalisé un site dans lequel à partir des rubriques de mon menu, je met à jour mon div principal de contenu. J'utilise pour cela le framework prototype et la méthode Updater de la classe Ajax.

Mais lorsque j'insère du code javascript dans une page appelée grâce à cette méthode, le code ne s'exécute pas.

Voici un exemple :

Je clique sur la rubrique produits de mon menu --> le div content se met à jour. Mais dans la page appelée par la méthode Ajax.updater, j'avais placé un Accordion Spry (simple panneau en accordéon que proposent la plupart des frameworks Ajax). Le panneau Accordion s'affiche bien mais il n'y a aucun effet d'accordéon, les différents panneaux sont déjà dépliés.

Avez-vous une idée de la source du problème ?

Je vous remercie
31/07/2007, 09h18
E.Bzz

Bonjour,

Citation:

Envoyé par brazilia28

Avez-vous une idée de la source du problème ?

le code aiderait beaucoup ;)

A+

Euh oui en effet, alors voilà :

Ma page d'accueil avec mon menu :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bienvenue sur mon site perso</title>
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
<script type="text/javascript" src="./javascript/prototype.js"></script>
<script type="text/javascript" src="./javascript/script.js"></script>
</head>
<body onload="updater('accueil');">
<div id="corps">
<div id="header></div>
<div id="menu">
<h3 onclick="updater('quisuisje');">qui suis-je ?</h3>
<h3 onclick="updater('moncaractere');">mon caractère</h3>
<h3 onclick="updater('moncv');">mon CV</h3>
</div>
<div id="content"></div>
</div>
 
</body>
</html>

Mon script Javascript avec la fonction updater :

Code:

1
2
3
4
5
6
7
8
 
 
function updater(nameUrl){
var url = nameUrl+'.php';
var pars = 'param1=valeur1';
var target = 'content';
var myAjax = new Ajax.Updater(target, url, {method: 'get', parameters: pars});
}

Et ma page moncv.php que j'affiche dans mon div 'content' :

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
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mon CV</title>
<script src="javascript/SpryAccordion.js" type="text/javascript"></script>
<link href="css/SpryAccordion.css" rel="stylesheet" type="text/css" />
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
  <div class="AccordionPanel">
    <div class="AccordionPanelTab">Etiquette 1</div>
    <div class="AccordionPanelContent">Contenu 1</div>
  </div>
  <div class="AccordionPanel">
    <div class="AccordionPanelTab">Etiquette 2</div>
    <div class="AccordionPanelContent">Contenu 2</div>
  </div>
</div>
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
//-->
</script>
</body>
</html>

Vous pouvez voir le problème que j'ai à cette adresse en cliquant sur la rubrique mon CV : http://benjih00.free.fr
Et ici ce que je souhaiterais obtenir lorsque j'affiche ma page : http://benjih00.free.fr/result.php

Je vous remercie

01/08/2007, 09h43
E.Bzz

Il manque une " là

Code:

<div id="header">

Si un de tes script JS y accède, ça peut planter le code ...

A+
01/08/2007, 11h12
brazilia28

Non ce n'est pas ça, c'est juste une erreur de copier/coller du code. Mais merci quand même !!

Quelqu'un aurait-il une solution à mon problème s'il vous plaît ?
01/08/2007, 11h58
E.Bzz

Citation:

Envoyé par brazilia28

Non ce n'est pas ça, c'est juste une erreur de copier/coller du code.

:roll:

Salut,

Il suffit d'ajouter le paramètre evalScripts: true dans ton Ajax.Updater.
Code:

1 2 3 4 5 6 7 function updater(nameUrl){ var url = nameUrl+'.php'; var pars = 'param1=valeur1'; var target = 'content'; var myAjax = new Ajax.Updater(target, url, {method: 'get', evalScripts: true, parameters: pars}); }