Possiveis Soluções?

[Nickz 0]

Bom, eu navegando pela internet descobri as maravilhas do Ajax, juntamente com o include que e um codigo que uso a muito tempo como todo mundo que faz WebSites relacionado a cultura japonesa e tals tenho um site www.anstation.net todo estruturado em include simples index?page=, e queria saber como fazer a include sem refresh no site já estruturado ou seja sem mudar todos os meus links para aquele link horrivel do OnClick, eu vi que e possivel em vários sites, postei na seção PHP, e ninguém soube me explicar.

 

Outra duvida, ao acessar a pagina do Twitter, você ve rodando uma tarja www.twitter.com escrito o nome de varios twitters famosos e tals, e quando passa o mouse surge um balão MAIS do que legal, aquilo e ajax?

[Thiago Retondar 18]

Outra duvida, ao acessar a pagina do Twitter, você ve rodando uma tarja www.twitter.com escrito o nome de varios twitters famosos e tals, e quando passa o mouse surge um balão MAIS do que legal, aquilo e ajax?

Esse efeito chama-se ToolTip. Veja o código HTML de um dos botões:

 

<li>
  <a href="http://twitter.com/USATODAYhealth" class="avatar-sm" hreflang="en" id="icon_USATODAYhealth" rel="USATODAYhealth" target="_blank"><img alt="" border="0" height="48" src="http://a3.twimg.com/profile_images/284506177/twitter_normal.jpg" style="vertical-align:middle" width="48"></a>

  <div class="hc" id="hc_USATODAYhealth" style="display: none; zoom: 1; ">
    <div class="hc-profile">
      <a href="http://twitter.com/USATODAYhealth" class="avatar" hreflang="en" target="_blank"><img alt="USATODAYhealth" border="0" height="48" src="http://a3.twimg.com/profile_images/284506177/twitter_normal.jpg" style="vertical-align:middle" width="48"></a>
      <div class="hc-name"><strong>Anne Godlasky</strong><span class="hc-verified"> </span></div>
      <span class="hc-username">@<a href="http://twitter.com/USATODAYhealth">USATODAYhealth</a></span>
      <span class="hc-location">United States | in Health</span>
    </div>
    
      <div class="hc-tweet">
        <div class="hc-label">Recently tweeted:</div>
        <div class="hc-tweet-text">Before getting stuffed on Easter candy & brunch, perhaps it's time for a berry nice smoothie? http://bit.ly/966Pl4 #video #recipe #food</div>
        <div class="hc-meta">12:55 PM Apr 2nd</div>
      </div>
    
    <div class="hc-pointer"> </div>
  </div>
</li>

Quando você passar o mouse sobre o a, você mostra o resto do HTML, a div que engloba o resto.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Nickz 0]

Que bacana, achei um tutorial de como expandir em ajax, vou postar explicando depois e dando os devidos creditos ao author do script, que não fez um tutorial, bom agora e usando o JQuery na include alguém pode me mandar um tutorial completo? não consegui, so consigo com os incriveis MENUS horrendos onclick nada como meu menu lindo e charmoso do include index?page= ;x

[William Bruno 1501]

Não consegui entender nada.

 

organize melhor o teu pensamento.

[Nickz 0]

Quero construir um Include Php + Ajax um carregamento sem refresh, mas que mantenha os links normais index.php?page= e não OnClick incluir( eu vi em alguns lugares mas nada explica bem,.

[William Bruno 1501]

Quero construir um Include Php + Ajax um carregamento sem refresh, mas que mantenha os links normais index.php?page=

 

não é possível.

 

oque por exemplo o 'orkut' faz, é trabalhar com # (âncora)

pois se você tentar mudar a URL 'de forma normal', acontecerá um inevitável refresh da tela, já que nenhum método Javascript é capaz de fazer essa alteração, sem avisar para o navegador que uma nova requisição foi feita. Para continuar na mesma página, você precisa enviar uma requisição ao navegador, que esteja no documento atual, e com ?, ou arquivos completos isso não é possivel.

 

a solução, seria usar

index.php#page=contato

 

pois com a tralha #, o reload não acontece.

[Nickz 0]

O que quero de fato,e usar o sistema que to usando www.anstation.net de includes e tals usando ajax, para evitar o refresh e usar um carregando, ao inves de reload toda a pagina, so que todos os tutoriais tem um link muito estranho e não consegui entender nenhum,

[William Bruno 1501]

hein?!

 

tente se explicar melhor, organize as idéias e formule perguntas que sejam possível de outras pessoas entender.

leia AJAX como: Requisições ao servidor (podendo ser assincronas ou não)

 

a parte do Twitter, não tem nada de AJAX, é apenas JS puro, simulando um marquee, e o tooltip.

[Nickz 0]

Pergunta reformulada e a respeito das tooltips eu já criei.

[William Bruno 1501]

Exemplo de como carregar páginas via AJAX:

http://forum.imasters.com.br/index.php?/topic/384836-carregando-pagina-com-ajax-nao-consigo-encontrar-o-erro/page__view__findpost__p__1498911

[Nickz 0]

<html>

<head>

<script type="text/javascript">

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 + ".XMLHTTP");

} catch (e) {}

}

}

}

function ajax( url,id_conteudo )

{

var xmlHttp = getHTTPObject();

 

xmlHttp.onreadystatechange = function()

{

if (xmlHttp.readyState == 4)

{

var retorno = xmlHttp.responseText;

document.getElementById( id_conteudo ).innerHTML = retorno;

}

}

xmlHttp.open("GET", url,true);

xmlHttp.send(null);

}

 

function atualiza_pag()

{

ajax('pagina.php','refresh_pag');

}

window.onload = function()

{

atualiza_pag();

}

</script>

</head>

<body>

<div id="refresh_pag"></div>

</body>

</html>

Então com o codigo num arquivo JS, incorporado na pagina, eu poderia apartir da div criar meus links comuns? index.php#pagina=conteudo/principal normalmente? ou teria que alterar meu formato de menu java e outras configurações e usar um link como fiz no site www.indiceeditora.com.br/Ajax Indice

[William Bruno 1501]

Sim, é possível.. como são teus 'links comuns' ?

 

basta pegar o atributo href e disparar a requisição apartir dele.

lembrando de desativar o comportamento default dos links event.preventDefault(), e para não misturar JS com HTML, faça um loop, atrelando a função do carregamento, à todas as tags <a> getElementsByTagName()

[Nickz 0]

Meus links convencionais são

"Bate-Papo","location='index.php?pagina=conteudo/interativo/batepapo'");

por ser um menu criado por um programa pronto então existe solução pro meu caso?, se sim quem puder postar o maximo explicadinho possivel não entendo muito de java minha primeira aplicação com ele foi essa que te mandei.