PDA

View Full Version : splashpage conundrum



iglootoo
09-18-2008, 03:36 PM
1) Script Title: splashpage.js

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex3/dynamicsplash.htm

3) Describe problem: I am trying to get the script to work on Xampp on my local drive. I am not a js Savant by any stretch of the imagination and I wonder if someone can look at my settings to see where I have gone wrong.
This is the simple code for the landing page...
"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="js/splashpage.js">

/***********************************************
* Splash Page script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>
</head>
<body>
<p>Now is the time for all good men to come to the aid of their party.</p>
</body>
</html>"
*******
This is the relevant splashpage.js entries...
"//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
// Original Code splashpageurl: "http://images.google.com/",
splashpageurl: "http://localhost/website/splashpage1.html
//2) Enable frequency control? (1=yes, 0=no)
enablefrequency: 1,

//3) display freqency: "sessiononly" or "x days" (string value). Only applicable if 3) above is enabled
displayfrequency: "sessiononly",

//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="Skip to Content"><img src="images/skip.gif" border="0" width="114px" height="23px" /></a>test 1</div>',

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

//6) Auto hide Splash Page after x seconds (Integer value, 0=no)?
autohidetimer: 15,

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

*******
The html files are in the root directory(website)..the javascript images are in separate directories, in the root directory.
Thanks for the view.
IGLOOTOO

**Sorry for the truncated post. I had to attend a meeting.**
I have tried all sort of addressing for the splashpageurl, including the full path to the landing page, ie "c:\yada\yada\yada\yada.html" ; "http://localhost.website.splashpage1.html" ; "http://localhost/website/images/SaveOurForests.jpg" ; etc.
I tried variations of the Frequecy Control 1;0 ; I also increased the timer function to 150-no success.
I realize I am missing something fundamental-but that comes from being a noobe.

ddadmin
09-19-2008, 12:43 AM
One error I see is the following line:


splashpageurl: "http://localhost/website/splashpage1.html"

You're missing the closing " at the very end.

iglootoo
09-19-2008, 11:58 AM
Thanks for the response. I closed the quotes and still I only get the requested page without the javascript effects preceeding it.
What I am trying to accomplish is the following:
1. Site visitor clicks on link to page "greenbldg.html"
2. Initial page that comes up is a picture of woodlands that slowly disolves and exposes the requested page.
3. The picture would be in the body of a standard xhtml page.
What I have tried to do, is put the "splashpage.js" in the head of the "greenbldg.html" page. What I get is the "greenbldg.html" page without the "splashpage.js" effects.
I have read a lot of posts on this site, and for the purposes of this problem, I have removed all of the other .js files from the js directory, just in case they were interferring.
I think my path statement, "splashpageurl: "http://localhost/website/splashpage1.html"" is messed up. I don't fully comprehend the path statement in the example..."splashpageurl: "http://images.google.com/"", since there is no reference to an .html page although, if I paste that address into my address bar, sure enough the page comes up! That is why I think I am missing something simple, but very important.
Thanks again for your help.
Igloo

ddadmin
09-19-2008, 06:50 PM
Try verifying that the URL:


http://localhost/website/splashpage1.html

works on its own when entered into the browser (everything loads fine). I see it's a localhost domain- I assume this is just temporary as you develop the site locally?

iglootoo
09-20-2008, 09:48 PM
When I return to work Monday, I will test the link as you suggest. I think I tried it once, but the weekend beckoned and I answered its' siren call.
I also thought I had copied the complete website directory to my thumbdrive; I somehow managed to mess that up as well.
I relating these mis-adventures to you so you will understand that I can be a difficult student. :eek:

iglootoo
09-22-2008, 12:00 PM
I did as you requested and when I enter the
http://localhost/website/splashpage1.html
in my browser, that page comes up, but without the effects.
This is how the sample page is written...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="js/splashpage.js">

/***********************************************
* Splash Page script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>
</head>
<body>
<p>Now is the time for all good men to come to the aid of their party.</p>
</body>
</html>