Ir para conteúdo
Fórum Script Brasil
  • 0

(Resolvido) problemas com menu sanfona(de novo)

vini_loock

Perguntado por vini_loock,

 Share

Pergunta

vini_loock

vini_loock

Postado
Postado (editado)

oi alguém pode me ajudar?

estou de novo com um problema com menu sanfona.

eu queria saber se tem como juntar esses 2 arquivos em um só, que no caso seria o "menu.html".

e se tiver me falem como porfavor.

arquivo html menu.html


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt" lang="pt">
<head>
<title>Menu Sanfona</title>
&lt;script type="text/javascript" src="menu.js"></script>
&lt;script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1 left: 342px; top: 34px;">
<div id="menu"> 
  <!--_________________________começo menu1_______________________________-->
  <div onclick="abrir_menu('submenu1')"><img src="../menu.png" width="150" height="30" /></div>
  <span id="submenu1" class="submenu"> <img src="../sub-menu.png" width="150" height="30" /><br />
  <img src="../sub-menu.png" width="150" height="30" /> <br />
  </span> 
<!--____________________________fim menu1_________________________________--> 

<!--..........................começo menu2................................--> 
  <div onclick="abrir_menu('submenu2')"><img src="../menu.png" width="150" height="30" /></div>
  <span id="submenu2" class="submenu"> <img src="../sub-menu.png" width="150" height="30" /><br />
  <img src="../sub-menu.png" width="150" height="30" /> <br />
  </span> 
<!--...........................fim menu2..................................-->

<!--_________________________começo menu3_________________________________-->

<div onclick="abrir_menu('submenu3')"><img src="../menu.png" width="150" height="30" /><br>
  <span id="submenu3" class="submenu"> <img src="../sub-menu.png" width="150" height="30" /><br />
  <img src="../sub-menu.png" width="150" height="30" /> </span>
  <!--________________________fim menu3___________________________________-->

  <!--......................começo menu4..................................-->

</div>
  <div onclick="abrir_menu('submenu4')"><img src="../menu.png" width="150" height="30" /></div>
  <span id="submenu4" class="submenu"> <img src="../sub-menu.png" width="150" height="30" /><br />
  <img src="../sub-menu.png" width="150" height="30"/></span> 
<!--.......................fim menu4......................................-->
</div>


</body>
</html>
[/codebox]

arquivo javascript "(menu.js)"

[codebox]
var persistmenu = "sim";
var persisttype = "site";

if(document.getElementById) {
document.write('<style type="text/css">\\n')
document.write('.submenu{display: none;}\\n')
document.write('</style>\ ')
}

