Discussion :

[Geinoch]

Bonjour, c'est encore moi...malheureusement =)

J'ai un slideshow normal et je tente d'ajouter une gallerie d'image plus bas dans la page (qui n'a aucune relation avec le slideshow identifié plus haut).

Lorsque je met le script de l'un, l'autre cesse de fonctionner et vice versa.

l'un ressemble à ç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
 
<script>
function runSlideShow(){
  var oImage = document.getElementById('Slideshow');
  if( oImage){ 
    if( oImage.filters){
      oImage.style.filter="blendTrans(duration=2)"
      oImage.filters.blendTrans.Apply();
    }
    showPic( numEncours);
    if( oImage.filters){
      oImage.filters.blendTrans.Play();
    }
    numEncours = ( numEncours +1) % nbImg;
    timer = setTimeout( runSlideShow, 5000); // 5s
  }

ajoutez-y la déclaration des variables habituelle et etc.

l'autre script est relié à un .js et le code est celui-ci:

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
 
 
<script type="text/javascript" src="vaslide.js"></script>
<script type="text/javascript">
	$('slideshow2').style.display='none';
	$('wrapper').style.display='block';
	var slideshow2=new GALERIE.slideshow2("slideshow2");
window.onload=function (){
		slideshow2.info="information";
		slideshow2.thumbs="slider";
		slideshow2.left="slideleft";
		slideshow2.right="slideright";
		slideshow2.scrollSpeed=4;
		slideshow2.spacing=5;
		slideshow2.active="#fff";
		slideshow2.init("slideshow2","image");
	}
</script>

Donc si je fait fonctionner la gallerie, le slideshow reste fixe. Si je fait fonctionner le slideshow, les images n'aparaissent pas dans la gallerie :/.

J'ai lu dans un autre post (javascript et interférence avec d'autres javascript
) que cela pourrait être dû à une sorte de problème avec les gestionnaires d'événement. Cependant les propositions avancées pour régler ce problème était incompréhensible pour un néophyte comme moi.

Si c'est bien cela le problème ou si vous penser que c'est autre chose, votre aide serait bien apprécié...

[SpaceFrog]

ils ne s'annulent pas, ils entrent en conflit...
vu que tu semble utiliser jquery dans l'un des deux, regarde du cote de noConflict()http://api.jquery.com/jQuery.noConflict/

[Bovino]

cela pourrait être dû à une sorte de problème avec les gestionnaires d'événement

Oui, c'est ça...
Lorsque tu écris

Code :

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

window.onload=function(){...};

tu fais une affectation, ce qui signifie que onload est une propriété de l'objet window (dans ce cas), donc si tu fais plusieurs fois cette affectation, chaque affectation va écraser la précédente.

[Geinoch]

Bonjour et merci pour vos réponses.

ils ne s'annulent pas, ils entrent en conflit...
vu que tu semble utiliser jquery dans l'un des deux, regarde du cote de noConflict()http://api.jquery.com/jQuery.noConflict/

Je vais travailler sur cela durant les prochains jours, car en effet c'est un code JQuery que j'ai modifié (du moins, essayé de modifier).

Pour ce qui est de ta réponse Bovino

tu fais une affectation, ce qui signifie que onload est une propriété de l'objet window (dans ce cas), donc si tu fais plusieurs fois cette affectation, chaque affectation va écraser la précédente.

Si le problème se situe à ce niveau, vais-je devoir le régler avec la fonction noConflict ou as-tu quelque chose d'autre à proposer?

Merci encore, je vous reviens avec des nouvelles dès que je peux !

[SpaceFrog]

non il faut juste ne pas faire de window.onlaod et profiter du

Code :

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

$(document).ready()

de jquery pour tout lancer

[Geinoch]

Je suis complètement perdu dans le champ...

J'ai essayé, mais à chaque fois ma gallerie cesse de fonctionner dès que je change moindrement le code.

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" src="vaslide.js"></script>
<script type="text/javascript">
	$('slideshow2').style.display='none';
	$('wrapper').style.display='block';
	var slideshow2=new GALERIE.slideshow2("slideshow2");
window.onload=function (){		slideshow2.info="information";
		slideshow2.thumbs="slider";
		slideshow2.left="slideleft";
		slideshow2.right="slideright";
		slideshow2.scrollSpeed=4;
		slideshow2.spacing=5;
		slideshow2.active="#fff";
		slideshow2.init("slideshow2","image");
	}
</script>

Je sais que la ligne de commande que je dois modifier est celle-ci. J'ai essayé de l'amené avec le noConflict ou le document.ready mais je n'y arrive pas. J'ai encore besoin d'un ptit coup de pouce =)

[Bovino]

Il serait peut-être judicieux de nous montrer comment tu appelles runSlideShow()...

[sekaijin]

simplement utiliser la norme
addEventListener


une solution SIMPLISIME consiste à ne surtout rien définir au niveau global pas même une fonction.
de la sorte impossible d'avoir un script qui entre en conflit avec un autre. chacun dans son espace et le tour est joué.

et pour ça pas besoin de lib ou de framewok JS propose tout ce qu'il faut.

A+JYT

[NoSmoking]

lourd à parier qu'il doit y avoir un

Code :

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

<body onload="runSlideShow();">

[Geinoch]

Nosmoking, tu me fais peur, c'est bel et bien de cette façon que j'ai amené mon premier slideshow. J'avais remarqué que le problème pouvait se situer à ce niveau. Que proposes-tu?

Merci encore pour vos réponses c'est vraiment apprécié...

[sekaijin]

faire ce que j'ai dis utiliser addEventListener

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
if (window.addEventListener) {
  window.addEventListener('load', runSlideShow, false);
  window.addEventListener('load', myOtherStartMethod, false);
  window.addEventListener('load', function() {
    alert('this is onload event');
  }, false);
} else if (window.attachEvent) {
  window.attachEvent('onload', runSlideShow);
  window.attachEvent('onload', myOtherStartMethod);
  window.attachEvent('onload', function() {
    alert('this is onload event');
  });
}

tu peux mettre autant de fonction au démarrage que tu veux il suffit d'utiliser la norme.

A+JYT