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

Exibir Sempre O Menu Ao Mudar De Pagina...

Guest - Renato -

Perguntado por Guest - Renato -,

 Share

Pergunta

Guest - Renato -

Guest - Renato -

Postado
Postado

Ola Pessoal do Javascript.....

Vi este exemplo de menu na internet... e achei interessante, mas como faço para ao chamar uma nova pagina o menu fique na lado esquerdo da pagina, e a nova pagina fique do lado direito da tela, como todos os menus.. bom, deve ter algum comando para isso ??

Alguém já fez isto antes ???

Poderia me falar como fazer ???

Obrigado(a),

Renato

<?php

?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<!-- saved from url=(0042)http://www.scriptfacil.com/sobremenu1.html -->

<HTML><HEAD>

<META http-equiv=Content-Type content="text/html; charset=windows-1252">

<STYLE type=text/css>.mh {

BORDER-RIGHT: #6495ed 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #6495ed 1px solid; DISPLAY: block; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #6495ed 1px solid; ; WIDTH: expression("100%"); COLOR: #f8f8ff; BORDER-BOTTOM: #6495ed 1px solid; FONT-FAMILY: Verdana, Tahoma, Verdan, Helvetica, Sans-Serfif; BACKGROUND-COLOR: #6495ed

}

.mn {

BORDER-RIGHT: #f8f8f8 2px solid; PADDING-RIGHT: 1px; BORDER-TOP: #f8f8f8 2px solid; PADDING-LEFT: 1px; Z-INDEX: 100; BACKGROUND: #3366cc; PADDING-BOTTOM: 1px; BORDER-LEFT: #f8f8f8 2px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #f8f8f8 2px solid; POSITION: absolute

}

.mn A {

BORDER-RIGHT: #1e90ff 0px solid; PADDING-RIGHT: 5px; BORDER-TOP: #1e90ff 0px solid; DISPLAY: block; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; BORDER-LEFT: #1e90ff 0px solid; ; WIDTH: expression("100%"); COLOR: #f8f8ff; PADDING-TOP: 1px; BORDER-BOTTOM: #1e90ff 0px solid; FONT-FAMILY: Verdana, Tahoma, Verdan, Helvetica, Sans-Serfif; TEXT-DECORATION: none

}

.mn A:hover {

BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BACKGROUND: #000099; BORDER-LEFT: #000099 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #000099 1px solid

}

.sp {

BORDER-TOP: #f8f8ff 1px solid; MARGIN: 2px; BORDER-BOTTOM: #f8f8ff 0px solid

}

</STYLE>

<META content="MSHTML 6.00.2800.1400" name=GENERATOR></HEAD>

<BODY text=#000000 bgColor=#ffffff>

XXXXXXXXXX

<DIV id="" style="LEFT: 18px; POSITION: absolute; TOP: 30px">

<P>

<script language=JavaScript1.2>

q1="<a href='";q2="' title='";q3="'>";q4="</a>";q5="<div class=sp></div>";q6="</div>";q7="<div class='mh'>";q8="' class='mn' style='position: absolute;width:"

d=document;dm=d.getElementById?1:0;ie=d.all?1:0;i4=(d.all && !dm)?1:0;n4=d.layers?1:0

mn=new Array();ln=new Array();sn=new Array();sw=new Array();el= new Array();mel= new Array()

tp=3 //distância do topo

lf=3 //distância da esquerda

sp=1 //espaço entre os menus

hr=0

oh=5

ov=5

// LINK DO MENU UM

mn[0]=menu 1 EX1';ln[0]='#';sw[0]=120;sn[0]=""

// SUB LINKS DO MENU UM

+q7+"links"+q6

+q1+"../mail/email.htm"+q2+" inicio Description"+q3+"link 1"+q4

+q1+"paginadois.html"+q2+"Description"+q3+"link 2"+q4

+q1+"paginadois.html"+q2+"Description"+q3+"link 3"+q4

+q1+"paginadois.html"+q2+"Description"+q3+"link 4"+q4

+q1+"paginadois.html"+q2+"Description"+q3+"link 5"+q4

+q7+"mais links"+q6

+q1+"paginadois.html"+q2+"Description"+q3+"link 1"+q4

+q1+"paginadois.html"+q2+"Description"+q3+"link 2"+q4

// LINK DO MENU DOIS

mn[1]='menu 2';ln[1]='#';sw[1]=140;sn[1]=""

// SUB LINKS DO MENU DOIS

+q1+"paginadois.html"+q2+"Description"+q3+"link 1"+q4

+q5

+q1+"paginadois.html"+q2+"Description"+q3+"link 2"+q4

+q5

