jmd25 Postado Maio 25, 2006 Denunciar Share Postado Maio 25, 2006 Eu tenho esse scpt abaixo, eu quero que as setas fiquem juntas e ao lado esquerdo do scroll como faço?<!--var goleftimage='arrowleft1.gif'var gorightimage='arrowright1.gif'var menuwidth=600var scrollspeed=6var menucontents='<nobr><a href="http://www.lilithcenografia.com.br/embratel.html" target="_self" style="color: #000000; font-weight: bold">EMBRATEL</a> | <a href="http://www.lilithcenografia.com.br/embraer.html" target="_self" style="color: #000000; font-weight: bold">EMBRAER</a> | <a href="http://www.lilithcenografia.com.br/lucent.html" target="_self" style="color: #000000; font-weight: bold">LUCENT</a> | <a href="http://www.lilithcenografia.com.br/basf.html" target="_self" style="color: #000000; font-weight: bold">BASF</a> | <a href="http://www.lilithcenografia.com.br/fademac.html" target="_self" style="color: #000000; font-weight: bold">FADEMAC</a> | <a href="http://www.lilithcenografia.com.br/claro.html" target="_self" style="color: #000000; font-weight: bold">CLARO</a> | <a href="http://www.lilithcenografia.com.br/dassault.html" target="_self" style="color: #000000; font-weight: bold">DASSAULT</a> | <a href="http://www.lilithcenografia.com.br/emgepron.html" target="_self" style="color: #000000; font-weight: bold">EMGEPRON</a> | <a href="http://www.lilithcenografia.com.br/carraro.html" target="_self" style="color: #000000; font-weight: bold">CARRARO</a> | <a href="http://www.lilithcenografia.com.br/converse.html" target="_self" style="color: #000000; font-weight: bold">COMVERSE</a> | <a href="http://www.lilithcenografia.com.br/embraco.html" target="_self" style="color: #000000; font-weight: bold">EMBRACO</a> | <a href="http://www.lilithcenografia.com.br/metroval.html" target="_self" style="color: #000000; font-weight: bold">METROVAL</a> | <a href="http://www.lilithcenografia.com.br/comptel.html" target="_self" style="color: #000000; font-weight: bold">COMPTEL</a> | <a href="http://www.lilithcenografia.com.br/clariant.html" target="_self" style="color: #000000; font-weight: bold">CLARIANT</a> | <a href="http://www.lilithcenografia.com.br/jaragua.html" target="_self" style="color: #000000; font-weight: bold">JARAGUÁ</a> | <a href="http://www.lilithcenografia.com.br/artecola.html" target="_self" style="color: #000000; font-weight: bold">ARTECOLA</a> | <a href="http://www.lilithcenografia.com.br/abeprest.html" target="_self" style="color: #000000; font-weight: bold">ABEPREST</a> | <a href="http://www.lilithcenografia.com.br/sesamericom.html" target="_self" style="color: #000000; font-weight: bold">SES AMERICOM</a> | <a href="http://www.lilithcenografia.com.br/starone.html" target="_self" style="color: #000000; font-weight: bold">STAR ONE</a> | <a href="http://www.lilithcenografia.com.br/meermagen.html" target="_self" style="color: #000000; font-weight: bold">MEERMAGEN</a></nobr>'var actualwidth=''var ns_scrollfunction fillup(){if (document.all){test2.innerHTML=menucontentsactualwidth=test2.offsetWidth}else if (document.layers){ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2ns_scroll.document.write(menucontents)ns_scroll.document.close()actualwidth=ns_scroll.document.width}}window.onload=fillupfunction moveleft(){if (document.all&&test2.style.pixelLeft>(menuwidth-actualwidth))test2.style.pixelLeft-=scrollspeedelse if (document.layers&&ns_scroll.left>(menuwidth-actualwidth))ns_scroll.left-=scrollspeedlefttime=setTimeout("moveleft()",50)}function moveright(){if (document.all&&test2.style.pixelLeft<0)test2.style.pixelLeft+=scrollspeedelse if (document.layers&&ns_scroll.left<0)ns_scroll.left+=scrollspeedrighttime=setTimeout("moveright()",50)}if (document.all||document.layers){with (document){write('<table border="0" cellspacing="0" cellpadding="0">')write('<td valign="middle"><a href=#" onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"><img src="'+goleftimage+'"border=0 width=10></a> </td>')write('<td valign="top">')if (document.all){write('<span style="position:relative;width:'+menuwidth+';">')write('<span style="position:absolute;width:'+menuwidth+';clip:rect(0 '+menuwidth+' auto 0)">')write('<span id="test2" style="position:absolute;left:0;top:0">')write('</span></span></span>')}else if (document.layers){write('<ilayer width='+menuwidth+' name="ns_scrollmenu">')write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>')}write('</td>')write('<td valign="middle"> <a href="#" onMouseover="moveright()" onMouseout="clearTimeout(righttime)">')write('<img src="'+gorightimage+'" border=0 width=10></a>')write('</td></table>')}}//--> Link para o comentário Compartilhar em outros sites More sharing options...
0 PauloRJ Postado Maio 30, 2006 Denunciar Share Postado Maio 30, 2006 Problema resolvido.Bom coloquei as duas setas uma do lado da outra como você pediu. testei e está funcionando.Mas irei te explicar a modificar caso você queira fazer posteriormente, pois não sei se você pegou o codigo pronto e esta alterando. vamos lá!Para alterar as imagens: var goleftimage='arrowleft1.gif' var gorightimage='arrowright1.gif' Imagine da seguinte forma: Um formulario em html padrão. Mas este sistema utiliza uma forma diferente. ele solicita o comando write na frente de cada linha. Se você remover o "write" do codigo abaixo vai perceber que é a estrutura exata da tabela de como deseja. Com uma seta do lado da outra. Eu coloquei um Hifem para separa-las. Abaixo o codigo que eu alterei. PS: Removi as linhas referentes a seta da direita no final da tabela. write('<table border="0" cellspacing="0" cellpadding="0">') write('<td valign="middle"><a href=#" onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"><img src="'+goleftimage+'"border=0 width=10></a> - <a href="#" onMouseover="moveright()" onMouseout="clearTimeout(righttime)"><img src="'+gorightimage+'" border=0 width=10></a> </td>') Abaixo o codigo pronto e alterado. <script> <!-- var goleftimage='arrowleft1.gif' var gorightimage='arrowright1.gif' var menuwidth=600 var scrollspeed=6 var menucontents='<nobr><a href="http://www.lilithcenografia.com.br/embratel.html" target="_self" style="color: #000000; font-weight: bold">EMBRATEL</a> | <a href="http://www.lilithcenografia.com.br/embraer.html" target="_self" style="color: #000000; font-weight: bold">EMBRAER</a> | <a href="http://www.lilithcenografia.com.br/lucent.html" target="_self" style="color: #000000; font-weight: bold">LUCENT</a> | <a href="http://www.lilithcenografia.com.br/basf.html" target="_self" style="color: #000000; font-weight: bold">BASF</a> | <a href="http://www.lilithcenografia.com.br/fademac.html" target="_self" style="color: #000000; font-weight: bold">FADEMAC</a> | <a href="http://www.lilithcenografia.com.br/claro.html" target="_self" style="color: #000000; font-weight: bold">CLARO</a> | <a href="http://www.lilithcenografia.com.br/dassault.html" target="_self" style="color: #000000; font-weight: bold">DASSAULT</a> | <a href="http://www.lilithcenografia.com.br/emgepron.html" target="_self" style="color: #000000; font-weight: bold">EMGEPRON</a> | <a href="http://www.lilithcenografia.com.br/carraro.html" target="_self" style="color: #000000; font-weight: bold">CARRARO</a> | <a href="http://www.lilithcenografia.com.br/converse.html" target="_self" style="color: #000000; font-weight: bold">COMVERSE</a> | <a href="http://www.lilithcenografia.com.br/embraco.html" target="_self" style="color: #000000; font-weight: bold">EMBRACO</a> | <a href="http://www.lilithcenografia.com.br/metroval.html" target="_self" style="color: #000000; font-weight: bold">METROVAL</a> | <a href="http://www.lilithcenografia.com.br/comptel.html" target="_self" style="color: #000000; font-weight: bold">COMPTEL</a> | <a href="http://www.lilithcenografia.com.br/clariant.html" target="_self" style="color: #000000; font-weight: bold">CLARIANT</a> | <a href="http://www.lilithcenografia.com.br/jaragua.html" target="_self" style="color: #000000; font-weight: bold">JARAGUÁ</a> | <a href="http://www.lilithcenografia.com.br/artecola.html" target="_self" style="color: #000000; font-weight: bold">ARTECOLA</a> | <a href="http://www.lilithcenografia.com.br/abeprest.html" target="_self" style="color: #000000; font-weight: bold">ABEPREST</a> | <a href="http://www.lilithcenografia.com.br/sesamericom.html" target="_self" style="color: #000000; font-weight: bold">SES AMERICOM</a> | <a href="http://www.lilithcenografia.com.br/starone.html" target="_self" style="color: #000000; font-weight: bold">STAR ONE</a> | <a href="http://www.lilithcenografia.com.br/meermagen.html" target="_self" style="color: #000000; font-weight: bold">MEERMAGEN</a></nobr>' var actualwidth='' var ns_scroll function fillup(){ if (document.all){ test2.innerHTML=menucontents actualwidth=test2.offsetWidth } else if (document.layers){ ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2 ns_scroll.document.write(menucontents) ns_scroll.document.close() actualwidth=ns_scroll.document.width } } window.onload=fillup function moveleft(){ if (document.all&&test2.style.pixelLeft>(menuwidth-actualwidth)) test2.style.pixelLeft-=scrollspeed else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth)) ns_scroll.left-=scrollspeed lefttime=setTimeout("moveleft()",50) } function moveright(){ if (document.all&&test2.style.pixelLeft<0) test2.style.pixelLeft+=scrollspeed else if (document.layers&&ns_scroll.left<0) ns_scroll.left+=scrollspeed righttime=setTimeout("moveright()",50) } if (document.all||document.layers){ with (document){ write('<table border="0" cellspacing="0" cellpadding="0">') write('<td valign="middle"><a href=#" onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"><img src="'+goleftimage+'"border=0 width=10></a> - <a href="#" onMouseover="moveright()" onMouseout="clearTimeout(righttime)"><img src="'+gorightimage+'" border=0 width=10></a> </td>') write('<td valign="top">') if (document.all){ write('<span style="position:relative;width:'+menuwidth+';">') write('<span style="position:absolute;width:'+menuwidth+';clip:rect(0 '+menuwidth+' auto 0)">') write('<span id="test2" style="position:absolute;left:0;top:0">') write('</span></span></span>') } else if (document.layers){ write('<ilayer width='+menuwidth+' name="ns_scrollmenu">') write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>') } write('</td></table>') } } //--> </script> Espero ter ajudado a tempo Link para o comentário Compartilhar em outros sites More sharing options...
0 jmd25 Postado Junho 13, 2006 Autor Denunciar Share Postado Junho 13, 2006 Muito obrigada!!! Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
jmd25
Eu tenho esse scpt abaixo, eu quero que as setas fiquem juntas e ao lado esquerdo do scroll como faço?
<!--
var goleftimage='arrowleft1.gif'
var gorightimage='arrowright1.gif'
var menuwidth=600
var scrollspeed=6
var menucontents='<nobr><a href="http://www.lilithcenografia.com.br/embratel.html" target="_self" style="color: #000000; font-weight: bold">EMBRATEL</a> | <a href="http://www.lilithcenografia.com.br/embraer.html" target="_self" style="color: #000000; font-weight: bold">EMBRAER</a> | <a href="http://www.lilithcenografia.com.br/lucent.html" target="_self" style="color: #000000; font-weight: bold">LUCENT</a> | <a href="http://www.lilithcenografia.com.br/basf.html" target="_self" style="color: #000000; font-weight: bold">BASF</a> | <a href="http://www.lilithcenografia.com.br/fademac.html" target="_self" style="color: #000000; font-weight: bold">FADEMAC</a> | <a href="http://www.lilithcenografia.com.br/claro.html" target="_self" style="color: #000000; font-weight: bold">CLARO</a> | <a href="http://www.lilithcenografia.com.br/dassault.html" target="_self" style="color: #000000; font-weight: bold">DASSAULT</a> | <a href="http://www.lilithcenografia.com.br/emgepron.html" target="_self" style="color: #000000; font-weight: bold">EMGEPRON</a> | <a href="http://www.lilithcenografia.com.br/carraro.html" target="_self" style="color: #000000; font-weight: bold">CARRARO</a> | <a href="http://www.lilithcenografia.com.br/converse.html" target="_self" style="color: #000000; font-weight: bold">COMVERSE</a> | <a href="http://www.lilithcenografia.com.br/embraco.html" target="_self" style="color: #000000; font-weight: bold">EMBRACO</a> | <a href="http://www.lilithcenografia.com.br/metroval.html" target="_self" style="color: #000000; font-weight: bold">METROVAL</a> | <a href="http://www.lilithcenografia.com.br/comptel.html" target="_self" style="color: #000000; font-weight: bold">COMPTEL</a> | <a href="http://www.lilithcenografia.com.br/clariant.html" target="_self" style="color: #000000; font-weight: bold">CLARIANT</a> | <a href="http://www.lilithcenografia.com.br/jaragua.html" target="_self" style="color: #000000; font-weight: bold">JARAGUÁ</a> | <a href="http://www.lilithcenografia.com.br/artecola.html" target="_self" style="color: #000000; font-weight: bold">ARTECOLA</a> | <a href="http://www.lilithcenografia.com.br/abeprest.html" target="_self" style="color: #000000; font-weight: bold">ABEPREST</a> | <a href="http://www.lilithcenografia.com.br/sesamericom.html" target="_self" style="color: #000000; font-weight: bold">SES AMERICOM</a> | <a href="http://www.lilithcenografia.com.br/starone.html" target="_self" style="color: #000000; font-weight: bold">STAR ONE</a> | <a href="http://www.lilithcenografia.com.br/meermagen.html" target="_self" style="color: #000000; font-weight: bold">MEERMAGEN</a></nobr>'
var actualwidth=''
var ns_scroll
function fillup(){
if (document.all){
test2.innerHTML=menucontents
actualwidth=test2.offsetWidth
}
else if (document.layers){
ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2
ns_scroll.document.write(menucontents)
ns_scroll.document.close()
actualwidth=ns_scroll.document.width
}
}
window.onload=fillup
function moveleft(){
if (document.all&&test2.style.pixelLeft>(menuwidth-actualwidth))
test2.style.pixelLeft-=scrollspeed
else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth))
ns_scroll.left-=scrollspeed
lefttime=setTimeout("moveleft()",50)
}
function moveright(){
if (document.all&&test2.style.pixelLeft<0)
test2.style.pixelLeft+=scrollspeed
else if (document.layers&&ns_scroll.left<0)
ns_scroll.left+=scrollspeed
righttime=setTimeout("moveright()",50)
}
if (document.all||document.layers){
with (document){
write('<table border="0" cellspacing="0" cellpadding="0">')
write('<td valign="middle"><a href=#" onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"><img src="'+goleftimage+'"border=0 width=10></a> </td>')
write('<td valign="top">')
if (document.all){
write('<span style="position:relative;width:'+menuwidth+';">')
write('<span style="position:absolute;width:'+menuwidth+';clip:rect(0 '+menuwidth+' auto 0)">')
write('<span id="test2" style="position:absolute;left:0;top:0">')
write('</span></span></span>')
}
else if (document.layers){
write('<ilayer width='+menuwidth+' name="ns_scrollmenu">')
write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>')
}
write('</td>')
write('<td valign="middle"> <a href="#" onMouseover="moveright()" onMouseout="clearTimeout(righttime)">')
write('<img src="'+gorightimage+'" border=0 width=10></a>')
write('</td></table>')
}
}
//-->
Link para o comentário
Compartilhar em outros sites
2 respostass a esta questão
Posts Recomendados