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


Moderador: web

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

Carregando mais de um link com AJAX

29-11-2008 09:33

Um problema que encontrei foi carregar mais de um link com o mesmo script de AJAX, seria assim, ao clicar em um link, manda um documento para uma div, e manda ao mesmo tempo um outro documento para outra div, por padrão, ao fazer isso o primeiro link sempre era ignorado carregando somente o segundo. A idéia que tive é dá um intervalo entre cada requisição que deu certo, abaixo o script do resultado.

<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 alvo = ""; function abre(arquivo,metodo,div){ alvo = div; xmlhttp.open(metodo,arquivo); xmlhttp.onreadystatechange=conteudo; xmlhttp.send(null) }   function conteudo() { //document.getElementById(alvo).innerHTML="carregando..." if (xmlhttp.readyState==4){ document.getElementById(alvo).innerHTML=xmlhttp.responseText } }   function chamadas() { setTimeout('abre(\'doc1.html\', \'GET\', \'conteudo\')', 0); setTimeout('abre(\'doc2.html\', \'GET\', \'conteudo1\')', 300); setTimeout('abre(\'doc3.html\', \'GET\', \'conteudo2\')', 600); } </script>


<a href="javascript://" onclick="chamadas()">abre</a>   <br>   CONTEUDO<div id="conteudo"></div> CONTEUDO1<div id="conteudo1"></div> CONTEUDO2<div id="conteudo2"></div>

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

Carregando mais de um link com AJAX

29-11-2008 12:33

Versão 2 do script para carregar mais de um documento no mesmo link, agora com opção de passar os documentos a serem abertos pelo próprio link.

<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 alvo = ""; function abre(arquivo,metodo,div){ //alert(div) alvo = div; xmlhttp.open(metodo,arquivo); xmlhttp.onreadystatechange=conteudo; xmlhttp.send(null) }   function conteudo() { //document.getElementById(alvo).innerHTML="carregando..." if (xmlhttp.readyState==4){ document.getElementById(alvo).innerHTML=xmlhttp.responseText } } </script>   <script> function chamadas(valor1, valor2) { pagina1 = valor1; pagina2 = valor2; setTimeout('abre(pagina1, \'GET\', \'conteudo1\')', 0); setTimeout('abre(pagina2, \'GET\', \'conteudo2\')', 300); } </script>


<a href="javascript://" onclick="chamadas('doc1.html', 'doc2.html')">abre 1</a> <a href="javascript://" onclick="chamadas('doc3.html', 'doc4.html')">abre 2</a>   <br>   CONTEUDO1...<div id="conteudo1"></div> CONTEUDO1...<div id="conteudo2"></div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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