Zaloguj | Zarejestruj | FAQ

popup em lightbox

+ Odpowiedz

Posty: 2 Strona 1 z 1

popup em lightbox

przez Edmilson » So kwi 07, 2012 7:51 pm

Criei uma popup e funciona bem no fire fox porem não funciona como deveria no IE8 e no chrome (oba nner em flash fica em uma camada acima da minha popup). já alterei a z-index no css mas nada adiantou. se alguem poderr ajudar agradeço muito.
Link da pagina de teste

aqui o codigo css
position: absolute;
width: 640px; /*Width of popupbox box*/
left: 0;
top: 0;
padding: 15px;
padding-top: 0;
background-color: ;
border: 0px;
visibility: hidden;
z-index: 100;

#interContainer .headerbar td{ /*CSS for header bar of popupbox box*/
color: White;
font-size: 120%;
padding: 4px 0;

#interContainer .headerbar td a{ /*CSS for header bar links of popupbox box*/
color: White;
text-decoration: none;

#interContent{ /*CSS for div that holds the content to show*/
border: 1px solid gray;

background-color: white;

#interVeil{ /*CSS for background veil that covers entire page while popupbox box is visible*/
position: absolute;
background-color: #000000;
right: 0;
width: 10px;
top: 0;
z-index: 1;
visibility: hidden;
opacity: 0.8;

