Submit Your Article Forum Rules

Results 1 to 9 of 9

Thread: AJAX Issues - multiple uses not cooperating

  1. 07-27-2008, 10:38 PM #1
    ackerley1
    ackerley1 is offline
    Senior Member
    Join Date
    Jul 2003
    Posts
    293

    AJAX Issues - multiple uses not cooperating

    I am developing a site and would like to use the fisheye navigation menu and lightbox image AJAX features. I encounter a problem when they both occur on the same page... which will be quite often.

    You can see the two demo's here:

    Sands Villas v1 - Fisheye.

    Sands Villas v1 - Lightbox.

    Independantly they both work well and as they should. I added the lightbox after and it caused the problems.

    I narrowed it down to something in the

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

    file. If I comment that out, then the fisheye works and the link for the image works as well (without the lightbox, just opens image old fashioned style in the browser).

    I know so little about the ins and outs of AJAX and JavaScript that I wouldn't know where to begin.

    Can anyone help me out with this?

    thanks
    Rob
    Reply With Quote Reply With Quote
  2. 07-28-2008, 08:18 AM #2
    DaveSawers
    DaveSawers is offline
    WebProWorld MVP DaveSawers's Avatar
    Join Date
    Dec 2006
    Location
    Lunenburg, Nova Scotia, Canada
    Posts
    760

    Re: AJAX Issues - multiple uses not cooperating

    I couldn't see a prototype.js in either version you reference.

    How are you doing the AJAX stuff? If you have just written your own simple code to handle the AJAX, then you need to be careful to use different object names in the JavaScript for different events that may be fired around the same time or for the same event that may be fired many times in succession. Since AJAX is asynchronous, AJAX calls may not be completed in the order they were fired off.
    Dynamic Software Development
    www.activeminds.ca
    Reply With Quote Reply With Quote
  3. 07-28-2008, 09:58 AM #3
    wige
    wige is offline
    WebProWorld MVP wige's Avatar
    Join Date
    Jun 2006
    Posts
    3,138

    Re: AJAX Issues - multiple uses not cooperating

    First, both example links point to the same example, which is the fisheye, so I couldn't test the lightbox.

    From your explanation, though, it sounds like you are using Javascript libraries created by third parties to generate the fisheye and lightbox capabilities. If these systems were created by different developers (or possibly even the same developer) it is possible they have similar naming conventions. I would scan through the code for the two systems to try to find any duplication of variable names.

    Additionally, there are a few tools that I have found useful for diagnosing scripting problems. The first is if you use Internet Explorer 8 Beta, the built in Developer Tools includes a runtime analyzer for Javascript that may be able to locate the issue. If you use Firefox, the Firebug and Console2 addons can give a lot of diagnostic information.
    The best way to learn anything, is to question everything.
    WigeDev - Freelance web and software development
    Reply With Quote Reply With Quote
  4. 07-28-2008, 04:14 PM #4
    DrayScherm
    DrayScherm is offline
    Member
    Join Date
    Mar 2007
    Posts
    46

    Re: AJAX Issues - multiple uses not cooperating

    I've used the lightbox javascript a couple of times. According to the author of the script, sometimes multiple javascripts on the same page cause problems.

    His lightbox documentation provides a solution that works for me:

    In the <body> tag of the page there is typically an "onload" line to pre-load the images. At the end of this line, still in the body tag, append ;initLightbox()

    ... Duane
    ---------
    www.draydesign.com
    Reply With Quote Reply With Quote
  5. 07-28-2008, 04:51 PM #5
    deepsand
    deepsand is offline
    WebProWorld MVP deepsand's Avatar
    Join Date
    May 2004
    Location
    State College, PA
    Posts
    16,449

    Re: AJAX Issues - multiple uses not cooperating

    Correct URL for the Lightbox example is Sands Villas v1 .
    Hound Dog Tours: Home of the Penn State Ticket Man & the world's largest privately controlled inventory of tickets for Penn State Nittany Lions Football
    Reply With Quote Reply With Quote
  6. 07-29-2008, 11:51 PM #6
    ackerley1
    ackerley1 is offline
    Senior Member
    Join Date
    Jul 2003
    Posts
    293

    Re: AJAX Issues - multiple uses not cooperating

    All, deepsand found the correct URL for the light box - thanks... I will look at the suggestions by wige and dray and report back any findings.

    Rob
    Rob
    Reply With Quote Reply With Quote
  7. 08-02-2008, 01:57 PM #7
    ackerley1
    ackerley1 is offline
    Senior Member
    Join Date
    Jul 2003
    Posts
    293

    Re: AJAX Issues - multiple uses not cooperating

    Well after much more head scratching, I have not been able to figure it out. There is no onload in the body and thus the dray didn't work and as stated in my original post my knowledge of JS is very very limited.

    Can anyone find the time to take a closer look at this and let me know if there is a solution... I would really like to use both features, but cannot spend any more time banging my head against the wall with no progress or solution.

    Please help
    Rob
    Reply With Quote Reply With Quote
  8. 08-03-2008, 10:35 AM #8
    kgun
    kgun is offline
    WebProWorld MVP kgun's Avatar
    Join Date
    May 2005
    Location
    Norway
    Posts
    7,999

    Re: AJAX Issues - multiple uses not cooperating

    Quote Originally Posted by DaveSawers View Post
    I couldn't see a prototype.js in either version you reference.
    That file is here:

    http://sandsvillasbelize.com/js/prototype.js

    Quote Originally Posted by wige View Post
    Additionally, there are a few tools that I have found useful for diagnosing scripting problems. The first is if you use Internet Explorer 8 Beta, the built in Developer Tools includes a runtime analyzer for Javascript that may be able to locate the issue. If you use Firefox, the Firebug and Console2 addons can give a lot of diagnostic information.
    I suggest that you install Firebug - Web Development Evolved and learn to use

    (KW search: firebug tutorials)

    that tool. That may solve your problem.

    Introduction to Debugging AJAX Application with Firebug
    Mini Network:: Financial information at your fingertips
    Learn object oriented programming where it started
    Conversations creates communities and conversions create profit.
    Reply With Quote Reply With Quote
  9. 08-04-2008, 06:20 PM #9
    DrayScherm
    DrayScherm is offline
    Member
    Join Date
    Mar 2007
    Posts
    46

    Re: AJAX Issues - multiple uses not cooperating

    Use this as your body tag:

    <body onload="initLightbox()">

    and see what happens....

    ... Duane
    ---------
    www.draydesign.com
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Similar Threads

  1. Multiple Merchant Accounts for Multiple Stores?
    By Marc Bowker in forum eCommerce Discussion Forum
    Replies: 13
    Last Post: 08-31-2007, 09:52 AM
  2. Multiple css for multiple browsers/ platforms
    By slideri812 in forum Graphics & Design Discussion Forum
    Replies: 4
    Last Post: 10-06-2005, 12:45 PM
  3. Recapping multiple domain Issues SEO Issue.
    By woconno4 in forum Search Engine Optimization Forum
    Replies: 4
    Last Post: 09-13-2005, 03:46 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Forum Rules