[RESOLVIDO] Menu que acompanha todo o portal

[logan_pa 0]

como crio uma "BARRA FIXA" com o menu principal que acompanha todo o portal mesmo que os sites internos tenham URL'S diferentes e estão hospedados em servidores diferentes? Um exemplo disso são os portais Uol, Globo.com que mantém no topo dos sites uma barra com acesso as principais áreas do portal.Se for para usar INCLUDE.PHP não vai rolar porque nem todo site esta em PHP, existem alguns em HTML.

[Anderson Mello 3]

Uma alternativa seria então ter um arquivo js que imprimisse o conteúdo deste menu, incluindo ele tanto nas páginas HTML, quanto nas PHP.[]sAnderson Mello

[Anderson Mello 3]

Opa, o que eu entendi é uma barra fixa do portal em sites que eles mantém, como por exemplo o Baixaki, que tem uma barra do iG.

[ZaletoZ 0]

com frames nao seria interessante?

[logan_pa 0]

O JS parece ser um recurso interessante, melhor do que iframe.

 

screenshot do UOL e GLOBO.COM

 

[logan_pa 0]

Só um detalhe.

Não entendi muito bem esse link

http://baixaki.ig.com.br/barra.js

.

 

Veja o que tem dentro dele

document.write('<script src="http://igbandalarga.ig.com.br/barra/barra_igbandalarga.js"></script>');'>http://igbandalarga.ig.com.br/barra/barra_igbandalarga.js"></script>');

Dentro de http://igbandalarga.ig.com.br/barra/barra_igbandalarga.js tem

var barrav8 = '';barrav8 += '<style type="text/css">.barv8_ie{text-align:center} .barv8_fox{margin:auto}</style>';barrav8 += '<scr'+'ipt language="javascript" src="http://www.ig.com.br/paginas/home/barra/v8/igbarra.js"></scr'+'ipt>';document.write(barrav8);'>http://www.ig.com.br/paginas/home/barra/v8/igbarra.js"></scr'+'ipt>';document.write(barrav8);

e http://www.ig.com.br/paginas/home/barra/v8/igbarra.js