aqui o codigo java
var popupboxBox={
//1) list of files on server to randomly pick from and display
displayfiles: ['popup.htm'],

//2) display freqency: ["frequency_type", "frequency_value"]
displayfrequency: ["chance", "1"],

//3) HTML for the header bar portion of the popupbox box
defineheader: '<div class="headerbar"><table width="100%" border="0" ><tr><td><b></b></td><td align="right" style="text-align: right;">&nbsp;<a href="#" onClick="javascript:popupboxBox.closeit(); return false">Close</a></td></tr></table></div>',

//4) cookie setting: ["cookie_name", "cookie_path"]
cookiesetting: ["stitialcookie", "path=/"],

//5) bust caching of pages fetched via Ajax?
ajaxbustcache: true,

//6) Disable browser scrollbars while popupbox is shown (Only applicable in IE7/Firefox/Opera8+. IE6 will just auto scroll page to top)?
disablescrollbars: false,

//7) Auto hide Interstitial Box after x seconds (0 for no)?
autohidetimer: 0,

////No need to edit beyond here//////////////////////////////////

ie7: window.XMLHttpRequest && document.all && !window.opera,
ie7offline: this.ie7 && window.location.href.indexOf("http")==-1, //check for IE7 and offline
scrollbarwidth: 16,

ajaxconnect:function(url, thediv){
var page_request = false
var bustcacheparameter=""
if (window.XMLHttpRequest && !this.ie7offline) // if Mozilla, IE7 online, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE6 or below, or IE7 offline (for testing purposes)
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
catch (e){
page_request = new ActiveXObject("Microsoft.XMLHTTP")
catch (e){}
return false
popupboxBox.loadpage(page_request, thediv)
if (this.ajaxbustcache) //if bust caching of external page
bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()'GET', url+bustcacheparameter, true)

loadpage:function(page_request, thediv){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){

//write out entire HTML for Interstitial Box:
document.write('<div id="interContainer">'+this.defineheader+'<div id="interContent"></div></div><div id="interVeil"></div>')
this.interContainer=document.getElementById("interContainer") //reference popupbox container
this.interVeil=document.getElementById("interVeil") //reference veil
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes

if ("none") return //if popupbox box has already closed, just exit (window.onresize event triggers function)
var ie=document.all && !window.opera
var dom=document.getElementById
var scroll_top=(ie)? this.standardbody.scrollTop : window.pageYOffset
var scroll_left=(ie)? this.standardbody.scrollLeft : window.pageXOffset
var docwidth=(ie)? this.standardbody.clientWidth : window.innerWidth-this.scrollbarwidth
var docheight=(ie)? this.standardbody.clientHeight: window.innerHeight
var docheightcomplete=(this.standardbody.offsetHeight>this.standardbody.scrollHeight)? this.standardbody.offsetHeight : this.standardbody.scrollHeight
var objwidth=this.interContainer.offsetWidth
var objheight=this.interContainer.offsetHeight"px" //set up veil over page"px" //set up veil over page //Position veil over page //Position veil over page"visible" //Show veil over page"px" //Position popupbox box
var topposition=(docheight>objheight)? scroll_top+docheight/2-objheight/2+"px" : scroll_top+5+"px" //Position popupbox box"px""visible" //Show popupbox box
if (this.autohidetimer && parseInt(this.autohidetimer)>0 && typeof this.timervar=="undefined")
this.timervar=setTimeout("popupboxBox.closeit()", this.autohidetimer*1000)

if (this.disablescrollbars && window.XMLHttpRequest) //if disablescrollbars enabled and modern browsers- IE7, Firefox, Safari, Opera 8+ etc"auto"
if (typeof this.timervar!="undefined") clearTimeout(this.timervar)

var scrollbarwidth=window.innerWidth-(this.interVeil.offsetLeft+this.interVeil.offsetWidth) //
this.scrollbarwidth=(typeof scrollbarwidth=="number")? scrollbarwidth : this.scrollbarwidth

if (this.disablescrollbars){ //if disablescrollbars enabled
if (window.XMLHttpRequest) //if modern browsers- IE7, Firefox, Safari, Opera 8+ etc"hidden"
else //if IE6 and below, just scroll to top of page to ensure popupbox is in focus

dotask:function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload)
var tasktype=(window.addEventListener)? tasktype : "on"+tasktype
if (target.addEventListener)
target.addEventListener(tasktype, functionref, false)
else if (target.attachEvent)
target.attachEvent(tasktype, functionref)

this.createcontainer() //write out popupbox container
this.ajaxconnect(this.displayfiles[Math.floor(Math.random()*this.displayfiles.length)], this.interContainer) //load page into content via ajax
this.dotask(window, function(){popupboxBox.hidescrollbar(); popupboxBox.getscrollbarwidth(); setTimeout("popupboxBox.showcontainer()", 100)}, "load")
this.dotask(window, function(){popupboxBox.showcontainer()}, "resize")

/////////////End of popupboxBox object declaration here ////////////////////////////////

function getCookie(Name){
var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
if (document.cookie.match(re)) //if cookie found
return document.cookie.match(re)[0].split("=")[1] //return its value
return null

function setCookie(name, value, days){
var expireDate = new Date()
//set "expstring" to either an explicit date (past or future)
if (typeof days!="undefined"){ //if set persistent cookie
var expstring=expireDate.setDate(expireDate.getDate()+parseInt(days))
document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; "+popupboxBox.cookiesetting[1]
else //else if this is a session only cookie setting
document.cookie = name+"="+value+"; "+popupboxBox.cookiesetting[1]

var stitialvars=new Object() //temporary object to reference/ shorthand certain popupboxBox properties
stitialvars.freqtype=popupboxBox.displayfrequency[0] //"chance" or "cookie"
stitialvars.cookieduration=popupboxBox.displayfrequency[1] //"session" or int (integer specifying number of days)
stitialvars.cookiename=popupboxBox.cookiesetting[0] //name of cookie to use

if (stitialvars.freqtype=="chance"){ //IF CHANCE MODE
if (Math.floor(Math.random()*popupboxBox.displayfrequency[1])==0)
else if (stitialvars.freqtype=="cookie" && stitialvars.cookieduration=="session"){ //IF "SESSION COOKIE" MODE
if (getCookie(stitialvars.cookiename+"_s")==null){ //if session cookie is empty
setCookie(stitialvars.cookiename+"_s", "loaded")
else if (stitialvars.freqtype=="cookie" && typeof parseInt(stitialvars.cookieduration)=="number"){ //IF "PERSISTENT COOKIE" MODE
if (getCookie(stitialvars.cookiename)==null || parseInt(getCookie(stitialvars.cookiename))!=parseInt(stitialvars.cookieduration)){ //if persistent cookie is empty or admin has changed number of days to persist from that of the stored value (meaning, reset it)
setCookie(stitialvars.cookiename, stitialvars.cookieduration, stitialvars.cookieduration)

if (popupboxBox.launch){
Avatar użytkownika


  • Posty: 1
  • Dołączył(a): So kwi 07, 2012 6:21 pm

Re: popup em lightbox

przez XainPro » N kwi 08, 2012 1:09 pm

ohh deus
por que você não usar o plugin jQuery simples para esse fim.
plugin irá exigir menos código
Avatar użytkownika


  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm

+ Odpowiedz

Strona 1 z 1