Grow your CSS skills. Land your dream job.

Javascript help anyone?

  • # October 11, 2008 at 6:17 pm

    Note: I’m new to Javascript…understand basics, but that’s about all.

    I designed http://www.crainefrahm.com a while back and it’s a total mess in terms of coding. It uses opencube’s Tree Menu, which isn’t registered so on PC’s there is a "unregistered" warning message that pops up. I finally found a better menu solution with the SBD accordion menu, originally developed for Joomla.

    In attempting to implement the accordion menu within a HTMLHttpRequest framework (to avoid page reloads, my main goal with this project), I’m now running into trouble when trying to call javascript gallery pages into my target DIV.

    In a nutshell, I’m trying to use a Javascript menu, a javascript framework to call pages, and a javascript image gallery and I have no idea how to avoid Javascript conflicts which I believe are preventing pages from loading.

    Visit http://www.urbanbricks.com/clientfolder/cfa for a demo, note that on the menu, clicking on the small CFA logo and then "Company" will load "about.html" into my target DIV, and clicking on "FTP Access" will load "ftp.html". However clicking on "Hospitality/Resort" > "The Lodge & Spa at Shock Hill" is supposed to load "test.html" into the target DIV but simply won’t…I believe because test.html employs the use of the ‘Galleria’ javascript image gallery (http://tinyurl.com/4tnbv3) and causes the conflicts.

    Help….please?

    # October 13, 2008 at 1:40 pm

    Hi Urban,

    I’d recommend using one JS framework to avoid conflicts. jQuery allows you to use jQuery() instead of the $() to avoid these issues but I’m not sure about Mootools, etc.

    Both jQuery and Mootools have a range of plugins that will provide all your needs. So I’d go with just the one. Why load two or three frameworks when you can use just one.

    You could go with jQuery if your using Galleria (which is a great gallery plugin) and find one of the many jQuery accordians out there then use jQuerys .load() function to bring in the external pages into the div.

    Less headaches for you.

    Toby :D

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".