+q1+"paginadois.html"+q2+"Description"+q3+"link 3"+q4

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// LINKS DO MENU TRÊS

mn[2]='menu 3';ln[2]='#';sw[2]=140;sn[2]=""

// SUB LINKS DO MENU TRÊS

+q1+"paginadois.html"+q2+"Description"+q3+"link 1"+q4

+q1+"paginadois.html"+q2+"Description"+q3+"link 2"+q4

+q1+"paginadois.html"+q2+"Description"+q3+"link 3"+q4

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// PARA ACRECENTAR MAIS CAMPOS É NECESSÁRIO SEGUIR A ORDEM DO MENU AUMENTANDO A SEQUÊNCIA

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// PRESTE ATENÇÃO NO MENU TRÊS E QUATRO //

// LINKS DO MENU QUATRO //

mn[3]='menu 4';ln[3]='#';sw[3]=140;sn[3]=""

// SUB LINKS DO MENU TRÊS

+q1+"paginadois.html"+q2+"Description"+q3+"link 01"+q4

+q1+"paginadois.html"+q2+"Description"+q3+"link 02"+q4

+q1+"paginadois.html"+q2+"Description"+q3+"link 03"+q4

// A ÚNICA COISA QUE FIZ FOI COPIAR O TRÊS TROCANDO OS CAMPOS: //

// mn[2]='menu 4';ln[2]='#';sw[2]=140;sn[2]="" PARA mn[3]='menu 4';ln[3]='#';sw[3]=140;sn[3]="" //

// OS SUBMENUS NÃO É NECESSÁRIO ALTERAR //

////////////////////////////////////////////////////////

// LINKS DO MENU CINCO MEU ALTERADO //

mn[4]='menu 5';ln[4]='#';sw[4]=140;sn[4]=""

// SUB LINKS DO cinco

+q1+"paginadois.html"+q2+"Description"+q3+"link 01"+q4

+q1+"paginadois.html"+q2+"Description"+q3+"link 02"+q4

+q1+"paginadois.html"+q2+"Description"+q3+"link 03"+q4

////////////////////////////////////////////////////////////

// A ÚNICA COISA QUE FIZ FOI COPIAR O TRÊS TROCANDO OS CAMPOS: //

// mn[2]='menu 4';ln[2]='#';sw[2]=140;sn[2]="" PARA mn[3]='menu 4';ln[3]='#';sw[3]=140;sn[3]="" //

// OS SUBMENUS NÃO É NECESSÁRIO ALTERAR //

// NÃO É NECESSÁRIO ALTERAR O CÓDIGO ABAIXO //

ma=mn.length;mw=0;for(i=0;i<ma;i++){if(sw>mw)mw=sw};d.write("<div id='ctrl' style='position:absolute;width:100%;height:100%;z-indez:90' onmouseover='há()'></div>");ctr=gE('ctrl')

if(hr==1){sp+=(dm&&!ie)?4:0;for(i=0;i<ma;i++){d.write("<div id='main"+i+q8+sw+";top:"+tp+";left:"+lf+q3+q1+ln+"' onmouseover='há();sE(el["+i+]);sE(ctr)"+q3+mn+q4+q6);mel=gE("main"+i);d.write("<div id=sub"+i+q8+sw+";top:"+(tp+gH(mel)-1)+";left:"+lf+q3+sn+q6);el=gE("sub"+i);lf+=(gW(mel)+sp)}}

else{for(i=0;i<ma;i++){d.write("<div id='main"+i+q8+mw+";top:"+tp+";left:"+lf+q3+q1+ln+"' onmouseover='há();sE(el["+i+]);sE(ctr)"+q3+mn+q4+q6);mel=gE("main"+i);d.write("<div id='sub"+i+q8+sw+";top:"+(tp+ov)+";left:"+(lf+mw-oh)+q3+sn+q6);tp+=(gH(mel)+sp);el=gE("sub"+i)}}

function há(){for(i=0;i<ma;i++)hE(el);hE(ctr)};function zA(){for(i=0;i<ma;i++){sZ(el,111);sZ(mel,100)}};function gE(e){if(dm){r=d.getElementById(e);return d.getElementById(e).style}if(i4)return d.all[e].style;if(n4)return d.layers[e]}

function hE(e){e.visibility="hidden"};function sE(e){e.visibility="visible"};function sZ(e,z){e.zIndex=z};function gH(e){h=parseInt(e.height||e.pixelHeight||r.offsetHeight);return h};function gW(e){w=parseInt(e.width||e.pixelWidth||r.offsetWidth);return w}

há();zA();d.onclick=há

</SCRIPT>

</P></DIV></BODY></HTML>

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

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,3k
    • Posts
      652,6k
×
×
  • Criar Novo...