begin process at 2012 05 29 23:35:02
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

2 scripts sur la même page, le 1er ne fonctionne plus


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

2 scripts sur la même page, le 1er ne fonctionne plus

mardi 29 mai 2007 à 22:38:33 | 2 scripts sur la même page, le 1er ne fonctionne plus

Mobigirl

Bonjouuuuuuurrr à tous les fanas de javascript :-)
Foilà, je fais un site amateur pour une asbl qui s'occupe de mosaïque.
J'ai un script slideshow qui fonctionnait très bien jusqu'à ce que j'ajoute un script pour faire défiler du texte..
Voici les 2 codes, pouvez-vous m'aider ??
Un énorme merci d'avance !

1er :
<script>
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 3000

// Duration of crossfade (seconds)
var crossFadeDuration = 3

// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = 'http://web.mac.com/jicebxl/images/ateliervue.JPG'
Pic[1] = 'http://web.mac.com/jicebxl/images/materiauPDV2x2nacre1.JPG'
Pic[2] = 'http://web.mac.com/jicebxl/images/materiauPDV2x2nacre3.JPG'
Pic[3] = 'http://web.mac.com/jicebxl/images/materiauPDV2x2irise1.JPG'
Pic[4] = 'http://web.mac.com/jicebxl/images/MateriauBriareHarmonieex2.JPG'
Pic[5] = 'http://web.mac.com/jicebxl/images/Portfoliomiroir9.JPG'
Pic[6] = 'http://web.mac.com/jicebxl/images/Portfoliovase5.JPG'
Pic[7] = 'http://web.mac.com/jicebxl/images/Portfoliofresque2.JPG'
// =======================================
// Ne rien éditer au-dessous de cette ligne
// =======================================

var t
var j = 0
var p = Pic.length

var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}

function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
</script>

2ième :
<script>
ejs_scroll_largeur = 555;
ejs_scroll_hauteur = 40;
ejs_scroll_bgcolor = 'images/content.gif';
/* Mettre ici le chemin de l'image de fond */
ejs_scroll_background = "";
/* Mettre ici le temps en secondes */
ejs_scroll_pause_seconde = 3;

ejs_scroll_message = new Array;

ejs_scroll_message[0]='<a href=" [ Lien ]" class="ejs_scroll"><center>Venez essayer nos cours !</center></FONT></a>';
ejs_scroll_message[1]='<a href=" [ Lien ]" class="ejs_scroll"><center>Pour cette première année 2007, la cotisation est réduite à 20 €. Profitez en !</center></FONT></a>';
ejs_scroll_message[2]='<a href=" [ Lien ]" class="ejs_scroll"><center>Regardez mes créations, en visitant la page Portfolio !</center></FONT></a>';
ejs_scroll_message[3]='<a href=" [ Lien ]" class="ejs_scroll"><center>Envoyez-nous vos commentaires ou vos demandes de renseignements en visitant la rubrique Contact</center></FONT></a>';
function d(texte)
 {
 document.write(texte);
 }

d('<DIV ID=ejs_scroll_relativ STYLE="position:relative;width:'+ejs_scroll_largeur+';height:'+ejs_scroll_hauteur+';background-color:'+ejs_scroll_bgcolor+';background-image:url('+ejs_scroll_background+')">');
d('<DIV ID=ejs_scroll_cadre STYLE="position:absolute;width:'+(ejs_scroll_largeur-8)+';height:'+(ejs_scroll_hauteur-8)+';top:4;left:4;clip:rect(0 '+(ejs_scroll_largeur-8)+' '+(ejs_scroll_hauteur-8)+' 0)">');
d('<div id=ejs_scroller_1 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:0;" CLASS=ejs_scroll>'+ejs_scroll_message[0]+'</DIV>');
d('<div id=ejs_scroller_2 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:'+ejs_scroll_hauteur+';" CLASS=ejs_scroll>'+ejs_scroll_message[1]+'</DIV>');
d('</DIV></DIV>');

ejs_scroll_mode =1;
ejs_scroll_actuel = 0;

