[Resolvido] Janela Flutuante

[hchost 1]

Pessoal é o seguinte, não saco muito de Javascritp então venho recorrer ao melhor forum que conheço sobre tecnologia, eu to precisando criar uma janela flutuante igual a deste site aqui: www.morroida.com.br quando se abre este site tem uma janela de aviso, e eu queria criar uma parecida com ela, tentei futucar no CF para tirar uma inspiração, mas Java é bem complicadinho, o interessante dela é que só abre uma vez, a não ser que você limpe os cookies, o que mostra que ela também usa cookies para n irritar os visitantes, se alguem puder me dar uma ajuda, desde ja agradeço, pesquisei bastante na net mas n axei um resultado satisfatorio.

[Ted k' 126]

Cara, o cookie você usa o jquery Cookie, pesquisa a respeito, bom usar ele:

https://github.com/carhartl/jquery-cookie

 

Para o ligthbox pode ser esse aqui:

http://fancybox.net/

 

Exitem exemplos simples quando você faz o download!

[hchost 1]

Cara, o cookie você usa o jquery Cookie, pesquisa a respeito, bom usar ele:

https://github.com/carhartl/jquery-cookie

 

Para o ligthbox pode ser esse aqui:

http://fancybox.net/

 

Exitem exemplos simples quando você faz o download!

 

A idéia do fancybox é bacana, mas a janela não é móvel igual do site morroida e quanto o jquery cookie não sei como criar um código que abra somente a janela caso não encontre o cookie. Sou meio leigo nisso, será que você pode me dar uma explicaçãozinha ? Abrass

[hchost 1]

Pessoal, é o seguinte, axei na net um código muito fera, só que estou tento problemas para centralizar a div na pagina, olha ae:

 

SCRIPT

 

<script type="text/javascript">
var persistclose=1
var startX = 0
var startY = 0
var verticalpos="fromtop"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body 
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>

 

CSS QUE ESOU USANDO

 

#topbar{
padding:5px 5px 5px 5px;
border: 1px solid #000;
z-index:100;
background-color: #fff;
position:absolute;
top:50%;
left:50%;
width:500px;
height:300px;
margin-left:-250px;
margin-top:-150px;
visibility: hidden;

}

 

e o html é só uma div simples, com a id 'topbar'. O código css centraliza a div sem o java, mas quando adiciono ele, o problema começa, alguem sabe me dizer uma solução ? aqui tem o blog que to testando: guilhermemauro.blogspot.com

[hchost 1]

Usando uma função em javascript de criar e ler cookies, consegui xegar a um resultado muito satisfatório. Obrigado pela atenção e RESOLVIDO