help needed for non coder!

silverdigit · #1 (**permalink**) Oct 1st, 2007, 20:54

Hi, I am trying to implement lightbox2 on a site. I have installed all the files, set up a dummy image, included the relevant code in the href but it just opens in a new window. All the files can be found here www.treehuggercards.co.uk/lightbox.htm

any help would be appreciated

Jack Franklin · #2 (**permalink**) Oct 1st, 2007, 21:20

The only thing I can think of is that your page is .htm. Try making it .html. It's a long shot but apart from that I cannot see anything wrong and I myself have set up a lightbox. Hmm.

EDIT-Make the script links like they are in the lightbox test page.

Code: Select all

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
 
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

So add in those extra directories. That might work. You never know!

Jack

silverdigit · #3 (**permalink**) Oct 1st, 2007, 21:39

Hi, Thanks for the reply.

I have tried changing it to .html without any joy. I have also tried the links with and without the [ js/ ], no joy. I have all the files in the httpdocs folder as i have no access to the actual root on the server, is this the corect location? I removed the [ js/ ] element in the links because I asumed the example had the js files in a different location, however I will try replacing them.

Fingers crossed

UPDATE: No joy with [ js/ ] in the links!

alexgeek · #4 (**permalink**) Oct 1st, 2007, 21:43

if the JS files are in the root of your website
link like:
/lightbox.js

c010depunkk · #5 (**permalink**) Oct 2nd, 2007, 06:37

Are you sure that the files are being included? Are you getting any javascript errors? Have you configured everything like it says in the installation guide? (the lightbox version that I use needs a call to the "initLightBox()" funtion in the onload tag of the body...)

Systematic debugging! Eliminate possible errors systematically!

silverdigit · #6 (**permalink**) Oct 2nd, 2007, 08:11

Quote:

Originally Posted by c010depunkk

Are you sure that the files are being included? Are you getting any javascript errors? Have you configured everything like it says in the installation guide? (the lightbox version that I use needs a call to the "initLightBox()" funtion in the onload tag of the body...)

Answering in order:

I am not sure the files are being included - everyone talks about the [root] of the site, as i am unable to get access to the server root the js files live in a folder called [ js ] which is in the httpdocs folder on the server along with the .css and lightbox.html file. The link from the .html file is constructed thus -<script type="text/javascript" src="js/prototype.js"></script>Is this correct?

I am not getting any javascript errors [i wish] at least then i would know it was talking to the js files!

How do I do the call to the "initLightBox()" funtion in the onload tag of the body? Do I have to add or change anything in the .js files?

Thanks for the help guys

c010depunkk · #7 (**permalink**) Oct 2nd, 2007, 08:17

Quote:

Originally Posted by silverdigit

I am not sure the files are being included - everyone talks about the [root] of the site, as i am unable to get access to the server root the js files live in a folder called [ js ] which is in the httpdocs folder on the server along with the .css and lightbox.html file. The link from the .html file is constructed thus -<script type="text/javascript" src="js/prototype.js"></script>Is this correct?

Well you could try making a simple .js file with one function that outputs an alert:

Code: Select all

function doAlert() {
  alert('Im being included! YAY!');
}

Put it in the same folder as your lightbox files, include it using the same code as you use to include the lightbox files and then call the function to see if it's really being included:

HTML: Select all

<body onload="doAlert();">

See if you get any errors....

Quote:

Originally Posted by silverdigit

How do I do the call to the "initLightBox()" funtion in the onload tag of the body? Do I have to add or change anything in the .js files?

See above. But before you just do that, read the documentation for your lightbox version. Like I said, that's just my version that requires that. I know that some others don't.

silverdigit · #8 (**permalink**) Oct 2nd, 2007, 08:54

Quote:

Originally Posted by c010depunkk

Well you could try making a simple .js file with one function that outputs an alert:

Code: Select all

function doAlert() {
  alert('Im being included! YAY!');
}

Put it in the same folder as your lightbox files, include it using the same code as you use to include the lightbox files and then call the function to see if it's really being included:

HTML: Select all

<body onload="doAlert();">

See if you get any errors....

First question - which version are you using? I am on v2

I have done the test with same result!

The [js] files are now in a separate [js] folder, so is this path now correct with the .html file in httpdocs:

<script type="text/javascript" src="js/prototype.js"></script>

I have also added this

<body onload="initLightbox()">

thanks

c010depunkk · #9 (**permalink**) Oct 2nd, 2007, 13:34

Quote:

Originally Posted by silverdigit

First question - which version are you using? I am on v2

I'm using a modified version of v2....

Quote:

Originally Posted by silverdigit

I have done the test with same result!

The [js] files are now in a separate [js] folder, so is this path now correct with the .html file in httpdocs:

<script type="text/javascript" src="js/prototype.js"></script>

OK, If your file structure looks like this:

Code: Select all

- httpdocs
-- index.html
-- js
--- prototype.js

then the path you are using should be correct.

You could also use an absolute path:

Code: Select all

http://www.yoursite.com/js/prototype.js

silverdigit · #10 (**permalink**) Oct 2nd, 2007, 15:38

Quote:

Originally Posted by c010depunkk

I'm using a modified version of v2....

OK, If your file structure looks like this:

Code: Select all

- httpdocs
-- index.html
-- js
--- prototype.js

then the path you are using should be correct.

You could also use an absolute path:

Code: Select all

http://www.yoursite.com/js/prototype.js

Well progress if only small!

The test js script gets called when page loads.

It is in the same location as the other scripts. Then i moved it to a folder named js and tried again, it failed, so i inserted [ /js ] into the link and it worked. I then inserted the same into the js scripts for lightbox but they still did not work.

So at least i know the path is correct because the test script works which means it has to be something in the javascript?? or do i need to call it in the body tag?

thanks again

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
PHP Coder needed . . .	ajsiv	Job Opportunities	0	Jan 25th, 2007 19:32
php coder needed!!!	iceman	Job Opportunities	0	Aug 2nd, 2006 15:09
php coder needed	iceman	PHP Forum	0	Aug 2nd, 2006 15:03
php coder needed	iceman	Introduce Yourself	1	Aug 2nd, 2006 00:53
Needed Coder.	Ashleigh04	PHP Forum	0	Jun 14th, 2006 19:09

		Webforumz.com > Main Forums > Program Your Website > JavaScript Forum
help needed for non coder!