Discussion :

[Cyanatide]

Bonjour.
Alors voila, je veux faire un caroussel, j'ai donc récupérer un script déjà fait que j'ai paramétré et intégré à ma page html comme ceci:

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
<!-- Load the jQuery library from the Google Content Network -->
	<script type="text/javascript" src="./js/jquery.min.js"></script>
 
	<!-- Load the CloudCarousel JavaScript file -->
	<script type="text/JavaScript" src="./js/cloud-carousel.1.0.5.js"></script>
 
	<script type="text/JavaScript">
	$(document).ready(function(){
	alert("js appellé");
		// This initialises carousels on the container elements specified, in this case, carousel1.
		$("#carousel1").CloudCarousel(		
			{			
				xPos: 213,
				yPos: 25,
				yRadius: 40,
				buttonLeft: $("#left-but"),
				buttonRight: $("#right-but"),
				autoRotate: 'left',
				speed:0.08,
				autoRotateDelay: 3000,
				titleBox: $("#title-text")
			}
		);
	});
 
	</script>

En local avec wamp, aucun problème le javascript se lance. Par contre, dès que j'upload ce fichier sur mon serveur, le javascript n'est pas lancé! Les chemins relatif que j'ai entrée sont bon puisque firebug m'affiche bien le contenu de jquery.min.js et cloud-carousel.1.0.5.js.
Avez vous d'autres pistes à creuser?
Merci d'avance pour vos réponses.

[SpaceFrog]

Code :

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

src="../js/jquery.min.js">

sinon tu es sur de la casse des nom de rep et de fichiers ? ton serveur distant est peut être case sensitive ?

[Cyanatide]

J'ai vérifié la casse, c'est tout bon.
Concernant le chemin c'est bien src="./js/jquery.min.js"> puisque je me situe sur la page index.html qui se situe au même niveau que le dossier js.
C'est le première fois que je met du javascript sur mon serveur, il n'y a rien à activer dessus n'est ce pas? il suffit que mon navigateur accepte (et gère) le javascript?

[SpaceFrog]

heu non ce serait plutot

Code :

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

src="js/jquery.min.js">

[SpaceFrog]

Pour info javascript s'execute coté client ... rien à voir avec le serveur
si ce n'est le chargement des js et donc les paths corrects

[Cyanatide]

J'ai supprimé mes ./ devant les chemins, toujours pareil.

[SpaceFrog]

tu as bien uploadé les fichiers js ?

[Cyanatide]

En fait j'ai trouvé, il semblerai qu'une fois sur le serveur on entre jamais dans cette condition:

Code :

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

$(document).ready(function(){

En effet, le js est exécuté si j'utilise ce code la:

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
	<script type="text/javaScript">
		$("#carousel1").CloudCarousel(		
			{			
				xPos: 213,
				yPos: 25,
				yRadius: 40,
				buttonLeft: $("#left-but"),
				buttonRight: $("#right-but"),
				autoRotate: 'left',
				speed:0.08,
				autoRotateDelay: 3000,
				titleBox: $("#title-text")
			}
		);
	</script>

Je me contenterai de cette solution, mais si vous avez une idée du pourquoi le document n'est jamais considéré comme ready, ça m'intéresserai grandement!
Merci pour votre aide.

[SpaceFrog]

ton code js devra etre en fin de page alors ...

verifie ton code html ou code serveur
tu as sans doute oublié de fermer des balises ?> ou %> ....

[SpaceFrog]

Teste ça ?

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
<script type="text/javaScript">
$(function(){
		$("#carousel1").CloudCarousel(		
			{			
				xPos: 213,
				yPos: 25,
				yRadius: 40,
				buttonLeft: $("#left-but"),
				buttonRight: $("#right-but"),
				autoRotate: 'left',
				speed:0.08,
				autoRotateDelay: 3000,
				titleBox: $("#title-text")
			}
		);
})
	</script>