Web page with JS and PHP works locally but not on the web.

[ukhostland]

I have found myself well out of my depth, using a template to create a web site with both JS and PHP scripts. Perhaps someone here can help me?

The single page website is accually finished and works well when viewed in a browser from local files. These have been uploaded to 1and1 (my host) but fail to produce some of the nice little effects as intended when viewed online.

As far as I can see the files have all been uploaded in their correct position and order (it seems to be very important to have ajax.googleapis.com in the correct level - I had it wrong at first on my local drive)
The site is www.garden-design.co.uk

When you land on the page the only thing you should see is a large area with a black background (and text and photo) and the menu on the LHS.

What you actually see should be reveiled only by pressing the "continue" button. It should close down again by clicking the www.garden-design.co.uk speach balloon.

Any ideas what I (or 1and1) have done?

[oop_php]

Hello,

This js file reference <script type="text/javascript" src="../ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">

it has to be rewrite as

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">

[IIM]

@oop_php :- As per what i can see he is using correct:-

<script type="text/javascript" src="ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">

I just checked the page source and it is showing this.

There is resource error:-

Failed to load resource: the server responded with a status of 404 (Not Found) http://www.garden-design.co.uk/static/css/img/nav_bg.gif

Failed to load resource: the server responded with a status of 404 (Not Found) http://www.garden-design.co.uk/static/css/img/main_bg.gif

[oop_php]

The last time I visited his site, it was ..ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js, but now I looked at it again it is on what you saw..

He still need to change it with http:// , OR omit the http: and just use // , because he is accessing the file from google hosted ajax libraries.. Unless, he wants to download it from here, and just save it to his server.

for more instructions on how to use google hosted libraries, they are available here...