Member Avatar for 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?

  • 3 Contributors
  • 3 Replies
  • 355 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by oop_php

Dani AI

Generated

Brief diagnostic and practical fixes for 's thread (builds on notes from and ).

Symptoms point to client-side resources failing on the hosted site: the page’s interactive JavaScript never runs because the library it depends on isn’t being loaded, and several referenced image assets return 404. On a local filesystem Windows/Mac will happily mask path and case problems that a Linux web host will not, so things that work locally can silently break once uploaded.

Quick checklist to isolate and fix the problem:

  • Open the browser Developer Tools (Console and Network) and reload the page. Note any JavaScript errors and every 404 entry; the requested URL shown is the key to why the server can’t find the file.
  • Confirm the JS library is actually present before any custom scripts run. A missing library produces “undefined” or “$ is not defined” errors and prevents the reveal/close behaviors from attaching.
  • Remember CSS image URLs are resolved relative to the CSS file’s location (not the HTML). Verify the image files are uploaded to the exact path and that filenames match case exactly.
  • Check file permissions/ownership (typical files 644, folders 755) and any .htaccess rules or hotlink protection that might block static resources.
  • If a hosted CDN URL is used, prefer an absolute or protocol-relative reference and provide a local fallback copy so the page still works if the remote load fails.

Small runtime test (paste into the page or run in the Console) to confirm whether the core library is present:

console.log('jQuery loaded?', typeof jQuery === 'function' ? jQuery.fn.jquery : 'not loaded');

If the log shows “not loaded,” fix the library include first, then re-check asset paths revealed by the Network tab. Common final fixes: correct the include path (or add a local fallback), upload the missing image files to the exact directories seen in Network, and adjust any incorrect capitalization in filenames. These steps resolve the usual local-vs-hosted discrepancies that prevent the intended JavaScript effects from appearing.

Recommended Answers

All 3 Replies

Member Avatar for IIM

:- 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

Member Avatar for 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...

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.