Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17638
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Menu aba + ajax

03-11-2007 10:23

Esse é um script de menu em aba, onde o conteúdo é carregado por ajax.

<style type="text/css"> .td_ativada{ cursor:hand; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-top:1px solid #cccccc; background-color:#ffffff; width:100px; padding: 5px 5px 5px 5px; text-align:center; font-weight:bold; font-family:arial; font-size:8pt; color:#696969; } a.ativada{ font-weight:bold; font-family:arial; font-size:8pt; color:#696969; text-decoration:none; } a.ativada:hover{ color:111111; text-decoration:underline; } .td_desativada{ cursor:hand; border-right:1px solid #cccccc; border-left:1px solid #cccccc; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; background-color:#f9f9f9; width:100px; padding: 5px 5px 5px 5px; text-align:center; font-weight:bold; font-family:arial; font-size:8pt; color:#696969; } .td_baixo{ border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; background-color:#ffffff; } </style>


<script> function muda(id) { if(id=="td_topo_e") { td_topo_e.className="td_ativada"; td_topo_m.className="td_desativada"; td_topo_d.className="td_desativada"; } if(id=="td_topo_m") { td_topo_e.className="td_desativada"; td_topo_m.className="td_ativada"; td_topo_d.className="td_desativada"; } if(id=="td_topo_d") { td_topo_e.className="td_desativada"; td_topo_m.className="td_desativada"; td_topo_d.className="td_ativada"; } } </script>


<script type="text/javascript"> try{ xmlhttp = new XMLHttpRequest(); } catch(ee){ try{ xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e){ try{ xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch(E){ xmlhttp = false; } } } var valor = 0; function abre(arquivo,metodo){ xmlhttp.open(metodo,arquivo+"?valor="+valor); xmlhttp.onreadystatechange=conteudo xmlhttp.send(null) valor++; } function conteudo() { document.getElementById('conteudo').innerHTML="<div style='top:50%;left:50%;position:absolute;'>carregando...</div>" if (xmlhttp.readyState==4){ document.getElementById('conteudo').innerHTML=xmlhttp.responseText } } </script>


<body onload="abre('doc1.html', 'GET')">   <table width="300" cellpading="0" cellspacing="0"> <tr> <td class="td_ativada" id="td_topo_e" onclick="muda(this.id); abre('doc1.html','GET');"><a class="ativada" href="#">link 1</a></td> <td class="td_desativada" id="td_topo_m" onClick="muda(this.id); abre('doc2.html','GET');"><a class="ativada" href="#">link 2</a></td> <td class="td_desativada" id="td_topo_d" onClick="muda(this.id); abre('doc3.html','GET');"><a class="ativada" href="#">link 3</a></td> </tr> <tr> <td class="td_baixo" colspan="3" id="conteudo"></td> </tr> </table>

0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Mensagens: 2

Menu aba + ajax

08-10-2008 17:23

Cara, a aba tá com um erro nesta parte:

<td class="td_desativada" id="td_topo_m" onClick="muda(this.id); abre('coberturas.htm','GET');">

Ele não carrega a página se estiver com

muda(this.id);

No entanto se tirar, ele carrega a página mas não tem a ação do botão.
Se você puder checar o que está acontecendo.

Obrigado.
0
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17638
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Menu aba + ajax

08-10-2008 18:29

Esse erro geralmente acontece se você estiver testando o script localmente, pelo PC, tenta rodar o script em um servidor.

Se o erro é no servidor, passa o url, ou, informa o navegador que usa.
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Mensagens: 2

Menu aba + ajax

09-10-2008 09:58

Valeu pela resposta, vou testar então....muito obrigado. assim que estiver pronto eu faço questão de postar meu site aqui pra vc ver o que eu fiz....até mais
0

Quem está online

Usuários navegando neste fórum: Bing [Bot]