Jump to content


g-prime

Member Since 09/11/2010
Offline Last Active 28/07/2011, 21:18
-----

Posts I've Made

In Topic: Escolher Div Que Exibe Página

06/05/2011, 00:34

ola procure por lytebox acho que é isso que vc procura


não é bem isso nao..., eu quero abrir uma pagina numa div, só que quero escolher as divs que vao ser abertas

tipo

<a href="#" onclick="abrirpag('home.html','div_conteudo')">home</a>
<a href="#" onclick="abrirpag('empresa.html','div_topo')">empresa</a>

In Topic: Ao Clicar No Link, Mostra A Div, Ao Clicar Em Outro Lugar, Oculta A Di

09/11/2010, 09:32

Opa galera, blz?

desenvolvi um esquema meio "nas coxa", mais funciona muito bem (e ja estou usando xD)
é meio que um ligthbox (daqueles que vc clica do lado de fora da imagem pra fechar)






<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script>
//abre a div com o conteudo e a div de fora
function abre(){
document.getElementById('div1').style.display = "block";
document.getElementById('div2').style.display = "block";
}
//fecha a div com o conteudo e a div de fora
function fecha(){
document.getElementById('div1').style.display = "none";
document.getElementById('div2').style.display = "none";
}
</script>
<style>
</style>
</head>

<body>
<div style="width:100%; height:100%; left:0px; top:0px; position:fixed; z-index:100; display:none;" id="div1" onclick="fecha();"></div>

<a href="#" onclick="abre();" id="bot">abrir</a><br /><br />
teste de linha <br /><br />
teste de linha <br /><br />
teste de linha <br /><br />
teste de linha <br /><br />
teste de linha <br /><br />
teste de linha <br /><br />
teste de linha <br /><br />
teste de linha <br /><br />
teste de linha <br /><br />
teste de linha <br /><br />
teste de linha <br /><br />
teste de linha <br /><br />
teste de linha <br /><br />
teste de linha <br /><br />
teste de linha <br /><br />
teste de linha <br /><br />
teste de linha <br /><br />
teste de linha <br /><br />
teste de linha <br /><br />
teste de linha <br /><br />
teste de linha <br /><br />
teste de linha <br /><br />
teste de linha <br /><br />


<div style="width:300px; height:200px; margin:auto; position:absolute; top:20%; z-index:200; border:2px solid #000; background-attachment:fixed; display:none; text-align:center; padding-top:30px;" id="div2">
<a href="#" onclick="fecha();" id="bot">fechar</a>
</div>
</body>
</html>


espero ter ajudado xD
anexei o arquivo que usei pra fazer, so baixar e pronto hehehehe

abraços /o/

IPB Skin By Virteq