Jump to content
Fórum Script Brasil
  • 0

Menu Fixo Sem Utilizar Frame


Guest - luiz -

Question

4 answers to this question

Recommended Posts

  • 0

você pode usar IFRAME.... ou faz assim...

o menu você salva em um arquivo "menu.js".....

ai em todas as suas páginas, no lugar que você quer que o menu apareça coloca assim.......

<script type="text/javascript" src="menu.js"></script>

acho que deve servir....

Link to comment
Share on other sites

  • 0
Guest Erro - Ajuda
você pode usar IFRAME.... ou faz assim...

o menu você salva em um arquivo "menu.js".....

ai em todas as suas páginas, no lugar que você quer que o menu apareça coloca assim.......

<script type="text/javascript" src="menu.js"></script>

acho que deve servir....

Amigo,

Primeiramente eu agradeço a sua ajuda, porém não deu certo está dando erro de script...

tentei arrumar mas não deu certo....

Me fala uma coisa por gentileza... arquivos *.js, podem conter comandos html fora do início do blco de comando java scritp....

Derrepente o erro pode está no código do menu... que só funciona com a extensão *.html...

você possui algum script de menu vertical que pode ser utilizado em um frame top...

obrigado

Neto

Link to comment
Share on other sites

  • 0

Luiz... se cadastra aqui no fórum!!.. ai fica mais organizado e mais fácil de entrar em contato.. :D

então...

no arquivo *.js só pode ser usado JavaScript......

faz assim...... passa o código do menu para que possamos dar uma olhadinha e também passar o erro que está dando pra podermos analisar..........

falou...

Link to comment
Share on other sites

  • 0
Guest - Luiz -
Luiz... se cadastra aqui no fórum!!.. ai fica mais organizado e mais fácil de entrar em contato.. :D

então...

no arquivo *.js só pode ser usado JavaScript......

faz assim...... passa o código do menu para que possamos dar uma olhadinha e também passar o erro que está dando pra podermos analisar..........

falou...

*/ estou te enviando o código, este menu peguei aqui mesmo no scriptbrasil*/

<html>

<head>

<style type="text/css">

.mh {

background-color : #f8f8f8;

color : #556677;

display : block;

font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

font-size : 12px;

font-weight : bold;

padding : 1px 5px 2px 4px;

vertical-align : center;

width : expression("100%");

}

.mn {

background : #eeeff0;

padding : 1px;

position : absolute;

z-index : 100;

border: 1px solid #556677;

}

.mn a{

border : 1px #eeeff0 solid;

color : #2F4F4F;

display : block;

font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

font-size : 12px;

padding : 1px 5px 2px 4px;

text-decoration : none;

vertical-align : center;

width : expression("100%");

font-weight : normal;

}

.mn a:hover {

background : #778899;

border : 1px #223344 inset;

text-decoration : none;

color : #E0F0F0;

}

.sp {

border-bottom : #334455 1px solid;

border-top : #ffffff 0px solid;

margin : 2px 2px;

}

</style>

</head>

<table border="0" cellspacing="0" cellpadding="0" align="left">

<tr><td>

<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 do menu em relação a página

lf=3 //distância da esquerda do menu em relação a página

sp=1 //espaço entre os menus

hr=1 //espaço horizontal (1 - horizontal | 0 - vertical)

oh=50

ov=50

// primeiro menu

mn[0]=título um';ln[0]='#';sw[0]=100;sn[0]="" // primeiro título

+q7+"menu 1"+q6

+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

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

+q5 //separador

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

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

+q5

+q7+"menu 2"+q6

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

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

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

//segundo menu

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

+q7+"menu 2"+q6

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

+q5 //separador

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

+q5 //separador

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

// para acrescentar mais menu basta seguir a ordem

// mn[0]='título um';ln[0]='#';sw[0]=100;sn[0]="" // menu 1

// mn[1]='título dois';ln[1]='#';sw[1]=100;sn[1]="" // menu 2

// mn[2]='título três';ln[2]='#';sw[2]=100;sn[2]="" // menu 3

//terceiro menu

//mn[2]='menu 2';ln[2]='#';sw[2]=100;sn[2]=""

//+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

// 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>

</td></tr>

</table>

</html>

Valeu!!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.2k
    • Total Posts
      651.8k
×
×
  • Create New...