Conflit entre javascript

stephane72 · 30/12/2010, 13h15

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

SpaceFrog · 30/12/2010, 14h38

un peu de lecture
http://falola.developpez.com/tutorie...ipt/namespace/

stephane72 · 30/12/2010, 14h44

merci pour votre réponse
désolée mais étant novice en développement ne comprend pas trop le sens de votre lien proposé

SpaceFrog · 30/12/2010, 14h47

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

stephane72 · 30/12/2010, 14h52

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

SpaceFrog · 30/12/2010, 15h08

Le principe de base :

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

stephane72 · 30/12/2010, 15h18

Voici mon fichier html.Je place ca ou?

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

SpaceFrog · 30/12/2010, 15h27

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

stephane72 · 30/12/2010, 15h29

oh là!! désolé mais c'est trop compliqué pour moi ca lol

SpaceFrog · 30/12/2010, 15h32

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.

stephane72 · 30/12/2010, 15h34

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?

SpaceFrog · 30/12/2010, 15h40

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

30/12/2010, 13h15	#1
stephane72 Invité de passage Inscription : décembre 2010 Messages : 8 Détails du profil Informations forums : Inscription : décembre 2010 Messages : 8 Points : 0 Points : 0	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
	00

30/12/2010, 14h38	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 004 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 004 Points : 45 087 Points : 45 087	un peu de lecture http://falola.developpez.com/tutorie...ipt/namespace/ __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

30/12/2010, 14h47	#4
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 004 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 004 Points : 45 087 Points : 45 087	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 __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

30/12/2010, 15h27	#8
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 004 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 004 Points : 45 087 Points : 45 087	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 __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

30/12/2010, 15h32	#10
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 004 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 004 Points : 45 087 Points : 45 087	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. __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

30/12/2010, 14h44	#3
stephane72 Invité de passage Inscription : décembre 2010 Messages : 8 Détails du profil Informations forums : Inscription : décembre 2010 Messages : 8 Points : 0 Points : 0	merci pour votre réponse désolée mais étant novice en développement ne comprend pas trop le sens de votre lien proposé
	00

30/12/2010, 15h29	#9
stephane72 Invité de passage Inscription : décembre 2010 Messages : 8 Détails du profil Informations forums : Inscription : décembre 2010 Messages : 8 Points : 0 Points : 0	oh là!! désolé mais c'est trop compliqué pour moi ca lol
	00

30/12/2010, 15h34	#11
stephane72 Invité de passage Inscription : décembre 2010 Messages : 8 Détails du profil Informations forums : Inscription : décembre 2010 Messages : 8 Points : 0 Points : 0	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?
	00

30/12/2010, 15h40	#12
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 004 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 004 Points : 45 087 Points : 45 087	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 __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email