Splash page

Hi,
I’ve taken over a website and it’s programmed using asp.
I have no knowledge of asp and now my client wants me to add a splash page to the website.
I would love some help on how to do this, thank you.
here is the site: www.westfest.ca

Yup, That worked! very cool. I hope my client will be happy with that.
Thank you.

I agree with everyone about not having a splash page, but as you do then so be it.

Cookies are good - only when a user has them enabled.

Another option would be to track IP addresses and only show the pop up the first time a new IP address hits your page. Probably too much work and overhead though. I would stick with cookies and for those who have cookies diabled, use a session variable or something or you will annoy the hell out of your visitors.

Good luck.

HI,
Thanks for your input, and I do realize that it is confusing for the visitor of the site, but I am being paid to do what my client tells me, the website does not belong to me and I did not build it, I was hired to do whatever my client tells me to do, and they want a splash page that appears, holds for 15sec then disappears to the normal site. Stupid, yes, are they paying me, yes, do I want to do it, no, but its my job.
Since I am a new web designer (just graduated) I need help from forums to get my results.
Sorry if I am ranting but i am on a deadline and not getting anywhere, any help or ideas would be much appreciated.
thanks

I am in total agreement with Mr Anderson. It would probably be better to try and talk the client out of the splash page idea as it adds nothing to the site at all. :nono:

Also I could not see a way to get beyond it as your image that you have to click is missing. Imagine if someone with less of an idea landed on the page - they would have no idea what the hell to do, probably not bother trying and go somewhere else.

I had to remove the splash page over night because it was causing errors.

It’s up now, would be great if you could have a look and see why it looks different in the browsers.

also…when I click on links on the site after the splash page disappears, it returns to the splash page again ? ? ?

thanks.
www.westfest.ca

I decided to copy and past the entire script because their is code that explains the cookie settings which I do not understand:

//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: "images/ChristineLeadman_mockup1.jpg",

 

//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: 0px; color: white; font: bold 16px Verdana; background: black url(blockdefault.gif) center center repeat-x;"><a style="position:absolute; top: 2px; right: 5px" href="javascript:splashpage.closeit()" title="Skip to Content"><img src="images/skip.gif" border="0" width="114px" height="23px" /></a></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(){

            document.write('<div id="slashpage" style="margin:auto; z-index: 1000;">') //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; border:none; width:1024px; height:768px"></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=0

            this.splashpageref.style.top=0

            this.splashpageref.style.width="1024px"

            this.splashpageref.style.height="768px"

            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()

I’d like to set the cookie but not sure if I use this code (which sits inside my Splash Page script) to do it:
//5) cookie setting: [“cookie_name”, “cookie_path”]
cookiename: [“splashpagecookie”, “path=/”],

Seems like a lot of effort for little or no gain.

HATE HATE HATE HATE!

ok, I will check my HTML/CSS for my first problem, thanks for that. But oh boy, i do not know how to set cookies and not really sure what cookies are.

I just found this piece of code in my Splash Page script:

//5) cookie setting: [“cookie_name”, “cookie_path”]
cookiename: [“splashpagecookie”, “path=/”],

I found the problem, the z-index was set to 100 and apparently that was not enough so i boosted it to 1000.

thanks again for your help!

Hi Again,
Your advice worked perfectly, much appreciated.
I am having another issue with z-index I believe.

The splash page loads perfectly, except part of the index page shows up above the splash page and I am not sure how to resolve the issue.
here is the page again: www.westfest.ca

thanks

thread moved to javascript forum.

well, everything looks perfect in firefox, but terrible in ie, safari, chrome.

IE: shows a scroll bar and border (I thought I removed the border in the code)
Safari & Chrome: the splash image just sits above the index page and does some weird flashing when u try to scroll down ???

<snip/>

We have all been there and we have all done things because the client demands it be done!

You need to check where http://www.westfest.ca/site/skip.gif is because its not showing up.

  1. Set a cookie to record that the splash image has been shown. Then on each page check that cookie before showing the splash image.

  2. Is most likely the HTML/CSS that’s the issue. In IE8 the splash has scrollbars. In Chrome the splash is OK but the main content is noticeable below the splash but the scroll action is inhibited.

Bear in mind that no splash will be seen if the user has Javascript disabled in their browser - easy to do in FF and Chrome.

In regards to my problem #1 (page looking like crap in other browser):

I checked my css on the Splash page script and I think it may have something to do with position:absolute not being present, anyone have any idea?

thanks

//2) Enable frequency control? (1=yes, 0=no)

enablefrequency: 0,

… Try changing that to …

//2) Enable frequency control? (1=yes, 0=no)

enablefrequency: 1,

There are plenty of DHTML javascript effects out there just search google for DHTML Javascript Splash Screen.

Simply you embed the Javascript code in your home page and your away!

Beware though people don’t like pop up style activity anymore and may distract visitors from entering your site completely.

Your call!!!

That looks Perfect! Thanks a million!