Discussion :

[Guizmo95]

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 :

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
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 :

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

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 :

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

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

[NoSmoking]

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

[tigunn]

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...

[Guizmo95]

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
RSH fonctionne correctement avec des appels ajax fait maison

Les deux semblent incompatibles....

[Guizmo95]

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

je faisais mon appel comme ceci :

Code :

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

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 :

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

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>