Doctype et javascripts

Fermé

tima - 4 janv. 2010 à 17:15
tima - 4 janv. 2010 à 18:48

Bonjour,
J'ai un problème avec mon script java (qui fait défiler des images) que j'ai trouvé sur un site sachant que je n'ai aucune notion en java script , ce dernier fonctionne sans la balise doctype mais ne fonctionne pas avec j'ai cherché sur le web j'ai trouvé des solutions que j'ai appliquées sans succès voici mon scripts merci pour votre aide:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title></title>

</head>
<body>

<script type="text/javascript">

/* Up down slideshow Script- By Dynamic Drive (www.dynamicdrive.com) */

// configurer les quatre variables suivantes pour changer le style l'effet défilant///////
// scrollerwidth and scrollerheight doit avoir le width/height de la plus grande image!
var scrollerwidth=218+"px"
var scrollerheight=175+"px"
var scrollerbgcolor='white'
var pausebetweenimages=0000 //3000 miliseconds=3 seconds

// configurer les variables suivantes selon les images utilisées. Si vous souhaitez que les
// images soient cliquables, il suffit d'entourer celles-ci par les balises <A> appropriées
var slideimages=new Array()
slideimages[0]='<img src="amicus.jpg">'
slideimages[1]='<img src="ddesign.jpg">'
slideimages[2]='<img src="animophoto.jpg">'
slideimages[3]='<img src="abc-animal.jpg">'
// cette liste peut être étendue

///////-------- Ne rien modifier après cette ligne ----------/////////

if (slideimages.length>1)
i=2
else
i=0

function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("move1(tlayer)",pausebetweenimages)
setTimeout("move2(document.main.document.second)",pausebetweenimages)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("move1(tlayer)",100)
}
else{
tlayer.top=scrollerheight
tlayer.document.write(slideimages[i])
tlayer.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("move2(tlayer2)",pausebetweenimages)
setTimeout("move1(document.main.document.first)",pausebetweenimages)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("move2(tlayer2)",100)
}
else{
tlayer2.top=scrollerheight
tlayer2.document.write(slideimages[i])
tlayer2.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
tdiv.style.pixelTop=0
setTimeout("move3(tdiv)",pausebetweenimages)
setTimeout("move4(second2)",pausebetweenimages)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout("move3(tdiv)",100)
}
else{
tdiv.style.pixelTop=scrollerheight
tdiv.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
tdiv2.style.pixelTop=0
setTimeout("move4(tdiv2)",pausebetweenimages)
setTimeout("move3(first2)",pausebetweenimages)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout("move4(second2)",100)
}
else{
tdiv2.style.pixelTop=scrollerheight
tdiv2.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}

function startscroll(){
if (document.all){
move3(first2)
second2.style.top=scrollerheight
}
else if (document.layers){
document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+5
document.main.document.second.visibility='show'
}
}
window.onload=startscroll
</script><ilayer id="main" width="&{scrollerwidth};" height="&{scrollerheight};" bgColor="&{scrollerbgcolor};" visibility="hide"><layer id="first" left="0" top="1" width="&{scrollerwidth};"><script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[0])
</script></layer><layer id="second" left="0" top="0" width="&{scrollerwidth};" visibility="hide"><script
language="JavaScript1.2">
if (document.layers)
document.write(slideimages[1])
</script></layer></ilayer><script language="JavaScript1.2">
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">')
document.write(slideimages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
document.write(slideimages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}

</script>

</body>
</html>

A voir également:

2 réponses

Réponse 1 / 2

avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 504
4 janv. 2010 à 17:19

Le premier script est à placer avant "</head>".
Penses à remplacer "&{scrollerwidth}" et "&{scrollerheight}" par ce qu'il faut.

tima
4 janv. 2010 à 17:40

Merci de m'avoir répondu aussi vite mais je ne comprend pas dutout ta réponse!
Le premier script est à placer avant "</head>":mais quel premier script il y a juste un seules scripts java
Penses à remplacer "&{scrollerwidth}" et "&{scrollerheight}" par ce qu'il faut.: mais j'ai donné les valeurs qu'il faut !!!
Pouvez-vous m'eclaicire votre réponse
Merci

Réponse 2 / 2

avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 504
4 janv. 2010 à 17:55

Il y a plusieurs scripts.

<script type="text/javascript">

/* Up down slideshow Script- By Dynamic Drive (www.dynamicdrive.com) */

// configurer les quatre variables suivantes pour changer le style l'effet défilant///////
// scrollerwidth and scrollerheight doit avoir le width/height de la plus grande image!
var scrollerwidth=218+"px"
var scrollerheight=175+"px"
var scrollerbgcolor='white'
var pausebetweenimages=0000 //3000 miliseconds=3 seconds

// configurer les variables suivantes selon les images utilisées. Si vous souhaitez que les
// images soient cliquables, il suffit d'entourer celles-ci par les balises <A> appropriées
var slideimages=new Array()
slideimages[0]='<img src="amicus.jpg">'
slideimages[1]='<img src="ddesign.jpg">'
slideimages[2]='<img src="animophoto.jpg">'
slideimages[3]='<img src="abc-animal.jpg">'
// cette liste peut être étendue

///////-------- Ne rien modifier après cette ligne ----------/////////

if (slideimages.length>1)
i=2
else
i=0

function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("move1(tlayer)",pausebetweenimages)
setTimeout("move2(document.main.document.second)",pausebetweenimages)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("move1(tlayer)",100)
}
else{
tlayer.top=scrollerheight
tlayer.document.write(slideimages[i])
tlayer.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("move2(tlayer2)",pausebetweenimages)
setTimeout("move1(document.main.document.first)",pausebetweenimages)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("move2(tlayer2)",100)
}
else{
tlayer2.top=scrollerheight
tlayer2.document.write(slideimages[i])
tlayer2.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
tdiv.style.pixelTop=0
setTimeout("move3(tdiv)",pausebetweenimages)
setTimeout("move4(second2)",pausebetweenimages)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout("move3(tdiv)",100)
}
else{
tdiv.style.pixelTop=scrollerheight
tdiv.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
tdiv2.style.pixelTop=0
setTimeout("move4(tdiv2)",pausebetweenimages)
setTimeout("move3(first2)",pausebetweenimages)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout("move4(second2)",100)
}
else{
tdiv2.style.pixelTop=scrollerheight
tdiv2.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}

function startscroll(){
if (document.all){
move3(first2)
second2.style.top=scrollerheight
}
else if (document.layers){
document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+5
document.main.document.second.visibility='show'
}
}
window.onload=startscroll
</script><ilayer id="main" width="&{scrollerwidth};" height="&{scrollerheight};" bgColor="&{scrollerbgcolor};" visibility="hide"><layer id="first" left="0" top="1" width="&{scrollerwidth};"><script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[0])
</script></layer><layer id="second" left="0" top="0" width="&{scrollerwidth};" visibility="hide"><script
language="JavaScript1.2">
if (document.layers)
document.write(slideimages[1])
</script></layer></ilayer><script language="JavaScript1.2">
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">')
document.write(slideimages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
document.write(slideimages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
</script>

tima
4 janv. 2010 à 18:48

merci mais ta solution n'a pas marché j'ai placé le premier scripts avant </head> mais ça n'a pas donné
est ce que tu as une autre idée ou quelqu'un d'autre

Discussions similaires

Problème bandeau publicitaire ''Accepter les cookies'' sur le site de la Fnac

Nombre générés entre 1 et 100

1fichier.com et bloqueur de pub

Problème vérification adresse mail playstation

Impossible de se connecter sur 1fichier.com