Ajax - JavaScript - com Link com mais de uma função

[Insteletr 0]

Olá, estou tentando criar um sisteminha de navegação aqui onde trabalho e, infelizmente, não sou nada bom com programação e decidi tentar - depois de muitos esforços em vão, pedir a ajuda de vocês para atingir meu objetivo.

 

Navegando em um dos maiores sites sobre Javascript que conheço, encontrei um script muito interessante, que está abaixo para quem quiser dar uma olhada:

http://javascript.internet.com/ajax/ajax-navigation.html

 

O meu problema com o Script é que eu quero carregar mais de uma página ao clicar no link, e cada página em uma div específica da página, como postado na imagem abaixo:

 

Ao clicar em algum link da área 1 - o conteúdo da área 2 é modificado.

Ao clicar em algum link da área 2 - o conteúdo das áreas 3, 4 e 5 é modificado.

 

Não sei como carregar mais de uma página com esse código acima. O que eu fiz; e quase funcionou, foi o seguinte:

<a href="java script:void(0)"onclick="open_url('pagina1.html','div1');open_url('pagina2.html','div2');open_url('pagina3.html','div3');">Link</a>

Com essa "gambiarra" aí, o link até funciona, mas somente quando eu dou o segundo click nele. No primeiro click ele carrega apenas a última página do link. No segundo, ele carrega as outras 2 páginas normalmente.

 

Ps. Para quem se interessar em ajudar, posso enviar os arquivos no estado atual aqui para ajudar.

 

Very thanks pela atenção ^^ Um abraço!

[Richard Venâncio 1]

cria uma function:

function abreLinks(){open_url('pagina1.html','div1');open_url('pagina2.html','div2');open_url('pagina3.html','div3');}

<a href="java script:void(0)"onclick="abreLinks()"</a>

[Insteletr 0]

Seu código não deu certo não. http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif

 

Eu já pensei em criar uma função para executar as três operações, e não deu certo também. Existirão muitos links na div 2(vide imagem no post anterior). Se eu fosse utilizar uma função, teria que utilizar uma função que recebesse argumentos de cada link. E foi o que eu tentei fazer também. O problema é que não deu certo - vai ver eu não entendi muito bem como se cria uma função com os artigos que encontrei pela internet.

 

Não sei se você acessou o link da página onde encontrei o código, mas vale ressaltar que a função que o código utiliza está armazenada em um .Js externo.

 

Caso desejar, posso hospedar os arquivos em um host e passar a url para uma melhor análise do problema.

[Richard Venâncio 1]

Olha dó carinha,

 

Primeiro desculpas pq eu nao tinha visitado o link pra ver oki estava acontecendo!

Bom segundo

 

Ele criou praticamente uma classe ki faz conexão via ajax!! É mto mais simples você mesmo criar as funções e obter o resultado desejado.

 

Conclusão, sugiro ki você estude, Tableless, Web Semantica, Web 2.0 e Ajax, você vai perder no maximo uma semana e como esta querendo aplicar ja, vai pegar mto mais facil o funcionamento dessas tecnologias.

 

você pode começar por:

http://www.tableless.com.br

http://www.revolucao.etc.br

 

Abraço

[Insteletr 0]

Hmn, continuei tentando aqui e ainda não obtive muito sucesso. Alguém sabe como fazer/ajudar?