Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Leonardo Joksan

Carregando em AJAX, mudando a URL e Carregando DIV interno.

Por , em Javascript

Recommended Posts

Leonardo Joksan    0

Leonardo Joksan
Postado

Bom, primeiro de tudo, gostaria de saber como faço para que quando clique no link ele carregue normal em uma div, até ai até consegui mais o meu problema é que quero modificar a URL do navegador tbm, sem atualizar a página por completo, pois quando divulgarem o link ou até mesmo tentare acessar novamente consigam, outra coisa que estou tendo um pouco de problema..

 

como faço para carregar uma div, exemplo já criei o PHP com a consulta no sql, de usuarios e aparecendo a foto deles, coloquei aleatório, quero que o AJAX apareça na DIV ( Carregando usuarios ) após isso mostra o PHP com os usuarios aleatórios.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

para a primeira questão você deve usar a tralha #

 

http://wbruno.com.br/blog/2011/03/11/carregando-conteudo-com-ajax-trocando-url/

 

não entendi a dificuldade da segunda pergunta. Como você tentou fazer ?

precisa mesmo de ajax ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leonardo Joksan    0

Leonardo Joksan
Postado

Bom, utilizei o tutorial Carregar página sem atualizar utilizando jquery da MxMasters ai gostaria de saber como carregar uma página PHP em uma div, quando entrar no site ele carrega automatico a página sem clicar em nada. um trecho do site exemplo, ai colocaria um PHP.

 

 

 

@EDIT

 

Como acrecento, imagem carregando no script que você públicou? com o # carregando.

 

 

<html>
<head>
<script type="text/javascript">
function id( el ){
       return document.getElementById( el );
}
function pega_arq( url ){
       var file = url.split('#');
       return ( file[1] ) ? file[1]+'.html' : 'home.html';
}
function getHTTPObject(){
       if(window.XMLHttpRequest){
               return new XMLHttpRequest();
       }else if(window.ActiveXObject){
               var prefixes = ["MSXML2", "Microsoft", "MSXML", "MSXML3"];
               for(var i = 0; i < prefixes.length; i++){
                       try     {
                               return new ActiveXObject(prefixes[i] + ".XMLHTTP");
                       } catch (e) {}
               }
       }
}
var xmlHttp = getHTTPObject();
function abre( arq ){
       xmlHttp.open("GET", arq,true);
       xmlHttp.onreadystatechange = function(){
               if (xmlHttp.readyState == 4){
                       id('content').innerHTML = xmlHttp.responseText;
               }              
       }
       xmlHttp.send( null );
}
window.onload = function(){
       var as = document.getElementsByTagName('a');

       for( var i=0; i<as.length; i++ ){
               as[i].onclick = function(){
                       abre( pega_arq( this.href ) );
               }
       }
       abre( pega_arq( document.location.href ) );
}
</script>
</head>
<body>

       <a href="#contato">Contato</a>
       <a href="#missao-valores">Missão, Valores</a>
       <div id="content">
       </div><!-- /content -->
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito