[AJAX] reexecuter javascript avec ajax

Version imprimable

30/01/2012, 21h25
zecka

[AJAX] reexecuter javascript avec ajax

Bonsoir,
J'ai fait un site wordpress. Le changement de page se fait avec ajax (changement d'url). Je remplace le contenu d'un div par le contenu d'un même div sur une autre page.

Tout fonctionne sauf qu'il ne me reprend pas les javascript entre les balises <script type="text/javascript"></script>

Comment procéder ?
31/01/2012, 08h09
Bovino

Citation:

Le changement de page se fait avec ajax (changement d'url)

:koi:

S'il y a changement d'URL, ce n'est plus de l'AJAX... :?

Pour le reste, ce serait sympa d'expliciter un peu plus (et accessoirement de jeter un coup d'oeil à la FAQ).

Je voulais dire sans changement d'url dsl.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <html> <body> <div id="Header">Lien01 lien02</div> <div id="Ajaxcontent"> blablabalbalabla <script type="text/javascript"> ... </script> </div> <div id="Content"></div> </body> </html>
En gros j'ai une page avec un div #Ajaxcontent Quant je clique sur un lien l'url ne change pas mais le contenu du div est remplacer(avec wajaxisation.js). J'utilise un slider en javascript(sans jquery). Le javascript est placé dans la page en dessous du slider entre les balise <script type="text/javascript"></script>

Le problème c'est qu'il n'est pas réinterpréter.

Par exemple a un endroit du javascript j'ai cela:

nbi=<?php echo ($i); ?>
Sur la page1 qui contient 4 image il met sort nbi=4
mais sur la page2 qui contient 2 image il met ressort nbi=4 au lieu de nbi=2

Lorsque je change le contenu il devrai logiquement changer ce chiffre vu que la valeur de $i change en fonction des page (j'ai vérifier en l'affichant sur la page directement et la il n'est pas pareil. C'est donc uniquement dans le javascript que le changement ne se fait pas.

quelqu'un saurai comment faire pour que le changement s'effectue aussi dans le javascript?
Je m'excuse pour mon français pitoyable.

02/02/2012, 20h32
Rachel

Bonsoir :)
pourrait tu poster tout le javascript et php ?

bon concrétement j'ai ce code qui me permet d'avoir un changement de page sans la rafraichir. Je pars d'une page avec uniquement du texte et j'arrive sur une autre page qui contient un slider jquery. qu'est ce que je dois rajouter pour que le slider fonctionne sur la deuxieme page ? (si jouvre la page indépendamment le slider fonctionne très bien)

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
function ajax_page_advanced(ele,msg,url){ 
 $(ele).slideUp("slow", function(){ 
  $(ele).html(msg).show("slow", function(){ 
   $(ele).load(url+" "+ele, null, function(){ 
    var tampon = $(ele).html(); 
    $(ele).html(msg).hide("slow",function(){ 
     $(ele).html(tampon); 
     $(ele).slideDown("slow"); 
 
 
    }); 
   }); 
  }); 
 }); 
} 
/* Fonction de chargement ajax simple */ 
function ajax_page(ele,msg,url){ 
 $(ele).html(msg).load(url+" "+ele); 
} 
/* Fonction de chargement ajax simple, mais avec un delai pour la demo */ 
function ajax_page_delayed(ele,msg,url){ 
 $(ele).html(msg); 
 setTimeout(function(){ 
  $(ele).load(url+" "+ele); 
 }, 1500) 
} 
 
/* Une fois la page chargée */ 
$(document).ready(function(){ 
 //Application du chargement ajax avec animation sur les liens ayant une classe "wajax" 
 $("a.wajax").click(function(){ 
  ajax_page_advanced('#main-content','<p style="text-align: center">Chargement ...</p>',this.href); 
  return false; 
 
 }); 
 //Application du chargemetn ajax simple sur tous les liens se trouvant dans le conteneur "menu1" 
 $("#menu1 a").click(function(){ 
  ajax_page_delayed('#main-content','<p style="text-align: center">Chargement ...</p>',this.href); 
  return false; 
 }); 
});

C'est pour un site wordpress. En gros je cherche a reporduir ce systeme d'ouverture d'article:

http://themes.premiumpixels.com/?theme=garnish