(Resolvido) 2 Scripts na mesma página

[Dalvan Alves]

Olá. Tenho 2 scripts na mesma página. Um faz as imagens correrem na horizontal e o outro na vertical.

Só que só funciona o script que estiver por ultimo na página.

Por exemplo: se eu colocar o script horizontal primeiro e o vertical por segundo só funcina o vertical....ou se eu colocar o vertical por primeiro e o horizontal por segundo só funciona o horizontal.

Os dois são ótimos scripts.. vai ser uma boa para quem esta procurando isso...mas no meu caso preciso dos 2 de uma só vez

Espero que alguém me ajude.

Segue o código:

<table bgcolor="#999999">
  <tr>
    <td><!------------COMEÇO SCRIPT VERTICAL------------>
      <script type="text/javascript">
var marqueewidth="160px"
var marqueeheight="500px"
var marqueespeed=1
var initPause=1000
var full=1
var pauseit=1
imgBorder=0
var photos=new Array();

photos[0]=['http://www.orbithal.com/5.jpg']
photos[1]=['http://www.orbithal.com/6.jpg']
photos[2]=['http://www.orbithal.com/7.jpg']
photos[3]=['http://www.orbithal.com/8.jpg']

var preload=new Array()
for (var i_tem = 0; i_tem < photos.length; i_tem++){
preload[i_tem]=new Image()
preload[i_tem].src=photos[i_tem][0]
}
var actualheight=marqueecontent=''
var copyspeed=marqueespeed
var pausespeed=(pauseit)? 0 : copyspeed
var iedom=document.all||document.getElementById
var cross_marquee, cross_marquee2, ns_marquee
for (var i_tem = 0; i_tem < photos.length; i_tem++){
if (typeof photos[i_tem][1]!=='undefined'){
marqueecontent+='<a href="'+photos[i_tem][1]+'"'
marqueecontent+=typeof photos[i_tem][2]!=='undefined'? ' target="'+photos[i_tem][2]+'"' : ''
marqueecontent+='>'
}
marqueecontent+='<img src="'+photos[i_tem][0]+'" alt="Image #'+[i_tem+1]+'" border="'+imgBorder+'"><br>'
marqueecontent+=typeof photos[i_tem][1]!=='undefined'? '</a>' : ''
}
if (iedom||document.layers){
with (document){
if (iedom){
write('<div style="overflow:hidden;"><div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0px;top:0px;width:100%;"><table align="center"><tr><td height="'+marqueeheight+'" align="center" valign="middle">Carregando. . .</td></tr></table>')
write('</div><div id="iemarquee2" style="position:absolute;left:0px;top:0px;width:100%;">')
write('</div></div></div>')
}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee">')
write('<layer name="ns_marquee2" width='+marqueewidth+' height='+marqueeheight+' left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
}
}
function populate(){
if (document.all)
for (var i_tem = 0; i_tem < preload.length; i_tem++)
if (typeof preload[i_tem].complete=='boolean'&&!preload[i_tem].complete){
setTimeout("populate();", 2000)
return;
}
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee2=document.getElementById? document.getElementById("iemarquee2") : document.all.iemarquee2
cross_marquee.style.top=(full==1)? '0px' : parseInt(marqueeheight)+0+"px"
cross_marquee2.innerHTML=cross_marquee.innerHTML=marqueecontent
actualheight=cross_marquee.offsetHeight
cross_marquee2.style.top=(parseInt(cross_marquee.style.top)+actualheight+0)+"px"
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.top=parseInt(marqueeheight)+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualheight=ns_marquee.document.height
}
setTimeout('lefttime=setInterval("scrollmarquee()",20)',initPause)
}
window.onload=populate
function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.top)<(actualheight*(-1)))
cross_marquee.style.top=(parseInt(cross_marquee2.style.top)+actualheight)+"px"
if (parseInt(cross_marquee2.style.top)<(actualheight*(-1)))
cross_marquee2.style.top=(parseInt(cross_marquee.style.top)+actualheight)+"px"
cross_marquee2.style.top=parseInt(cross_marquee2.style.top)-copyspeed+"px"
cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px"
}
else if (document.layers){
if (ns_marquee.top>(actualheight*(-1)+8))
ns_marquee.top-=copyspeed
else
ns_marquee.top=parseInt(marqueeheight)+8
}
}
</script>
      <!------------FIM SCRIPT VERTICAL------------></td>
  </tr>
  <tr>
    <td bgcolor="#333333">
    <!------------COMEÇO SCRIPT HORIZONTAL------------>
      <script type="text/javascript">
