Doctype et javascripts

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

Afficher la suite

A voir également:

Doctype et javascripts
Clavier et javascript ✓ - Forum Javascript
Javascript et apostrophe - Forum Javascript
Javascript et window.location - Forum Windows
Problèmes de paramétrage et de javascript - Forum Javascript
[Javascript] onClick et function - Forum Javascript

2 réponses

Réponse 1 / 2

avion-f16 Messages postés 20367 Statut Contributeur 4 509

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

tima

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 20367 Statut Contributeur 4 509

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

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

l'intérêt de <!DOCTYPE html PUBLIC....??

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

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

Impossible de se connecter sur 1fichier.com

1fichier.com et bloqueur de pub

Votre réponse

Discussions similaires