function abrir_menu(obj) {
if(document.getElementById) {
var el = document.getElementById(obj);
var ar = document.getElementById("menu").getElementsByTagName("span");
if(el.style.display != "block") {
for(var i=0; i<ar.length; i++) {
if(ar[ i ].className=="submenu") {
ar[ i ].style.display = "none";
}
}
el.style.display = "block";
}
else {
el.style.display = "none";
}
}
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if(document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if(offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if(end == -1) end = document.cookie.length;
returnvalue = unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function onloadfunction() {
if(persistmenu=="sim") {
var cookiename = (persisttype=="site")? "abrir_menu" : window.location.pathname
var cookievalue = get_cookie(cookiename)

if(cookievalue!="") {
document.getElementById(cookievalue).style.display="block"
}
}
}

function savemenustate() {
var inc=1, blockid=""
while(document.getElementById("submenu"+inc)) {
if(document.getElementById("submenu"+inc).style.display=="block") {
blockid="submenu"+inc
break
}
inc++
}
var cookiename = (persisttype=="site")? "abrir_menu" : window.location.pathname
var cookievalue = (persisttype=="site")? blockid+";path=/" : blockid
document.cookie = cookiename+"="+cookievalue
}

if(window.addEventListener) {
window.addEventListener("load", onloadfunction, false)
}
else if(window.attachEvent) {
window.attachEvent("onload", onloadfunction)
}
else if(document.getElementById) {
window.onload = onloadfunction
}

if(persistmenu=="sim" && document.getElementById) {
window.onunload = savemenustate
}

agradeço desde já

Editado por vini_loock
Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0
fercosmig

fercosmig

Postado
Postado

opa! tudo em uma página só

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt" lang="pt">
<head>
<title>Menu Sanfona</title>
&lt;script language="JavaScript" type="text/JavaScript">
<!--
var persistmenu = "sim";
var persisttype = "site";

if(document.getElementById) {
document.write('<style type="text/css">\\n')
document.write('.submenu{display: none;}\\n')
document.write('</style>\ ')
}

function abrir_menu(obj) {
if(document.getElementById) {
var el = document.getElementById(obj);
var ar = document.getElementById("menu").getElementsByTagName("span");
if(el.style.display != "block") {
for(var i=0; i<ar.length; i++) {
if(ar[ i ].className=="submenu") {
ar[ i ].style.display = "none";
}
}
el.style.display = "block";
}
else {
el.style.display = "none";
}
}
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if(document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if(offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if(end == -1) end = document.cookie.length;
returnvalue = unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function onloadfunction() {
if(persistmenu=="sim") {
var cookiename = (persisttype=="site")? "abrir_menu" : window.location.pathname
var cookievalue = get_cookie(cookiename)

if(cookievalue!="") {
document.getElementById(cookievalue).style.display="block"
}
}
}

function savemenustate() {
var inc=1, blockid=""
while(document.getElementById("submenu"+inc)) {
if(document.getElementById("submenu"+inc).style.display=="block") {
blockid="submenu"+inc
break
}
inc++
}
var cookiename = (persisttype=="site")? "abrir_menu" : window.location.pathname
var cookievalue = (persisttype=="site")? blockid+";path=/" : blockid
document.cookie = cookiename+"="+cookievalue
}

if(window.addEventListener) {
window.addEventListener("load", onloadfunction, false)
}
else if(window.attachEvent) {
window.attachEvent("onload", onloadfunction)
}
else if(document.getElementById) {
window.onload = onloadfunction
}

if(persistmenu=="sim" && document.getElementById) {
window.onunload = savemenustate
}//-->
</script>
</head>
<body>
<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1 left: 342px; top: 34px;">
<div id="menu">
<!--_________________________começo menu1_______________________________-->
<div onclick="abrir_menu('submenu1')"><img src="../menu.png" width="150" height="30" /></div>
<span id="submenu1" class="submenu"> <img src="../sub-menu.png" width="150" height="30" /><br />
<img src="../sub-menu.png" width="150" height="30" /> <br />
</span>
<!--____________________________fim menu1_________________________________-->

<!--..........................começo menu2................................-->
<div onclick="abrir_menu('submenu2')"><img src="../menu.png" width="150" height="30" /></div>
<span id="submenu2" class="submenu"> <img src="../sub-menu.png" width="150" height="30" /><br />
<img src="../sub-menu.png" width="150" height="30" /> <br />
</span>
<!--...........................fim menu2..................................-->

<!--_________________________começo menu3_________________________________-->

<div onclick="abrir_menu('submenu3')"><img src="../menu.png" width="150" height="30" /><br>
<span id="submenu3" class="submenu"> <img src="../sub-menu.png" width="150" height="30" /><br />
<img src="../sub-menu.png" width="150" height="30" /> </span>
<!--________________________fim menu3___________________________________-->

<!--......................começo menu4..................................-->

</div>
<div onclick="abrir_menu('submenu4')"><img src="../menu.png" width="150" height="30" /></div>
<span id="submenu4" class="submenu"> <img src="../sub-menu.png" width="150" height="30" /><br />
<img src="../sub-menu.png" width="150" height="30"/></span>
<!--.......................fim menu4......................................-->
</div>


</body>
</html>[/codebox]

Link para o comentário
Compartilhar em outros sites
  • 0
Matheus Matos

Matheus Matos

Postado
Postado (editado)

Você copiou e colou direto?

Pode ter ocorrido do sistema do fórum ter colocado esse caractere >>&lt;<< no inicio do código.

Para juntar seu js ao html, basta colocá-lo entre as tags script, como o fercosmig fez. ;) Assim:

<html>

<head>

<script type="text/javascript">

seu script aqui dentro

</script>

</head>

<body>

conteudo do site

</body>

</html>

Vlw

Matheus Matos

Editado por Matheus Matos
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...