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


Moderador: web

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

Abrir link pelo href com jQuery

07-02-2010 12:42

Aqui vai uma solução para quem quer abrir diversos links em uma única div usando o jQuery.

JAVASCRIPT

<script type="text/JavaScript"> $(document).ready(function() {   $("#base").find("a").click(function() { $("#conteudo").load(this.href); return false; });   }); </script>

Acima, vamos ao objeto com id base, e procuramos todas tags a através do clique, em seguida, carregamos no objeto conteudo o conteúdo do objeto achado e clicado dentro da base.

Abaixo segue o modelo para essa chamada.

<div id="conteudo"></div>   <div id="base"> <a href="doc1.html">abre 1</a> <a href="doc2.html">abre 2</a> </div>

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

Abrir link pelo href com jQuery

07-02-2010 13:04

Agora uma versão com loading / carregando

Para isso, logo após a linha do document ready, colocamos

$().ajaxStart(function() { $("#carregando").show(); }); $().ajaxStop(function() { $("#carregando").hide(); });

Precisamos criar esse estilo no CSS

<style type="text/css"> #carregando{ font-size:20px; color:red; display:none; } </style>

E adicionar essa div, que mostra o texto configurado do CSS acima, enquanto o conteúdo não é carregado.

<div id="carregando">carregando...</div>

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 10 postagens
Mais de 10 postagens
Mensagens: 13

Abrir link pelo href com jQuery

25-09-2010 10:56

Como eu faria para dar um efeito na hora da abertura...
Um fade..
ou a div correr..
etc...

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

Abrir link pelo href com jQuery

25-09-2010 18:04

Existe diversos efeitos para o jQuery, você pode achar nesse link

http://api.jquery.com/category/effects/
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Mensagens: 1
Sexo: Masculino

Abrir link pelo href com jQuery

18-09-2012 20:35

Olá, sou novo aqui no fórum. Sei que este tópico é 2 anos a tras... mas deixe-me corrigir alguns detalhes do código para que funcione de forma efetiva.

Façam desta maneira:

<script type="text/JavaScript"> $(document).ready(function() {            $("#base").find("a").click(function(e) {                  e.preventDefault();                  $("#conteudo").load($(this).attr("href"));           }); }); </script>

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

Abrir link pelo href com jQuery

18-09-2012 20:43

Boa dica essa sua. Bem melhor com essa melhoria.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado