Toon posts:

[javascript] 2 dezelfde javascripten op 1 pagina doet niet

Pagina: 1
Acties:
  • 78 views sinds 30-01-2008

Verwijderd

Topicstarter
Ik werk met frontpage en ik wil 2 dezelfde javascripten naast elkaar op de site laten werken. Namelijk in het boven frame, welke op elke pagina staat. Het is een javascript wie 3 plaatjes telkens over elkaar heen laat schuiven. En nu wou ik die 2 scripten naast elkaar zetten met een logo ertussen. Beide wel met 3 verschillende afbeeldingen.

Het probleem is als ik 1 zon javascript erop zet door middel van invoegen--> html. Ik heb 3 kolommen gemaakt. En als ik 1 in kolom dat script kopieer doet hij het wel als ik op voorbeeld druk en als ik dat zelfde scrip nog een keer in het op die pagina in een andere kolom kopieer doen ze het beide niet.

dit is het script:

</script>

<p align="center"><font face="arial" size="-2"></font><br>
</p><!--webbot
bot="HTMLMarkup" --><!--webbot bot="HTMLMarkup" startspan --><script type="text/javascript">

/***********************************************
* Translucent Slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var trans_width='300px' //slideshow width
var trans_height='225px' //slideshow height
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var degree=10 //animation speed. Greater is faster.

var slideshowcontent=new Array()
//Define slideshow contents: [image URL, OPTIONAL LINK, OPTIONAL LINK TARGET]
slideshowcontent[0]=["photo1.jpg", '','']
slideshowcontent[1]=["photo2.jpg", "", ""]
slideshowcontent[2]=["photo3.jpg", '','']


////NO need to edit beyond here/////////////

var bgcolor='white'

var imageholder=new Array()
for (i=0;i<slideshowcontent.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideshowcontent[i][0]
}

var ie4=document.all
var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1

if (ie4||dom)
document.write('<div style="position:relative;width:'+trans_width+';height:'+trans_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>')
else if (document.layers){
document.write('<ilayer id=tickernsmain visibility=hide width='+trans_width+' height='+trans_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+trans_width+' height='+trans_height+' left=0 top=0>'+'[img]"'+slideshowcontent[0][0]+'"></layer></ilayer[/img]')
}

var curpos=trans_width*(-1)
var curcanvas="canvas0"
var curindex=0
var nextindex=1

function getslidehtml(theslide){
var slidehtml=""
if (theslide[1]!="")
slidehtml='<a href="'+theslide[1]+'" target="'+theslide[2]+'">'
slidehtml+='[img]"'+theslide[0]+'"[/img]'
if (theslide[1]!="")
slidehtml+='</a>'
return slidehtml
}

function moveslide(){
if (curpos<0){
curpos=Math.min(curpos+degree,0)
tempobj.style.left=curpos+"px"
}
else{
clearInterval(dropslide)
if (crossobj.filters)
crossobj.filters.alpha.opacity=100
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=1
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML=getslidehtml(slideshowcontent[curindex])
nextindex=(nextindex<slideshowcontent.length-1)? nextindex+1 : 0
setTimeout("rotateslide()",pause)
}
}

function rotateslide(){
if (ie4||dom){
resetit(curcanvas)
crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
if (crossobj.filters)
document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20
else if (crossobj.style.MozOpacity)
document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2
var temp='setInterval("moveslide()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else if (document.layers){
crossobj.document.write(getslidehtml(slideshowcontent[curindex]))
crossobj.document.close()
}
curindex=(curindex<slideshowcontent.length-1)? curindex+1 : 0
}

function jumptoslide(which){
curindex=which
rotateslide()
}

function resetit(what){
curpos=parseInt(trans_width)*(-1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.left=curpos+"px"
}

function startit(){
crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
if (ie4||dom){
crossobj.innerHTML=getslidehtml(slideshowcontent[curindex])
rotateslide()
}
else{
document.tickernsmain.visibility='show'
curindex++
setInterval("rotateslide()",pause)
}
}

if (window.addEventListener)
window.addEventListener("load", startit, false)
else if (window.attachEvent)
window.attachEvent("onload", startit)
else if (ie4||dom||document.layers)
window.onload=startit
</script>
<!--webbot bot="HTMLMarkup" endspan -->

  • BasieP
  • Registratie: Oktober 2000
  • Laatst online: 19-10-2025
plaats eerst je code eens tussen
[code=html] tags
en knip alsjeblieft zo veel mogelijk er uit.

zet eventueel een test situatie op, wij gaan niet voor jouw debuggen, we willen je echter wel hints geven :)

[ Voor 13% gewijzigd door BasieP op 31-01-2006 17:28 ]

This message was sent on 100% recyclable electrons.


Verwijderd

Topicstarter
ik heb al een stuk eruit geknipt. Ik weet niet wat je er allemaal uit kunt halen zonder dat hij niet meer werkt.
Maar ik ben niet zo ervaren met html enzo. Ik doe het meeste met frontpage.
Wat bedoel je met tussen [code=html] tags zetten??

  • BasieP
  • Registratie: Oktober 2000
  • Laatst online: 19-10-2025
Verwijderd schreef op dinsdag 31 januari 2006 @ 17:38:
ik heb al een stuk eruit geknipt. Ik weet niet wat je er allemaal uit kunt halen zonder dat hij niet meer werkt.
Maar ik ben niet zo ervaren met html enzo. Ik doe het meeste met frontpage.
Wat bedoel je met tussen [code=html] tags zetten??
[c0de]
<html>
..
hier dan jouw code
..
</html>
[/code]

zie ook:
Overzicht van UBB-codes

[ Voor 25% gewijzigd door BasieP op 31-01-2006 17:44 ]

This message was sent on 100% recyclable electrons.


  • XangadiX
  • Registratie: Oktober 2000
  • Laatst online: 25-03 10:55

XangadiX

trepanatie is zóó kinderachtig

Ik vind het ook wel een hele grote lap code eigenlijk; ik stel voor de FAQ door te nemen en het dan misschien nog eens te proberen :)

[ Voor 1% gewijzigd door moto-moi op 31-01-2006 18:42 ]

Stoer; Marduq


Dit topic is gesloten.