var barrav8 = '';barrav8 += '<scr'+'ipt language="javascript" type="text/javascript">';barrav8 += 'function _$getPortal() { if(self != top) { if(top.brturbo) { _$portal = 2; } else if(top.ibest) { _$portal = 3; } else { _$portal = 1; } } else { _$portal = 1; } return _$portal;}';barrav8 += 'function abrePopGenericoIg(url, largura, altura) { window.open(url, "popgenericoiG", "scrollbars=0, width=" + largura + ", height=" + altura);}';barrav8 += 'function buscaiG(frm1){ window.open("http://farejador-1.ig.com.br/farejador/search?q="+escape(frm1.q.value)+"&orig=ig_xml_br_web_search_int"); return false;}';barrav8 += '</scr'+'ipt>';barrav8 += '<link type="text/css" rel="stylesheet" href="http://image.ig.com.br/homev8/barra/barrav8.css" />';barrav8 += '<table style="width:100%; height:31px; display:none; background:url(http://image.ig.com.br/hotsites/sites_ig2006/bar_parc_mainbg.jpg) repeat-x;" id="__barra_do_iG__" border="0" cellspacing="0" cellpadding="0">';barrav8 += '<tr>';barrav8 += '<td class="barv8_ie">';barrav8 += '<table style="width:720px; height:31px;" border="0" cellspacing="0" cellpadding="0" class="barv8_fox">';barrav8 += '<tr>';barrav8 += '<td><a href="http://www.ig.com.br" target="_parent"><img src="http://image.ig.com.br/hotsites/sites_ig2006/bar_parc_logo_ig.jpg" alt="" width="60" height="31" border="0" /></a></td>';barrav8 += '<form name="frm1" onSubmit="return buscaiG(this);" style="margin:0; padding:0">';barrav8 += '<td style="width:25px;"><img src="http://image.ig.com.br/hotsites/sites_ig2006/bar_cxesq.gif" alt="" width="25" height="22" /></td>';barrav8 += '<td style="background:url(http://image.ig.com.br/hotsites/sites_ig2006/bar_cxmeio.gif) repeat-x;"><input id="q" type="text" name="q" value="Faça sua busca" onFocus="this.value=\'\'" class="txt_barraigv8_parc" /></td>';barrav8 += '<td style="width:8px;"><img src="http://image.ig.com.br/hotsites/sites_ig2006/bar_cxdir.gif" alt="" width="8" height="22" /></td>';barrav8 += '<td><input type="Image" name="Image" src="http://image.ig.com.br/hotsites/sites_ig2006/bar_parc_btnok.jpg" onClick="return buscaiG(this.form);" style="width:34px; height:21px; border:0px;" /></td>';barrav8 += '<td><img src="http://image.ig.com.br/hotsites/sites_ig2006/bar_parc_line.jpg" alt="" width="12" height="31" /></td>';barrav8 += '</form>';barrav8 += '<td><a href="http://portal.ig.com.br/acesso_internet.html" target="_parent"><img src="http://image.ig.com.br/hotsites/sites_ig2006/bar_parc_btnacess.jpg" alt="" width="60" height="21" border="0" /></a></td>';barrav8 += '<td><a href="http://portal.ig.com.br/acesso_email.html" target="_parent"><img src="http://image.ig.com.br/hotsites/sites_ig2006/bar_parc_btnmail.jpg" alt="" width="56" height="21" border="0" /></a></td>';barrav8 += '<td><a href="http://portal.ig.com.br/acesso_cadastrese.html" target="_parent"><img src="http://image.ig.com.br/hotsites/sites_ig2006/bar_parc_btncadstr.jpg" alt="" width="86" height="21" border="0" /></a></td>';barrav8 += '<td>';barrav8 += '<select name="select" onChange="parent.location=this.value" class="combo_barraigv8_parc">';barrav8 += '<option selected>Canais</option>';barrav8 += '<option value="http://www.voxcards.com.br">Cartões</option>';barrav8 += '<option value="http://babado.ig.com.br">Celebridades</option>';barrav8 += '<option value="http://igpapo.ig.com.br">Chat</option>';barrav8 += '<option value="http://iguinho.ig.com.br">Crianças</option>';barrav8 += '<option value="http://igentretenimento.ig.com.br">Diversão</option>';barrav8 += '<option value="http://www.baixaki.com.br">Downloads</option>';barrav8 += '<option value="http://www.ig.com.br/paginas/canais/educacao">Educação</option>';barrav8 += '<option value="http://ultimosegundo.ig.com.br/esportes">Esportes</option>';barrav8 += '<option value="http://arenaig.ig.com.br">Games</option>';barrav8 += '<option value="http://delas.ig.com.br">Mulher</option>';barrav8 += '<option value="http://megaplayer.ig.com.br">Multimídia</option>';barrav8 += '<option value="http://igpop.ig.com.br">Música</option>';barrav8 += '<option value="http://ultimosegundo.ig.com.br">Notícias</option>';barrav8 += '<option value="http://poupaclique.ig.com.br">Serviços</option>';barrav8 += '</select>';barrav8 += '</td>';barrav8 += '<td><a href="http://www.ibest.com.br" target="_parent"><img src="http://image.ig.com.br/hotsites/sites_ig2006/bar_parc_logo_ibest.jpg" alt="" width="29" height="31" border="0" /></a></td>';barrav8 += '<td><a href="http://www.brturbo.com.br" target="_parent"><img src="http://image.ig.com.br/hotsites/sites_ig2006/bar_parc_logo_brturbo.jpg" alt="" width="48" height="31" border="0" /></a></td>';barrav8 += '</tr>';barrav8 += '</table>';barrav8 += '</td>';barrav8 += '</tr>';barrav8 += '</table>';barrav8 += '<scr'+'ipt language="javascript" type="text/javascript">';barrav8 += 'if(_$getPortal() == 1) {';barrav8 += 'document.getElementById("__barra_do_iG__").style.display = "";';barrav8 += '}';barrav8 += '</scr'+'ipt>';document.write(barrav8);

Penso que poderia ser algo mais simples

Link

<script language="JavaScript" src="http://endereco.com.br/barra.js"></script>

e dentro o HTML da barra.

 

Não sei se dá pra fazer dessa forma, é apenas uma sugestão.

 

O que me diz?

[Anderson Mello 3]

crins, é isso que ele faz. Você inclui apenas o endereço de um arquivo js e esse é responsável por imprimir o código HTML da barra ;)

[logan_pa 0]

crins, é isso que ele faz. Você inclui apenas o endereço de um arquivo js e esse é responsável por imprimir o código HTML da barra ;)

Maravilha Anderson! Vou fazer uns testes no portal e qualquer coisa posto aqui.Abraço!

[michelmfreitas 1]

Eu prefiro usar o INCLUDE do PHP... você faz o menu em um arquivo separado e apenas use em todos os sites...

 

<?include "diretorio_ou_site/arquivo.php";?>

[Anderson Mello 3]

michel, include() não funciona para o caso do crins, pois ele disse que precisa da barra inclusive em páginas HTML. ;)[]sAnderson Mello