function ejs_scroll_start()
 {
 if(ejs_scroll_mode == 1)
  {
  ejs_scroller_haut = "ejs_scroller_1";
  ejs_scroller_bas = "ejs_scroller_2";
  ejs_scroll_mode = 0;
  }
 else
  {
  ejs_scroller_bas = "ejs_scroller_1";
  ejs_scroller_haut = "ejs_scroller_2";
  ejs_scroll_mode = 1;
  }
 ejs_scroll_nb_message = ejs_scroll_message.length-1;
 if(ejs_scroll_actuel == ejs_scroll_nb_message)
  ejs_scroll_suivant = 0;
 else
  ejs_scroll_suivant = ejs_scroll_actuel+1;
 if(document.getElementById)
  document.getElementById(ejs_scroller_bas).innerHTML = ejs_scroll_message[ejs_scroll_suivant];
 ejs_scroll_top = 0;
 if(document.getElementById)
  setTimeout("ejs_scroll_action()",ejs_scroll_pause_seconde*1000)
 }

function ejs_scroll_action()
 {
 ejs_scroll_top -= 1;
 document.getElementById(ejs_scroller_haut).style.top = ejs_scroll_top;
 document.getElementById(ejs_scroller_bas).style.top = ejs_scroll_top+ejs_scroll_hauteur;
 if((ejs_scroll_top+ejs_scroll_hauteur) > 0)
  setTimeout("ejs_scroll_action()",10)
 else
  ejs_scroll_stop()
 }

function ejs_scroll_stop()
 {
 ejs_scroll_actuel = ejs_scroll_suivant;
 ejs_scroll_start()
 }

window.onload = ejs_scroll_start;
</SCRIPT>

mercredi 30 mai 2007 à 16:07:44 | Re : 2 scripts sur la même page, le 1er ne fonctionne plus

nickadele

Membre Club Administrateur CodeS-SourceS
Bonjour,

as-tu essayer les 2 scripts séparément ?

Nickadele
----------------------------------------------
non, ma belle ne s'appel pas Adèle
mercredi 30 mai 2007 à 16:12:23 | Re : 2 scripts sur la même page, le 1er ne fonctionne plus

Mobigirl

Coucou !
Oui et les 2 séparément fonctionnent !
mercredi 30 mai 2007 à 16:47:17 | Re : 2 scripts sur la même page, le 1er ne fonctionne plus

Zobibol

Membre Club
Bien le bonjour,
te serait-il possible de mettre un peu plus de code, pour savoir ou et quand est appelé la méthode runSlideShow() ?
parceque si c'est sur le onload du body, il est surchargé dans le script 2 :

window.onload = ejs_scroll_start;



[o-_-o]
mercredi 30 mai 2007 à 16:56:40 | Re : 2 scripts sur la même page, le 1er ne fonctionne plus

Mobigirl

Oui c'est ça alors car j'ai <body onload="runSlideShow()"> dans la partie body.
Que puis-je faire alors pour arranger ça ?

Un énorme merci d'avance ! :-)
mercredi 30 mai 2007 à 17:04:01 | Re : 2 scripts sur la même page, le 1er ne fonctionne plus

Zobibol

Membre Club
Le plus simple c'est de remplacer :

    window.onload = ejs_scroll_start;

par un truc du genre :
    window.onload = function (){
            ejs_scroll_start();
             runSlideShow();
    }
et de supprimer l'evenement onload du body
A voir
[o-_-o]
mercredi 30 mai 2007 à 17:12:14 | Re : 2 scripts sur la même page, le 1er ne fonctionne plus

Mobigirl

Non marche pas.. :-)
J'ai donc aussi à l'endroit du slideshow ;
          <!-- DEBUT DU SCRIPT SLIDESHOW-->
        </p>
        <div align="center">
        </p>
        <table border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td id="VU" height=250 width=187> <div align="center"><img src=" [ Lien ]" name='SlideShow' width=250 height=187 border="3"></div></td>
          </tr>
        </table>
        <!-- FIN DU SCRIPT SLIDESHOW-->
mercredi 30 mai 2007 à 17:17:51 | Re : 2 scripts sur la même page, le 1er ne fonctionne plus

Zobibol

Membre Club
et qu'é y a qui marche pas ?

moi au final j'ai ça :


<html>
<script>
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 3000

// Duration of crossfade (seconds)
var crossFadeDuration = 3

// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = 'http://web.mac.com/jicebxl/images/ateliervue.JPG'
Pic[1] = 'http://web.mac.com/jicebxl/images/materiauPDV2x2nacre1.JPG'
Pic[2] = 'http://web.mac.com/jicebxl/images/materiauPDV2x2nacre3.JPG'
Pic[3] = 'http://web.mac.com/jicebxl/images/materiauPDV2x2irise1.JPG'
Pic[4] = 'http://web.mac.com/jicebxl/images/MateriauBriareHarmonieex2.JPG'
Pic[5] = 'http://web.mac.com/jicebxl/images/Portfoliomiroir9.JPG'
Pic[6] = 'http://web.mac.com/jicebxl/images/Portfoliovase5.JPG'
Pic[7] = 'http://web.mac.com/jicebxl/images/Portfoliofresque2.JPG'
// =======================================
// Ne rien éditer au-dessous de cette ligne
// =======================================

var t
var j = 0
var p = Pic.length

var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}

function runSlideShow(){
   
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
</script>


<script>
ejs_scroll_largeur = 555;
ejs_scroll_hauteur = 40;
ejs_scroll_bgcolor = 'images/content.gif';
/* Mettre ici le chemin de l'image de fond */
ejs_scroll_background = "";
/* Mettre ici le temps en secondes */
ejs_scroll_pause_seconde = 3;

ejs_scroll_message = new Array;

ejs_scroll_message[0]='<a href="http://web.mac.com/jicebxl/cours.htm" class="ejs_scroll"><center>Venez essayer nos cours !</center></FONT></a>';
ejs_scroll_message[1]='<a href="http://web.mac.com/jicebxl/contact.htm" class="ejs_scroll"><center>Pour cette première année 2007, la cotisation est réduite à 20 €. Profitez en !</center></FONT></a>';
ejs_scroll_message[2]='<a href="http://web.mac.com/jicebxl/portfolio.htm" class="ejs_scroll"><center>Regardez mes créations, en visitant la page Portfolio !</center></FONT></a>';
ejs_scroll_message[3]='<a href="http://web.mac.com/jicebxl/contact.htm" class="ejs_scroll"><center>Envoyez-nous vos commentaires ou vos demandes de renseignements en visitant la rubrique Contact</center></FONT></a>';
function d(texte)
 {
 document.write(texte);
 }

d('<DIV ID=ejs_scroll_relativ STYLE="position:relative;width:'+ejs_scroll_largeur+';height:'+ejs_scroll_hauteur+';background-color:'+ejs_scroll_bgcolor+';background-image:url('+ejs_scroll_background+')">');
d('<DIV ID=ejs_scroll_cadre STYLE="position:absolute;width:'+(ejs_scroll_largeur-8)+';height:'+(ejs_scroll_hauteur-8)+';top:4;left:4;clip:rect(0 '+(ejs_scroll_largeur-8)+' '+(ejs_scroll_hauteur-8)+' 0)">');
d('<div id=ejs_scroller_1 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:0;" CLASS=ejs_scroll>'+ejs_scroll_message[0]+'</DIV>');
d('<div id=ejs_scroller_2 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:'+ejs_scroll_hauteur+';" CLASS=ejs_scroll>'+ejs_scroll_message[1]+'</DIV>');
d('</DIV></DIV>');

ejs_scroll_mode =1;
ejs_scroll_actuel = 0;

function ejs_scroll_start()
 {
    
 if(ejs_scroll_mode == 1)
  {
  ejs_scroller_haut = "ejs_scroller_1";
  ejs_scroller_bas = "ejs_scroller_2";
  ejs_scroll_mode = 0;
  }
 else
  {
  ejs_scroller_bas = "ejs_scroller_1";
  ejs_scroller_haut = "ejs_scroller_2";
  ejs_scroll_mode = 1;
  }
 ejs_scroll_nb_message = ejs_scroll_message.length-1;
 if(ejs_scroll_actuel == ejs_scroll_nb_message)
  ejs_scroll_suivant = 0;
 else
  ejs_scroll_suivant = ejs_scroll_actuel+1;
 if(document.getElementById)
  document.getElementById(ejs_scroller_bas).innerHTML = ejs_scroll_message[ejs_scroll_suivant];
 ejs_scroll_top = 0;
 if(document.getElementById)
  setTimeout("ejs_scroll_action()",ejs_scroll_pause_seconde*1000)
 }

function ejs_scroll_action()
 {
 ejs_scroll_top -= 1;
 document.getElementById(ejs_scroller_haut).style.top = ejs_scroll_top;
 document.getElementById(ejs_scroller_bas).style.top = ejs_scroll_top+ejs_scroll_hauteur;
 if((ejs_scroll_top+ejs_scroll_hauteur) > 0)
  setTimeout("ejs_scroll_action()",10)
 else
  ejs_scroll_stop()
 }

function ejs_scroll_stop()
 {
 ejs_scroll_actuel = ejs_scroll_suivant;
 ejs_scroll_start()
 }

window.onload = function (){
    ejs_scroll_start();
    runSlideShow();
}
</SCRIPT>
    <head>
        <title>
        </title>
    </head>
    <body >
        </p>
        <div align="center">
        </p>
        <table border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td id="VU" height=250 width=187> <div align="center"><img src="http://web.mac.com/jicebxl/images/ateliervue.JPG" name='SlideShow' width=250 height=187 border="3"></div></td>
          </tr>
        </table>
    </body>
</html>

Testé sous FF 1.5 et IE 6 pas problème j'ai pas le 7....



[o-_-o]
mercredi 30 mai 2007 à 17:34:02 | Re : 2 scripts sur la même page, le 1er ne fonctionne plus

Mobigirl

Et t'as les deux qui fontionnenet en même temps ?
Boh.. Vais encore essayer parce que chez moi toujours pareil en changeant, j'ai le texte qui défile mais plus les photos.
mercredi 30 mai 2007 à 17:37:45 | Re : 2 scripts sur la même page, le 1er ne fonctionne plus

Zobibol

Membre Club
oui j'ai les deux méthodes qui fonctionnes, le texte bouge et les photos changent aussi
as-tu essayés avec mon code ?

[o-_-o]

1 2

Cette discussion est classée dans : images, http, document, scroll, ejs


Répondre à ce message

Sujets en rapport avec ce message

Script de diaporama de liens avec erreur etrange [ par pusse ] Bonjour à tous. J'ai recuperer un script sur un site qui cree une liste défilante de liens avec action sur 2 boutons (gauche et droite). Mais apres l' script de visinneur d'image [ par k4mik4zi ] Voila j'ai trouvé un script que j'ai un peu bidouillé pour avoir un visionneur d image mais le probleme c'est que l'image affiché par default c'est au Problème programmation menu déroulant [ par schietnet ] Bonjour à tous. Voila, j'ai un petit problème dans la programmation d'un menu. J'aimerais avoir un menu dynamique, qui en cliquant dessus déroule les modification script -- centrer [ par pusse ] Salut a tous j'ai recuperer un script sur le net qui me permet de creer un  liste defilante de liens horizontalement avec action sur des fleches. Le s Texte (légende) dans popup image... [ par gil1256 ] Bonjour, Sur certaines de mes pages, j'offre la possibilité de visionner des images en grand format, et ce à l'aide de popups dont la taille s'adapte 2 diaporamas sur une meme page html [ par colalune ] Bonjour, J'ai récupéré un code pour un diaporama simple qui fonctionne bien (moins sous firefox !) mais cela me pose probleme quand je v Pop up javascript et PHP [ par bartoun ] Bonjour, je m'aventure sur le javascript pour ouvrir une fenetre dimensionnée avec des dimension recupérées depuis une fonction PHP...relativemlent s centrer un popup avec FF..... [ par jacknikolson ] Salut à tous et bonne année.J'utilise un cms (pwsphp) avec une galerie d'images. Il y a un JS pour afficher les images en popup. je voudrais que l'ima ajout fonction scroll [ par claudy03 ] Voilà, j'ai trouvé le script javascript  qui suitdans le head :function resizePopUp(monImage, monTitre)    {   &nbsp Pb de scroll en javascript associer a des ancres... [ par chandler_vodkamartini ] Voilou, bonjour les gens...alors ptit probleme pas sympa, je travaille sur un site sur lequel on trouve deux acces a la navigation. La navigation seff


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 6,131 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales