Discussion :

[proxichou]

Salut à tous,

J'ai un petit souci que je n'arrive pas à résoudre:

J'ai ma page principale de mon site avec un div cachee :

page_site.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div id="test" style="display:none;">
 
</div>

Ensuite j'ai un menu qui, au clic, m'affiche le div en insérant en ajax une page php :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="" onclick="document.getElementById('test').display = inline; new Ajax.Updater('test',mon_chemin/script.php, {method: 'get',parameters:'maVar=maValeur'	} );"> menu </a>

L'appel fonctionne très bien car un simple echo sur le script.php s'affiche.

Le souci est qu'il ne vois pas mes balise <script> et le javascript ne fonctionne pas du tout.

voici le script.php:

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
<?php
	Header("Expires: 0");
	Header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
	Header('Cache-Control: no-store, no-cache, must-revalidate');  
	Header('Cache-Control: pre-check=0, post-check=0, max-age=0'); 
	Header("Pragma: no-cache");                                    
	Header("Content-Type: text/html; charset=utf-8");
 
	session_start();
	session_cache_expire();
 
	sleep(2);
 
       echo "ok";
?>
<script language="javascript" type="text/javascript">
alert('blabla');
</script>

quelqu'un à t-il une idée ?

[stealth35]

ton alert ne s'affiche pas ?

[proxichou]

non :s

[stealth35]

et le code source HTML de ta page final ca donne quoi ?

[proxichou]

<div id="test">ok


</div>

il ne les voit pas du tout les balises ...

[stealth35]

ah ui ok je vois, quand tu insere un page en ajax le javascript n'est pas interpréter donc c'est normale que ton alert ne marche pas

[proxichou]

c'est bien ce que je pensais.

connais-tu un moyen pour remédier à mon problème ?

concrètement je veux, au clic sur le menu, insérer dans mon div une page qui utilise du Extjs, donc du javascript.

Sinon je peux directement faire un include() dans mon div qui ne sera visible que lorsque le display sera en inline. Mais ça veut dire que je charge ma page dans tous les cas, même sans clic sur le menu ... et j'aimerais l'éviter.

[stealth35]

c'est bien ce que je pensais.

connais-tu un moyen pour remédier à mon problème ?

concrètement je veux, au clic sur le menu, insérer dans mon div une page qui utilise du Extjs, donc du javascript.

Sinon je peux directement faire un include() dans mon div qui ne sera visible que lorsque le display sera en inline. Mais ça veut dire que je charge ma page dans tous les cas, même sans clic sur le menu ... et j'aimerais l'éviter.

pas top comme methode

[riete]

Si tu veux ajouter un element dynamiquement dans une structure DOM. Il te faut que tu fasse appel à

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
t = document.getElementById('test');
el =document.createElement("ta balise");
t.appendChild(el);

Ton nouvel élément fera alors partie de la structure DOM et pourra être vu depuis un code JS.
Par contre le code dynamique JS, je n'ai jamais essayé de l'insérer. C'est une piste
A suivre ...

[proxichou]

J'ai finalement trouvé une solution.

Si vous utilisez comme moi le Ajax.Updater() il y à un paramètre qui permet de spécifié à l'appel AJAX qu'il va devoir exécuter du JS: evalScripts: true

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
new Ajax.Updater(
		'mon_div',
		'chemin_de_la_page', {
		method: 'get',
		parameters: 'maVar=maValeur',
		evalScripts: true
	} );

Du coup je peux exécuter du JS dans ma page appelée.

Merci pour vos réponse!