Conflit entre javascript

Version imprimable

30/12/2010, 13h15
stephane72

Conflit entre javascript

Bonjour
Je viens de mettre en place ce slider sur mon site. Jusqu'ici pas le souci. Seulement j'ai voulu également ajouter cet effet qui permet d'ouvrir un lecteur vidéo. Et donc du coup,mon slider ne fonctionne plus!! j'en déduis qu'il doit y avoir un conflit, mais comment combiner les deux pour qu'ils soient fonctionnelles ensemble?
Merci d'avance
30/12/2010, 14h38
SpaceFrog

un peu de lecture
http://falola.developpez.com/tutorie...ipt/namespace/
30/12/2010, 14h44
stephane72

merci pour votre réponse
désolée mais étant novice en développement ne comprend pas trop le sens de votre lien proposé
30/12/2010, 14h47
SpaceFrog

il faut créer un espace de nom pour chaque effet
ainsi les variables de chaque script seront rattachées à leur espace de nom et par conséquent ne créeront plus de conflit
30/12/2010, 14h52
stephane72

Citation:

Envoyé par SpaceFrog

il faut créer un espace de nom pour chaque effet
ainsi les variables de chaque script seront rattachées à leur espace de nom et par conséquent ne créeront plus de conflit

désolé mais je ne comprend pas et ne s'est pas comment créer un espace de noms pour chaque effet

Le principe de base :

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
<script type="text/javascript">
 
var script1={
 foo : function foo(){
 			texte='foo script 1'
			alert (texte)
			},
 
 bar :	function bar(){
 			texte='bar script 1'
			alert(texte)
			}
	}
 
var script2={
 foo : function foo(){
 			texte='foo script 2'
			alert (texte)
			},
bar : function bar(){
			texte='bar script 2'
			alert(texte)
		}
}
 
script1.foo()
script2.foo()
</script>

Voici mon fichier html.Je place ca ou?

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
		<title>Demo</title>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
 
		<link rel="shortcut icon" href="favicon.ico" />
		<link rel="stylesheet" href="engine/css/videolightbox.css" type="text/css" />
		<style type="text/css">#videogallery a#videolb{display:none}</style>
 
			<link rel="stylesheet" type="text/css" href="engine/css/overlay-minimal.css"/>
			<script src="engine/js/jquery.tools.min.js" type="text/javascript"></script>
			<script src="engine/js/swfobject.js" type="text/javascript"></script>
			<!-- make all links with the 'rel' attribute open overlays -->
			<script src="engine/js/videolightbox.js" type="text/javascript"></script>
 
 
	</head>
	<body bgcolor="#ffffff">
 
 
 
<script type="text/javascript">
 
function onYouTubePlayerReady(playerId) { 
ytplayer = document.getElementById("video_overlay"); 
ytplayer.setVolume(100); 
} 
 
</script> 
<div id="videogallery">
	<a rel="#voverlay" href="http://www.youtube.com/v/hWjrMTWXH28?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="David Guetta &amp; Chris Willis ft Fergie &amp; LMFAO - Gettin' Over You (Official videoclip)"><img src="data/thumbnails/0.png" alt="David Guetta &amp; Chris Willis ft Fergie &amp; LMFAO - Gettin' Over You (Official videoclip)" /><span></span></a>
<a rel="#voverlay" href="http://www.youtube.com/v/SHTT__uvD2E?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="David Guetta &amp; Chris Willis - Love Is Gone (On Ultra Dance 11 out now)"><img src="data/thumbnails/1.png" alt="David Guetta &amp; Chris Willis - Love Is Gone (On Ultra Dance 11 out now)" /><span></span></a>
<a rel="#voverlay" href="http://www.youtube.com/v/KhSEJk4zDwE?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="David Guetta Love Don't Let Me Go"><img src="data/thumbnails/2.png" alt="David Guetta Love Don't Let Me Go" /><span></span></a>
<a rel="#voverlay" href="http://www.youtube.com/v/wiG-TgYjHP8?autoplay=1&rel=0&enablejsapi=1&playerapiid=ytplayer" title="David Guetta - Delirious - Music Video"><img src="data/thumbnails/3.png" alt="David Guetta - Delirious - Music Video" /><span></span></a><a id="videolb" href="http://videolightbox.com">Embed Video on Website by VideoLightBox.com v1.9m</a>
	</div>
 
 
	</body>
</html>

30/12/2010, 15h27
SpaceFrog

dans tes scripts externes ...
il faut en retravailler le code pour en faire des objets ...

il existe bien une bidouille en recupérant le script externe mais il faut ensuite l'evaluer ...
Le plus correct est de modifier les scripts externes
30/12/2010, 15h29
stephane72

oh là!! désolé mais c'est trop compliqué pour moi ca lol
30/12/2010, 15h32
SpaceFrog

ben si tu ne veux pas rentrer dans le code et trouver la ou les variables qui sont identiques et les renommer, tu n'auras pas d'autre choix.
30/12/2010, 15h34
stephane72

Donc si je comprends bien, il faut que j'ouvre tous mes fichiers js et que je les compare à afin de trouver les lignes qui sont identiques?
30/12/2010, 15h40
SpaceFrog

non il suffit de regarder dans un console de debuger js (firebug par exemple) quelle(s) est (sont) les variables qui posent souci et les renommer