Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Ai pessoal alguém já viu aquele pedido de confirmação que o orkut faz, quando você tenta entrar em algum site que ta cadastrado no perfil da pessoa? Olhem a foto que vocês vão entender. Já tive olhando na net que isso é feito com divs e java script. Já fiz algo relacionado a isso como mostrarei abaixo. Porém o div é executado assim que a página é carregada. Eu queria saber como faz para o div só aparecer quando o cara clicar no link da página. Eu acredito que seja com o "onclick" ligado a um function, porém não sei como fazer.
http://img88.imageshack.us/my.php?image=divjw6.jpg
CODE
<html><title>Redirecionamento de download</title><body>
<form method="post" action="links_c_divs_tipo_orkut.php">
link download:<input type="text" name="link" id="link" /><br />
<input type="SUBMIT" value="enviar" />
</form>
</body>
</html>CODE
<html><head>
<title>Div posição fixa</title>
<style type="text/css">html,body
{
overflow: hidden;
height: 100%;
margin: 0px;
padding: 0px;
}body
{
font: 76% verdana, arial, sans-serif;
}
.transparencia{
position: fixed !important;
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
width: 100%;
height:100%;
opacity: 0.6;
color: #000000;
background-color: #000000;
}*.transparencia
{
filter: alpha(opacity = 40);
}
.fechar{
position: absolute;
width: 325px;
height: 125px;
margin-top: 30%;
margin-left: 30%;
z-index: 15;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}
</style>
</head>
<body>
<div id="div1" class="transparencia">
<div class="fechar" align="center">
Tem certeza que deseja acessar o site?<br /><br />
<a href="http://<?php echo $HTTP_POST_VARS[link]; ?>" target="_blank">http://<?php echo $HTTP_POST_VARS[link] ?></a><br /><br />
O site pode não ser 100% confiável, use por sua própria conta e risco!<br /><br />
<input type="button" value="Fechar" onclick="this.style.display = 'none';document.getElementById('div1').style.display = 'none';document.body.style.overflow='auto';" style="border:inherit; background:#CCCCCC;" />
</div>
</div>
<p>asfdasfdasd<br />
asfdasfdasfd<br />
asfdasfdafd<br />
asfdasfdasfd<br />
asfdsafdsafd<br />
asfdasfdasd<br />
asfdasfdasfd<br />
asfdasfdafd<br />
asfdasfdasfd</p>
<p><br />
<a href="[http://www.uol.com.br">www.uol.com.br](http://www.uol.com.br%22)
<p><br />
asfdasfdasfd<br />
asfdsafdsafd<br />
asfdasfdasd<br />
asfdasfdasfd<br />
asfdasfdafd<br />
asfdasfdasfd<br />
asfdsafdsafd<br />
asfdasfdasd<br />
asfdasfdasfd<br />
asfdasfdafd<br />
asfdasfdasfd<br />
</p>
</body>
</html>Entederam? Eu queria ligar o link com php, só que a div seria executada quando o cara clica-se no link, a div apareceria pedindo a confirmação.... mais não do jeito que está ai... isso ai eu fiz com formulário, mais eu queria em uma única página, sem formulário... o link iria vir do db pelo php, porem isso eu resolvo sozinho... ajuda ai galera.... valeu...
Carregando comentários...