Ir para conteúdo

POWERED BY:

Arquivado

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

Hugo Borges_120734

Carregando conteúdo de uma div

Por , em Javascript

Recommended Posts

Hugo Borges_120734    6

Hugo Borges_120734
Postado

Galera achei este código na net, onde tenho um determinado link, ao por o mouse sobre ele, ele carrega um foto dentro da div.

 

Queria saber como fazer este processo sem usar o link, ou seja pessoa entra na pagina e a div fica carregando o conteúdo dela, depois ela o exibe.

 

Segue o código:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
var carregar;

function abrePagina( img )
{
    carregar = new Image();
    carregar.src = img;
    document.getElementById("sua_div").innerHTML = "Carregando...";
    setTimeout( "verificaCarregamento()", 100 );
}

function verificaCarregamento()
{
    if( carregar.complete )
    {
        document.getElementById("sua_div").innerHTML = "<img src=\"" + carregar.src + "\" />";
    }
    else
    {
        setTimeout( "verificaCarregamento()", 100 );
    }
}
</script>
</head>

<body>
<a href="#" onmouseover="abrePagina('http://forum.wmonline.com.br/uploads/av-6775.png');">
Teste</a>
<div id="sua_div"></div>
</body>
</html>

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

só trocar:

<a href="#" onmouseover="abrePagina('http://forum.wmonline.com.br/uploads/av-6775.png');">
Teste</a>
por:

<script>
window.onload = function(){
    abrePagina('http://forum.wmonline.com.br/uploads/av-6775.png');
}
</script>

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