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


Moderador: web

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

Link dentro da div para carregar documento load jQuery

27-02-2016 18:01

Nesse post vou postar um exemplo em jQuery onde é usado a função load para enviar dados de um arquivo para div.
Também vou mostrar como colocar um link dentro do arquivo que foi chamado para chamar outros arquivos na mesma div.

principal.html

<script src="jquery.js"></script> <script> $(function() { // CARREGANDO UM DOCUMENTO NO LOAD $("#pagina").load("teste.html"); // FUNÇÃO QUE SERÁ USADA E CHAMADA NO ARQUIVO A SER PUXADO PELO LOAD link = function(v) { $("#pagina").load(v); } }); </script> <div id="pagina"></div>

No arquivo teste.html basta colocar o seguinte código abaixo, para ao clicar no link dentro da div carregar outros documentos na mesma div.

<a href="javascript:link('teste2.html')">link</a>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: brendo