var sliderwidthrodape="500px"
var sliderheightrodape="70px"
var slidespeedrodape="1"
slidebgcolorrodape=""
var leftrightsliderodape=new Array()
var finalsliderodape=''
leftrightsliderodape[0]='<img src="http://www.orbithal.com/1.jpg" width="155" height="70" border="0">'
leftrightsliderodape[1]='<img src="http://www.orbithal.com/2.jpg" width="155" height="70" border="0">'
leftrightsliderodape[2]='<img src="http://www.orbithal.com/3.jpg" width="155" height="70" border="0">'
leftrightsliderodape[3]='<img src="http://www.orbithal.com/4.jpg" width="155" height="70" border="0">'
var imagegaprodape=" "
var slideshowgaprodape=1
var copyspeedrodape=slidespeedrodape
leftrightsliderodape='<nobr>'+leftrightsliderodape.join(imagegaprodape)+'</nobr>'
var iedomrodape=document.all||document.getElementById
if (iedomrodape)
document.write('<span id="temprodape" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightsliderodape+'</span>')
var actualwidthrodape=""
var cross_sliderodape, ns_sliderodape
function filluprodape(){
if (iedomrodape){
cross_sliderodape=document.getElementById? document.getElementById("test2rodape") : document.all.test2rodape
cross_sliderodape2=document.getElementById? document.getElementById("test3rodape") : document.all.test3rodape
cross_sliderodape.innerHTML=cross_sliderodape2.innerHTML=leftrightsliderodape
actualwidthrodape=document.all? cross_sliderodape.offsetWidth : document.getElementById("temprodape").offsetWidth
cross_sliderodape2.style.left=actualwidthrodape+slideshowgaprodape+"px"
}
else if (document.layersrodape){
ns_sliderodape=document.ns_sliderodapemenu.document.ns_sliderodapemenu2
ns_sliderodape2=document.ns_sliderodapemenu.document.ns_sliderodapemenu3
ns_sliderodape.document.write(leftrightsliderodape)
ns_sliderodape.document.close()
actualwidthrodape=ns_sliderodape.document.width
ns_sliderodape2.left=actualwidthrodape+slideshowgaprodape
ns_sliderodape2.document.write(leftrightsliderodape)
ns_sliderodape2.document.close()
}
lefttimerodape=setInterval("slideleft()",1)
}
window.onload=filluprodape
function slideleft(){
if (iedomrodape){
if (parseInt(cross_sliderodape.style.left)>(actualwidthrodape*(-1)+8))
cross_sliderodape.style.left=parseInt(cross_sliderodape.style.left)-copyspeedrodape+"px"
else
cross_sliderodape.style.left=parseInt(cross_sliderodape2.style.left)+actualwidthrodape+slideshowgaprodape+"px"
if (parseInt(cross_sliderodape2.style.left)>(actualwidthrodape*(-1)+8))
cross_sliderodape2.style.left=parseInt(cross_sliderodape2.style.left)-copyspeedrodape+"px"
else
cross_sliderodape2.style.left=parseInt(cross_sliderodape.style.left)+actualwidthrodape+slideshowgaprodape+"px"
}
else if (document.layersrodape){
if (ns_sliderodape.left>(actualwidthrodape*(-1)+8))
ns_sliderodape.left-=copyspeedrodape
else
ns_sliderodape.left=ns_sliderodape2.left+actualwidthrodape+slideshowgaprodape
if (ns_sliderodape2.left>(actualwidthrodape*(-1)+8))
ns_sliderodape2.left-=copyspeedrodape
else
ns_sliderodape2.left=ns_sliderodape.left+actualwidthrodape+slideshowgaprodape
}
}
if (iedomrodape||document.layersrodape){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedomrodape){
write('<div style="position:relative;width:'+sliderwidthrodape+';height:'+sliderheightrodape+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidthrodape+';height:'+sliderheightrodape+';" onMouseover="copyspeedrodape=0" onMouseout="copyspeedrodape=slidespeedrodape">')
write('<div id="test2rodape" style="position:absolute;left:0px;top:0px"></div>')
write('<div id="test3rodape" style="position:absolute;left:-1000px;top:0px"></div>')
write('</div></div>')
}
else if (document.layersrodape){
write('<ilayer width='+sliderwidthrodape+' height='+sliderheightrodape+' name="ns_sliderodapemenu" bgColor='+slidebgcolorrodape+'>')
write('<layer name="ns_sliderodapemenu2" left=0 top=0 onMouseover="copyspeedrodape=0" onMouseout="copyspeedrodape=slidespeedrodape"></layer>')
write('<layer name="ns_sliderodapemenu3" left=0 top=0 onMouseover="copyspeedrodape=0" onMouseout="copyspeedrodape=slidespeedrodape"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>
    <!------------FIM SCRIPT HORIZONTAL------------>
    </td>
  </tr>
</table>

Editado Agosto 5, 2009 por fercosmig

[KaKarotto]

Tem dois window.onload no seu programa, um vai sobrescrever o outro.

Tente usar a chamada das funções assim:

window.onload= function(){
     filluprodape()
     populate()
}

Talvez tenha que colocar os eventos em algum outro objeto, como um botão por exemplo...não sei se isso vai funcionar, mas pelo menos responde a pergunta do porque trocando a ordem só o último funcionar.

Acho que deveria pesquisar sobre esses efeitos com bibliotecas como jQuery, mootools ou algo do tipo... Esse código é bem grande e sujinho, quando precisar alterar alguma coisinha vai ter uma boa dor de cabeça....

Abraço.

[Dalvan Alves]

Obrigado KaKarotto. Deu certo.

Coloquei o codigo que você me passou no segundo javascript e funcionou, pois o segundo sobreescrevia o primeiro window.onload mesmo.

Valeu!