Results 1 to 4 of 4

Thread: Splash Screen positioning

  1. #1
    Join Date
    Oct 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Splash Screen positioning

    1) Script Title: Splash Screen

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...amicsplash.htm

    3) Describe problem: I am having problems positioning the splash screen in the center of the browser window (horizontally) using absolute positioning.
    If I specify a left margin with pixels or percentage the div position varies depending on the screen resolution.

    See page here:
    http://bmanganolaw.com/index-test101811.php

    Any help would be appreciated. Thanks.

  2. #2
    Join Date
    Sep 2007
    Location
    The Netherlands
    Posts
    1,316
    Thanks
    28
    Thanked 136 Times in 131 Posts
    Blog Entries
    29

    Default

    Try something like:
    <div style="position: absolute; left:100px; top: 100px; right: 100px; bottom: 100px"></div>
    ===
    Arie Molendijk.

  3. #3
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,772
    Thanks
    2
    Thanked 410 Times in 405 Posts

    Default

    Code:
        //Splash Page script- http://www.dynamicdrive.com/
    //Created: August 17th, 2007'
    
    var splashpage={
    // Splash Page Script Activation (1=enabled, 0=completely disabled!)
    splashenabled: 1,
    
    //1) URL to file on your server to display as the splashpage
    splashpageurl: "splash_issue_2.htm",
    
    //2) Enable frequency control? (1=yes, 0=no)
    enablefrequency: 0,
    
    //3) display freqency: "sessiononly" or "x days" (string value). Only applicable if 3) above is enabled
    displayfrequency: "2 days",
    
    //4) HTML for the header bar portion of the Splash Page
    // Make sure to create a link that calls "javascript:splashpage.closeit()")
    // An IE bug means you should not right align any image within the bar, but instead use "position:absolute" and the "right" attribute
    
    defineheader: '<div style="padding: 5px; color: white; font: bold 16px Verdana; background: black url(images/blockdefault.gif) center center repeat-x;"><a style="position:absolute; top: 2px; right: 5px" href="javascript:splashpage.closeit()" title="Continue to Site"><img src="images/continue_to_site-button.png" border="0" width="114px" height="23px" /></a>Vote No on Issue 2</div>',
    
    //5) cookie setting: ["cookie_name", "cookie_path"]
    cookiename: ["splashpagecookie", "path=/"],
    
    //6) Auto hide Splash Page after x seconds (Integer value, 0=no)?
    autohidetimer: 0,
    
    ////No need to edit beyond here//////////////////////////////////
    
    launch:false,
    browserdetectstr: (window.opera&&window.getSelection) || (!window.opera && window.XMLHttpRequest), //current browser detect string to limit the script to be run in (Opera9 and other "modern" browsers)
    
    output:function(){
      var ww;
      if (window.innerHeight) ww=window.innerWidth-10;
      else if (document.documentElement.clientHeight) ww=document.documentElement.clientWidth-10,document.documentElement.clientHeight-10;
      else ww=document.body.clientWidth
    	document.write('<div id="slashpage" style="position: absolute; z-index: 9999; color: black; background-color: white; width: 703px; height: 550px;">') //Main splashpage container
    	document.write(this.defineheader) //header portion of splashpage
    	document.write('<iframe name="splashpage-iframe" src="about:blank" style="margin:0; padding:0; width:700px; height:550px"></iframe>') //iframe
    	document.write('<br />&nbsp;</div>')
    	this.splashpageref=document.getElementById("slashpage")
    	this.splashiframeref=window.frames["splashpage-iframe"]
    	this.splashiframeref.location.replace(this.splashpageurl) //Load desired URL into splashpage iframe
    	this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
    	if (!/safari/i.test(navigator.userAgent)) //if not Safari, disable document scrollbars
    	this.standardbody.style.overflow="hidden"
    	this.splashpageref.style.left=(ww-703)/2+"px"
    	this.splashpageref.style.top="50px"
    	this.splashpageref.style.width="703px"
    	this.splashpageref.style.height="550px"
    	this.moveuptimer=setInterval("window.scrollTo(0,0)", 50)
    },
    
    closeit:function(){
    	clearInterval(this.moveuptimer)
    	this.splashpageref.style.display="none"
    	this.splashiframeref.location.replace("about:blank")
    	this.standardbody.style.overflow="auto"
    },
    
    init:function(){
    	if (this.enablefrequency==1){ //if frequency control turned on
    		if (/sessiononly/i.test(this.displayfrequency)){ //if session only control
    			if (this.getCookie(this.cookiename[0]+"_s")==null){ //if session cookie is empty
    				this.setCookie(this.cookiename[0]+"_s", "loaded")
    				this.launch=true
    			}
    		}
    		else if (/day/i.test(this.displayfrequency)){ //if persistence control in days
    			if (this.getCookie(this.cookiename[0])==null || parseInt(this.getCookie(this.cookiename[0]))!=parseInt(this.displayfrequency)){ //if persistent cookie is empty or admin has changed number of days to persist from that of the stored value (meaning, reset it)
    				this.setCookie(this.cookiename[0], parseInt(this.displayfrequency), parseInt(this.displayfrequency))
    				this.launch=true
    			}
    		}
    	}
    	else //else if enablefrequency is off
    		this.launch=true
    	if (this.launch){
    		this.output()
    		if (parseInt(this.autohidetimer)>0)
    			setTimeout("splashpage.closeit()", parseInt(this.autohidetimer)*1000)
    	}
    },
    
    getCookie:function(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
    },
    
    setCookie:function(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()+"; "+splashpage.cookiename[1] //last portion sets cookie path
    	}
    else //else if this is a session only cookie setting
    	document.cookie = name+"="+value+"; "+splashpage.cookiename[1] //last portion sets cookie path
    }
    
    }
    
    if (splashpage.browserdetectstr && splashpage.splashenabled==1)
    	splashpage.init();
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  4. #4
    Join Date
    Oct 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Vic,

    Worked great, thanks for the help.

    Jim

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •