Backdoor Man
Posted 06/08/2008, 21:49
layerloginfotolog.jpg 131.18KB
18 downloads
Edição feita por: knoxville, 06/08/2008, 21:50.
Backdoor Man
Posted 09/08/2008, 18:52
<html>
<head>
<style>
html { height:100%; }
body { height:100%; margin:0px; padding:0px; }
div { height:100%; -moz-opacity: .5; }
</style>
<script>
function div(div) {
var objeto = document.getElementById(""+div+"");
if(objeto.style.display == 'none') {
objeto.style.display = 'block';
} else {
objeto.style.display = 'none';
}
}
</script>
</head>
<body>
<a href="#" onClick="java script:div('div');"><img src="11720756047679350376.jpeg" border="0"></a>
<div id="preco" style="position:absolute; left: 200px; top: 200px; z-index:1">
<font face="verdana" size="6" color="#000000"><b>teste</b></font></div>
<div id="div1" style="position:absolute; width:100%; left:0px; z-index:2; top: 0px; background:URL(fundo.gif); display: none">
<center><a href="#" onClick="java script:div('div');">FECHAR</a></center>
</div>
</body>
</html>tô com 2 problemas:
12 Horas
Posted 09/08/2008, 21:10
Backdoor Man
Posted 11/08/2008, 17:30
tinha testado isso mas tinha esquecido de mudar o nome q ele usa na hora de mostrar/esconder o div, ai nao tava funcionando... descuido meu.Para aplicar a um div só bote:
<div id="nome">
e no css
#nome {
atributo: propriedade;
}
Super Veterano
Posted 12/08/2008, 13:27
.classe{
opacity:0.5;
}
Backdoor Man
Posted 15/08/2008, 00:11
<html>
<head>
<style>
html { height:100%; }
body { height:100%; margin:0px; padding:0px; }
#nome { height:100%; }
.classe { filter: alpha(opacity=40); opacity: .4; }
</style>
<script>
function div(div) {
var objeto = document.getElementById(""+div+"");
if(objeto.style.display == 'none') {
objeto.style.display = 'block';
document.getElementById('teste').className = 'classe';
} else {
objeto.style.display = 'none';
document.getElementById('teste').className = '';
}
}
</script>
</head>
<body>
<div id="teste" class="">
<a href="#" onClick="java script:div('nome');"><img src="11720756047679350376.jpeg"
border="0"></a>
<div id="preco" style="position:absolute; left: 200px; top: 200px; z-index:1">
<font face="verdana" size="6" color="#000000"><b>2,27</b></font></div>
</div>
<div id="nome" class="" style="position:absolute; width:100%; left:0px; z-index:2; top:
0px; background:URL(fundo.gif); display: none">
<center><a href="#" onClick="java script:div('nome');">FECHAR</a></center>
</div>
</body>
</html>
Edição feita por: knoxville, 14/08/2008, 15:53.
Super Veterano
Posted 15/08/2008, 10:27
overlay = {
add : function(){
var c = overlay.getSize();
var o = document.createElement("div");
o.setAttribute("id", "overlay");
document.body.appendChild(o);
var el = document.getElementsByTagName('select');
for(x=0,y=el.length;x<y;x++){
_s(el[x],'visibility','hidden');
}
var el = $('overlay');
el.className = "overlay";
el.style.height = c.b+'px';
},
remove : function(){
document.body.removeChild($('overlay'));
var el = document.getElementsByTagName('select');
for(x=0,y=el.length;x<y;x++){
_s(el[x],'visibility','visible');
}
},
getSize : function(){
var w = document.body.clientWidth || innerWidth;
var h = document.body.clientHeight || innerHeight;
var a = window.scrollMaxX || 0;
var b = window.scrollMaxY || 0;
return {a:w,b:h+b}
}
}overlay.add(); ... e precisa criar uma classe chamada overlay com a transparência que você quiser./* $();
* Return a reference to the element
* Usage: var el = $('id');
*/
function $(w){
return document.getElementById(w);
}
/* _s();
* Change the inline style of an element
* Usage: _s($('id'),'color','#f00');
*/
function _s(obj,p,v){
obj.style[p] = v;
}
Backdoor Man
Posted 26/08/2008, 19:48
Backdoor Man
Posted 03/10/2008, 10:36
Super Veterano
Posted 17/09/2017, 08:57
Super Veterano
Posted 27/09/2017, 03:39
Super Veterano
Posted 31/10/2017, 18:09
Super Veterano
Posted 29/11/2017, 06:28
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)
