InnerHTML

alugopejr · Fevereiro 24, 2011

Olá, bom dia a todos, estou com um problema e gostaria da ajuda de vocês, o código abaixo executa perfeitamente um menu horizontal deslizante no Internet explorer 8, porém testei no mozilla e no chrome e apenas as "mãozinhas" aparecem, o conteúdo do menu não aparece de forma alguma, já pesquisei e não consegui resolver o problema.

Alguma dica? Muito obrigado.

<html>
<body>
<head>


<style>
body{
overflow-x:hidden;
overflow-y:scroll;
}
A {color:Blue; font-family: Verdana, Arial, sans-serif; font-size: 14pt}
     :link{text-decoration: underline}
     :visited{text-decoration: underline}
     :active{color: Red; text-decoration: none}
     :hover{text-decoration: none; background: Yellow}
</style>


<FONT face=verdana size=3 color=black>Passe o mouse sobre a mão esquerda</FONT>
&lt;script language="JavaScript1.2">
<!--
var goleftimage='maodireita.gif'
var gorightimage='maoesquerda.gif'

var menuwidth=700

var scrollspeed=6

var menucontents='<nobr><a href="http://www.google.com.br">menu 1</a> | <a href="http://www.google.com.br">menu 2</a> | <a href="http://www.google.com.br" target="_new">menu 3</a> | <a href="http://www.google.com.br" target="_new">menu 4</a> | <a href="http://www.google.com.br" target="_new">menu 5</a> | <a href="http://www.google.com.br" target="_new">menu 6</a> | <a href="http://www.google.com.br">menu 7</a> | <a href="http://www.google.com.br">menu 8</a> | <a href="http://www.google.com.br" target="_new">menu 9</a> | <a href="http://www.google.com.br" target="_new">menu 10</a> | <a href="http://www.google.com.br" target="_new">menu 11</a> | <a href="http://www.google.com.br" target="_new">menu 12</a> | <a href="http://www.google.com.br">menu 13</a> | <a href="http://www.google.com.br">menu 14</a> | <a href="http://www.google.com.br" target="_new">menu 15</a> | <a href="http://www.google.com.br" target="_new">menu 16</a></nobr>'

var actualwidth=''
var ns_scroll
function fillup(){
if (document.all||document.getElementById){
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.getElementById&&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.getElementById&&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.getElementById||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=30></a>&nbsp;</td>')
write('<td valign="top">')
if (document.all||document.getElementById){
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">&nbsp;<a href="#" onMouseover="moveright()" onMouseout="clearTimeout(righttime)">')
write('<img src="'+gorightimage+'" border=0 width=30></a>')
write('</td></table>')
}
}
//-->
</script>

</BODY>
</HTML>

Editado Fevereiro 24, 2011 por fercosmig
add tag's

Tenko · Fevereiro 24, 2011

Bom dia.

Vendo seu código, não vi nada errado, mas, se você retirar este pedaço do código: clip:rect(0 '+menuwidth+' auto 0)

vai ver que ele funciona em todos, tente dar uma olhada nisso.

Abraços

alugopejr · Fevereiro 24, 2011

Opa Tenko, obrigado pela resposta, eu retirei a parte que você falou, aí ele mostra o conteúdo do menu, porém o menu passa por cima das mãozinhas, deve ser apenas um detalhe, mas ainda não está funcionando. você chegou a testar em seu PC? Ou apenas olhou o código sem executar. Por favor, me ajude, eu preciso muito desse menu funcionando nos outros browsers.

Please.

Entrar

InnerHTML

Pergunta

alugopejr

Link para o comentário

Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

Tenko

Link para o comentário

Compartilhar em outros sites

alugopejr

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades