[AJAX] JQuery et AJAX

Bonjour,

Souhaitant ajouter sur mon site un "slider" permettant de sélectionner une distance (km), je me suis tourné vers JQUERY UI qui prose ce que je souhaite :

http://jqueryui.com/demos/slider/#rangemin

Sur une page de test, tout fonctionne correctement sans erreurs. Par contre dès que j'appel cette page avec de l'AJAX, j'ai une erreur...

Voici ce qu'il y a dans la page contenant le "slider" :

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

<link type="text/css" href="css/smoothness/jquery-ui-1.8.17.custom.css" rel="stylesheet" /> <script type="text/javascript" src="javascript/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="javascript/jquery-ui-1.8.17.custom.min.js"></script>   <style> #demo-frame > div.demo { padding: 10px !important; }; </style> <script> $(function() { $( "#slider-range-min" ).slider({ range: "min", value: 20, min: 5, max: 100, step: 5, slide: function( event, ui ) { $( "#amount" ).val( ui.value + " km" ); } }); $( "#amount" ).val( $( "#slider-range-min" ).slider( "value" ) + " km" ); }); </script>   <div class="demo">     <label for="amount">Distance :</label> <input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />     <div id="slider-range-min"></div>   </div>

---

Voici le code permettant de charger la page en AJAX (j'ai mis juste la partie qui traite le javascript) :

Code:

---

1 2 3 4 5

scripts = document.getElementById(div).getElementsByTagName("script"); for(var i=0;i<scripts.length;i++) { eval(scripts[i].innerHTML); }

---

Et enfin l'erreur javascript que j'ai :

Code:

---

b.replace is not a function

---

Pour information, j'ai plusieurs pages avec du javascript à charger et je n'ai aucune erreur... J'ai fait pas mal de recherches sur le net mais je ne trouve pas :(

Merci pour votre aide

Bonjour,
pas bien saisi ce que tu cherche à faire mais pourquoi ne pas regarder du coté de :fleche: http://api.jquery.com/load/

Je ne suis pas sûr, mais il me semble que tu dois appeler la function replace avant qu'elle ne soit définit.
regarde du côté de noConflict() au cas où;
si tu utilise bien jQuery(document).ready(function(){ }) ;
si tu inclus tes jQuery et jQuery UI au bon endroit et dans le bon ordre.

Ce sont des pistes...

Après investigation mon problème est le suivant :
J'utilise Jquery pour mes appels ajax
Je veux utiliser RSH (reallysimplehistory) de google

Jquery seul fonctionne correctement:D
RSH fonctionne correctement avec des appels ajax fait maison:D

Les deux semblent incompatibles.... :cry:

J'ai finalement trouver mon problème....

je faisais mon appel comme ceci :

Code:

---

1 2 3 4 5 6

<script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript" src="jquery-ui-1.8.17.custom.min.js"></script> <script type="text/javascript" src="jquery.json-2.3.min.js"></script> <script type="text/javascript" src="json2007.js"></script> <script type="text/javascript" src="rsh.compressed.js"></script>

---

Alors qu'il fallait appeler rsh en premier :

Code:

---

1 2 3 4 5 6

<script type="text/javascript" src="rsh.compressed.js"></script> <script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript" src="jquery-ui-1.8.17.custom.min.js"></script> <script type="text/javascript" src="jquery.json-2.3.min.js"></script> <script type="text/javascript" src="json2007.js"></script>

---