Voir le sujet - au sujet du script : fenetre de texte defilant... >> Aide à la conception de sites internet

Inscrit le: 21 Jan 2005

salut

j'ai récupéré ce script dans la rubrique DHTML, celui-ci "tourne" parfaitement dans une page seul...
mais dés que je le met dans ma page avec un copier collé il se met à délirer... je m'explique :
par defaut il y a 5 messages ;dans ma page seul les 2 premier s'affiche puis il m'apparait : "undefined" et part en boucle sur ce message ...
je ne comprends pas pourquoi. j'ai mis cette routine à l'interieur d'une balise <td></td>.
je pense que peut-être celle-ci rentre en "conflit" avec une autre routine ?

je ne comprends plus rien ! d'oh!

c'est pourquoi je me tourne vers vous...

merci d'avance

Inscrit le: 07 Sep 2004

Pourrais-tu nous donner le script de ta page pour que l'on puisse voir d'où vient le problème et s'il n'y a pas de conflit avec un autre script js ?
Merci

Inscrit le: 21 Jan 2005

effacer...

Inscrit le: 07 Sep 2004

C'est bien ça, il y a un conflit entre les deux évènement window.onload...
Alors remplace ta balise <body BGCOLOR="#ffffca" onload="runSlideShow()") par celle-ci
<body BGCOLOR="#ffffca" onload="runSlideShow();ejs_scroll_start;"> et voici le nouveau code de ta page (sachant que j'ai aussi mis à jour le script de fenêtre de texte défilant pour qu'il soit soit compatible avec Mozilla/FireFox)...

Code:

<html>
<head>
<TITLE>STAB Société des Tireurs et Arquebusiers de La Barasse</TITLE>
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<meta http-equiv="Page-Enter" content="blendtrans(duration=1)">
<meta http-equiv="Page-Exit" content="blendtrans(duration=1)">
<meta name="Description" content=" site de la stab "><meta name="keywords" content="

armes,anciennes,tir,palmares,stab,poudre,poudre noire,noire,championnat,fftir,ball

trap,pistolet,revolver,marseille,barasse,stand,palmares,infos,dates,mlaic,point,discipline,telechargement,sport,club,cv,

curiculum vitae,vitaë">
<X-SAS-WINDOW TOP=25 BOTTOM=643 LEFT=4 RIGHT=534>

<script LANGUAGE="JavaScript">

</script>

<script LANGUAGE="JavaScript">

var slideShowSpeed = 4000
var crossFadeDuration = 3
var Pic = new Array()
Pic[0] = 'slide/p01.jpg'
Pic[1] = 'slide/p02.jpg'
Pic[2] = 'slide/p03.jpg'
Pic[3] = 'slide/p04.jpg'
Pic[4] = 'slide/p05.jpg'
Pic[5] = 'slide/p06.jpg'
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 LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
function ScanCookie(variable)
{
cook = document.cookie;
variable += "=";
place = cook.indexOf(variable,0);
if (place <= -1)
return("0");
else
{
end = cook.indexOf(";",place)
if (end <= -1)
return(unescape(cook.substring(place+variable.length,cook.length)));
else
return(unescape(cook.substring(place+variable.length,end)));
}
}

function CreationCookie(nom,valeur,permanent)
{
if(permanent)
{
dateExp = new Date(2020,11,11);
dateExp = dateExp.toGMTString();
ifpermanent = '; expires=' + dateExp + ';';
}
else
ifpermanent = '';
document.cookie = nom + '=' + escape(valeur) + ifpermanent;
}

if(ScanCookie("dejapopup")==0)
{

window.open('cv.htm','_blank','toolbar=0,location=0,directories=0,status=0,scrollbars=0,resizable=0,copyhistory=0,menuBa

r=0,width=395,height=180,left=0,top=20');
CreationCookie("dejapopup","oui",false)
}

</SCRIPT>

<STYLE TYPE=text/css>
A {font-family:verdana; font-size:12px;}
A {color:#666600; text-decoration:none;}
A:visited {color:#CC99FF; text-decoration:none;}
A:hover {color:#FF0000; text-decoration:underline;}

.divlien {font-family:verdana; font-size:12px; color:#0000ff}
:visited {color:#CC99FF; text-decoration:none;}
:hover {color:#FF0000; text-decoration:underline;}

.titre {
font-family:Verdana;
font-size:13px;
font-weight:bold;
color: #ffffff;
}

BODY {
scrollbar-face-color: #ffd700;
scrollbar-shadow-color: #d2691e;
scrollbar-highlight-color: #eee8aa;
scrollbar-3dlight-color: #f0e68c;
scrollbar-darkshadow-color: #800000;
scrollbar-track-color: #ffe4b5;
scrollbar-arrow-color: #d2691e;}
</style>


<SCRIPT LANGUAGE="JavaScript">
/*
Effet K2000 sur du texte
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/

k2000text = "Société des tireurs et Arquebusiers de la BARASSE";
k2000pos = 0;
k2000increment = 1;

function k2000effet()
{
k2000aff = "";
for(k2000a=0;k2000a<k2000text.length;k2000a++)
{
k2000lettre = k2000text.charAt(k2000a);
if(k2000a == k2000pos || k2000a == (k2000pos+k2000increment))
k2000aff += "<FONT COLOR=#00FF00>"+k2000lettre+"</FONT>";
else
k2000aff += k2000lettre;
}
document.getElementById("k2000").innerHTML = k2000aff;
if(k2000pos == k2000text.length)
k2000increment = -1;
if(k2000pos == 0 && k2000increment== -1)
k2000increment = 1;
k2000pos = k2000pos+k2000increment;
timer = setTimeout("k2000effet()",40)
}
</SCRIPT>


<style>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:10pt;
font-family:Courrier;
font-weight:bold;
color:#CC0000;
}
</style>
<script>

/*

Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/)

SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com

*/

var x,y
var step=20
var flag=0

var message=' S.T.A.B. '
message=message.split("")

var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50
}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}

function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}

else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("makesnake()",30)
}

</script>

<SCRIPT LANGUAGE="JavaScript">
navvers = navigator.appVersion.substring(0,1);
if (navvers > 3)
navok = true;
else
navok = false;

today = new Date;
jour = today.getDay();
numero = today.getDate();
if (numero<10)
numero = "0"+numero;
mois = today.getMonth();
if (navok)
annee = today.getFullYear();
else
annee = today.getYear();
TabJour = new Array("Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi");
TabMois = new

Array("Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Aout","Septembre","Octobre","Novembre","D&eacute

;cembre");
messageDate = TabJour[jour] + " " + numero + " " + TabMois[mois] + " " + annee;
</SCRIPT>
</head>



<body BGCOLOR="#ffffca" onload="runSlideShow();ejs_scroll_start;">

<div align="center">
<applet code=LAA29571.class archive=LAA29571.zip width=279 height=072></applet>

<br>

<SCRIPT LANGUAGE="javascript">
if(document.getElementById && document.all)
{
document.write('<DIV ID=k2000>'+k2000text+'</DIV>');
k2000effet()
}
else
document.write(k2000text);
</SCRIPT><br>

</div>

<TABLE border=1 cellpadding=0 cellspacing=0 width='100%'>

<TR bgcolor=red><td width=160 height=1></td></tr>
<TR bgcolor=#006600 class="titre"><td><div align="center">LE CLUB</div></TD></tr><tr bgcolor =#ccffcc><td><IMG

src="../images/p1.gif" width=9 height=9><a href="../htm/histoire.htm">Histoire en très bref</a></td></tr>
<tr bgcolor =#ccffcc><td><IMG src="../images/p1.gif" width=9 height=9><a href="../htm/visite.htm">Visite du

club</a></td></tr>
<TR bgcolor=noir><td width=160 height=1></TD></tr>
<tr bgcolor=#ffffca><td width=160 height=9></td></tr>
<TR bgcolor=red><td width=160 height=1></TD>

<td BGCOLOR="#ffffca" rowspan=15 colspan=3 align=right>

<marquee id=scroller2 scrollamount=1 direction=up width=280 height=90 onmouseout="javascript:scroller2.start()"

onmouseover="javascript:scroller2.stop()"><center><br>Bonjour et bienvenue sur le site de la <b><font

color=#0000ff>S.T.A.B.</font></b><br><br><b><font color=#006400><SCRIPT

LANGUAGE="JavaScript">document.write(messageDate);</SCRIPT></font></b><br><br>Site créé par<i><font color=#8b008b>

Jean-Louis PIGNOL</i> © </font>sociétaire arbitre du club.<br><br>
<b><u>Résolution recommandée : </u><font size=+1 color=#f08080>1024x768 !</font></b><br>
et optimisé pour internet explorer 5 et +

<br><br>N'hésitez pas à regarder dans les menus pour récupérer les diverses infos disponibles...<br><br>Faites moi part

de vos avis et suggestions
dans le menu "nous écrire".<br><br>
si vous voulez passer des infos faites les moi parvenir...
<br><br>
Pour ceux qui aiment le <b>VTT</b><br>
Allez voir le site de <A HREF="http://members.aol.com/cferna9952" class="divlien">CHRISTIAN</a><br><br>
MERCI d'avoir lu jusqu'au bout.<br>@bientôt...<br><br>
dernière mise à jour du site : 18/01/05
</marquee>


</td>

<td BGCOLOR="#ffffca" rowspan=15 colspan=3 align=center>
<script language="JavaScript1.2">

/*
Script téléchargé sur EasyScript (http://www.easy-script.com)
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT (http://www.editeurjavascript.com)
*/

ejs_scroll_largeur = 200;
ejs_scroll_hauteur = 150;
ejs_scroll_bgcolor = '#B8C8FE';
/* Mettre ici le chemin de l'image de fond */
ejs_scroll_background = "";
/* Mettre ici le temps en secondes */
ejs_scroll_pause_seconde = 5;

ejs_scroll_message = new Array;

ejs_scroll_message[0]='<a href="htttp://www.easy-script.com">Bienvenue sur EasyScript !</a>';
ejs_scroll_message[1]='<a href="http://www.easy-script.com/javascript.php">Découvrez les JavaScripts ! </a>';
ejs_scroll_message[2]='<a href="http://www.easy-script.com/dhtmlscript.php">Et aussi les scripts dynamiques !</a>';
ejs_scroll_message[3]='<a href="http://www.easy-script.com/chat/phpmychat.php3">Venez vite sur le chat !</a>';
ejs_scroll_message[4]='<a href="http://www.easy-script.com/forum/index.php">Si vous avez un problème il y a le forum !</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()
}
</SCRIPT>
</TD>

</tr>
<TR bgcolor=#006600 class="titre"><td><div align="center">ACTUALITES</div></TD></tr><tr bgcolor =#ccffcc><td><IMG

src="../images/p1.gif" width=9 height=9><a href="../htm/infos.htm">Infos</a></td></tr>
<tr bgcolor =#ccffcc><td><IMG src="../images/p1.gif" width=9 height=9><a href="../htm/dates.htm">Dates</a></td></tr>
<TR bgcolor=noir><td width=160 height=1></TD></tr>
<tr bgcolor=#ffffca><td width=160 height=9></td></tr>

<TR bgcolor=red><td width=160 height=1></TD></tr>
<TR bgcolor=#006600 class="titre"><td><div align="center">TELECHARGEMENTS</div></TD></tr><tr bgcolor =#ccffcc><td><IMG

src="../images/p1.gif" width=9 height=9><a href="../htm/palmares.htm">Palmarès</a></td></tr>
<TR bgcolor=noir><td width=160 height=1></TD></tr>
<tr bgcolor=#ffffca><td width=160 height=9></td></tr>

<TR bgcolor=red><td width=160 height=1></TD></tr>
<TR bgcolor=#006600 class="titre"><td><div align="center">LIENS</div></TD></tr><tr bgcolor =#ccffcc><td><IMG

src="../images/p1.gif" width=9 height=9><a href="http://www.geocities.com/Colosseum/Loge/5262/Tir.htm">P.Gosse 1er site

STAB</a></td></tr>
<tr bgcolor =#ccffcc><td><IMG src="../images/p1.gif" width=9 height=9><a href="http://www.fftir.asso.fr/">F.F.Tir le

site</a></td></tr>
<tr bgcolor =#ccffcc><td><IMG src="../images/p1.gif" width=9 height=9><a href="http://www.mon-arme.com/">Mon-Arme

(annonces...)</a></td>

<td BGCOLOR="#ffffca" rowspan=22 align=right valign=top>

<img src="slide/p01.jpg" name="SlideShow" width="300" height="200" alt="STAB">
</td>
</tr>

<TR bgcolor=#ccffcc><td width=160 height=1></TD></tr>
<TR bgcolor=#006600><td width=160 height=1></TD></tr>
<tr bgcolor =#ccffcc><td><IMG src="../images/p1.gif" width=9 height=9><a href="../htm/formulaire.htm">Nous

écrire...</a></td></tr>
<TR bgcolor=noir><td width=160 height=1></TD></tr>
<tr bgcolor=#ffffca><td width=160 height=9></td></tr>
<TR bgcolor=red><td width=160 height=1></TD>
</tr>

<TR bgcolor=#006600 class="titre"><td><div align="center">JEUX</div></TD></tr>

<tr bgcolor =#ccffcc><td><IMG src="../images/p1.gif" width=9 height=9><a href="#"

onClick="window.open(\'poker.html\',\'_blank\',\'toolbar=0, location=0, directories=0, status=0, scrollbars=0,

resizable=0, copyhistory=0, menuBar=0, width=463, height=249, left=5, top=20\');return(false)">Poker</a></td></tr>

<tr bgcolor =#ccffcc><td><IMG src="../images/p1.gif" width=9 height=9><a href="#"

onClick="window.open(\'paires.html\',\'_blank\',\'toolbar=0, location=0, directories=0, status=0, scrollbars=0,

resizable=0, copyhistory=0, menuBar=0, width=600, height=400, left=5, top=20\');return(false)">Jeu des 2

paires</a></td></tr>
<TR bgcolor=noir><td width=160 height=1></TD></tr>
<tr bgcolor=#ffffca><td width=160 height=9></td></tr>

<script language="JavaScript1.2">
//configurer les deux variables ci-dessous en fonction de votre site
var bookmarkurl="http://perso.wanadoo.fr/pjl_stab/htm/stab.htm"
var bookmarktitle="S.T.A.B. Barasse"
function addbookmark(){
if (document.all)
window.external.AddFavorite(bookmarkurl,bookmarktitle)
}
</script>

<TR bgcolor=red><td width=160 height=1></TD></tr>
<TR bgcolor=#006600 class="titre"><td><div align="center">DIVERS</div></TD></tr><tr bgcolor =#ccffcc><td><IMG

src="../images/p1.gif" width=9 height=9><script>
if (document.all)
document.write('<a href="javascript:addbookmark()">ajouter à vos favoris</a>')
</script></td></tr>
<TR bgcolor=noir><td width=160 height=1></TD></tr>
<tr bgcolor=#ffffca><td width=160 height=9></td></tr>

<TR bgcolor=red><td width=160 height=1></TD></tr>
<TR bgcolor=#006600 class="titre"><td><div align="center">COMPTEUR Visites</div></TD></tr>
<tr bgcolor=#ccffcc><td><div align="center">
<IMG SRC="http://perso.wanadoo.fr/pjl_stab/bin/compteur.cgi?df=compteur2&ft=0&tr=y"
X-SAS-UseImageWidth X-SAS-UseImageHeight ALIGN=top width=160 height=18></div></td></tr>
<TR bgcolor=noir><td width=160 height=1></TD></tr>
<tr bgcolor=#ffffca><td width=160 height=9></td></tr>

<tr><td><div align="center"><SCRIPT Language="Javascript" SRC="http://chat.wanadoo.fr/Monsalon/mychat.php?STAB_Chat">
</SCRIPT></div></td>

</tr>
<TR bgcolor=noir><td width=160 height=1></TD></tr>

</table>



<script>
for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")
}

if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
makesnake()
</script>

</body>
</html>

Pour moi ça marche bien donc pour toi aussi cela devrait le faire...
++

Inscrit le: 21 Jan 2005

merci Redox,
mais chez moi ca ne marche plus !
il apparait le 1er message et celui-ci reste fixe...!

je comprends plus rien...

je suis sous IE6
j'ai essayé aussi avec Mozilla V1.7.3
et j'ai le même résultat...
peut-être un loupé dans le copier collé ?

Pray

@+

Inscrit le: 07 Sep 2004

Ah excuse moi, une erreur de ma part... Remplace la balise BODY par celle ci:

Code:

J'avais oublié les parenthèses... Brick wall

++

Inscrit le: 21 Jan 2005

BINGO
mais là j'aurais du le voir !
suis vraiment nul !
mais bon, c'est en forgeant que l'on devient forgeron...

encore un gros merci...

@+

Posté le: Lun 05 Nov 2007, 2:46 pm

Bonjour,
Vraiment chouette ce ptit sript, j'en ai éssayé plusieurs (de script fenetre défilante) et celui là marche bien sans avoir 290 lignes de code !!!

Vous pouvez voir ce que ça peut donner là : le guide hubert

Malheureusement le défilement commence par un grand espace blanc de la hauteur de la fenetre défilante. Ca serai mieux si le contenu s'affichait directement dans la fenetre avant même que ça commence à défiler ! J'ai essayé de bricoler le code un peu de partout mais sans succès !
Quelqu'un à une piste ?
bonne journée, merci