Reply Thread Tools Search this Thread
Old 15-10-2009, 17:55   #1 (permalink)
gotnousername
Chavtastic
 
gotnousername's Avatar
 
Join Date: Jun 2005
Posts: 4,066
Multiple javascript libraries.

I have made a sliding navigation with a Mootools library and also have image transitions on the same page with a JQuery (Cycle).

They work fine independently, but when they are both on the same html page only the code that is lowest down in the html works.

Is it a headache to get both working together or am I missing something?
  Reply With Quote
Old 15-10-2009, 18:26   #2 (permalink)
gotnousername
Chavtastic
 
gotnousername's Avatar
 
Join Date: Jun 2005
Posts: 4,066
Anyone want to help a print monkey?
  Reply With Quote
Old 15-10-2009, 18:29   #3 (permalink)
freelancr
Senior Member
 
freelancr's Avatar
 
Join Date: Oct 2006
Posts: 6,686
  Reply With Quote
Old 15-10-2009, 18:35   #4 (permalink)
gotnousername
Chavtastic
 
gotnousername's Avatar
 
Join Date: Jun 2005
Posts: 4,066
Yeah have been reading that, but not sure if I have correctly used in my head: jQuery.noConflict();
  Reply With Quote
Old 15-10-2009, 19:16   #5 (permalink)
delatorre
Vegetating
 
delatorre's Avatar
 
Join Date: Oct 2008
Location: Pais del Scorchio
Posts: 172
This might be worth a read - Dollar Safe Mode

Edit: typo in link url
  Reply With Quote
Old 15-10-2009, 20:00   #6 (permalink)
adras
1337
 
adras's Avatar
 
Join Date: May 2004
Location: Toronto, Canada Superpower: Diamond finger
Posts: 2,562
Send a message via MSN to adras
__________________
be crisp™ | <(-_-)>
  Reply With Quote
Old 15-10-2009, 20:12   #7 (permalink)
cjgraphix
Website Developer
 
cjgraphix's Avatar
 
Join Date: Jun 2007
Location: Pacific Northwest
Posts: 658
I would highly suggest not using more than one library (even if they can be used together) You are just loading more overhead on every page call.
__________________
  Reply With Quote
Old 16-10-2009, 00:41   #8 (permalink)
Shiro
社長
 
Shiro's Avatar
 
Join Date: Aug 2007
Location: Yokohama, Japan
Posts: 14,677
You are probably making more than one 'onload' function call. You need to combine them into one.
__________________
This space for rent.

Jaypan | Ramenities
  Reply With Quote
Old 16-10-2009, 01:31   #9 (permalink)
Synook
What happened?
 
Synook's Avatar
 
Join Date: Jul 2008
Posts: 2,159
Quote:
Originally Posted by cjgraphix
I would highly suggest not using more than one library (even if they can be used together) You are just loading more overhead on every page call.
Agreed. I'm sure you can find a sliding navigation effect in jQuery.
__________________
Web developer • AspektasBlogTwitter


  Reply With Quote
Old 16-10-2009, 09:32   #10 (permalink)
gotnousername
Chavtastic
 
gotnousername's Avatar
 
Join Date: Jun 2005
Posts: 4,066
Quote:
Originally Posted by Synook
Agreed. I'm sure you can find a sliding navigation effect in jQuery.


My thoughts too.
  Reply With Quote
Old 16-10-2009, 11:23   #11 (permalink)
gotnousername
Chavtastic
 
gotnousername's Avatar
 
Join Date: Jun 2005
Posts: 4,066
Right then...

Have been searching but haven't found anything that I can adapt...

My existing (mootools based) nav is: THIS IS THE HOME PAGE

Just want something similar that can scroll copy left and right.
  Reply With Quote
Old 16-10-2009, 11:29   #12 (permalink)
Tom
Space Monkey
 
Tom's Avatar
 
Join Date: Jan 2007
Posts: 10,448
Quote:
Originally Posted by gotnousername
My existing (mootools based) nav is: THIS IS THE HOME PAGE

That nav you've shown there can be done with a few lines of CSS.
  Reply With Quote
Old 16-10-2009, 11:30   #13 (permalink)
gotnousername
Chavtastic
 
gotnousername's Avatar
 
Join Date: Jun 2005
Posts: 4,066
Show me tom!
  Reply With Quote
Old 16-10-2009, 11:37   #14 (permalink)
Tom
Space Monkey
 
Tom's Avatar
 
Join Date: Jan 2007
Posts: 10,448
Mark up the HTML as a list.

Then CSS something like this with pseudo classes:

Code:
a.mitchs:link { color: grey; } a.mitchs:visited { color: grey; } a.mitchs:active { color: grey; } a.mitchs:hover { color: green; }
  Reply With Quote
Old 16-10-2009, 11:39   #15 (permalink)
gotnousername
Chavtastic
 
gotnousername's Avatar
 
Join Date: Jun 2005
Posts: 4,066
Sorry mate, but how would this slide?
  Reply With Quote
Old 16-10-2009, 11:40   #16 (permalink)
Tom
Space Monkey
 
Tom's Avatar
 
Join Date: Jan 2007
Posts: 10,448
Quote:
Originally Posted by gotnousername
Sorry mate, but how would this slide?

The example you've linked to isn't sliding? Just bog standard vertical nav?
  Reply With Quote
Old 16-10-2009, 11:42   #17 (permalink)
gotnousername
Chavtastic
 
gotnousername's Avatar
 
Join Date: Jun 2005
Posts: 4,066
Hmmmmm.. The sub nav should slide out from the nav to the left mate.

Well work and about us should anyway.
  Reply With Quote
Old 16-10-2009, 11:45   #18 (permalink)
Tom
Space Monkey
 
Tom's Avatar
 
Join Date: Jan 2007
Posts: 10,448
Sorry fella, seem to have got our wires crossed here, nothing sliding for me (FF3.5/OSX), just looks like a standard vertical nav, which was why I was wondering why you weren't just using CSS for it.

I'll get me coat.
  Reply With Quote
Old 16-10-2009, 11:48   #19 (permalink)
Juice
Senior Member
 
Juice's Avatar
 
Join Date: Jun 2008
Location: Ireland
Posts: 1,212
  Reply With Quote
Old 16-10-2009, 11:52   #20 (permalink)
gotnousername
Chavtastic
 
gotnousername's Avatar
 
Join Date: Jun 2005
Posts: 4,066
Tom, you are saying that when you click on "our work" that nothing slides out from it?

Firefox 3.0.11 & 3.5.3 works fine on OSX here. Also been quickly checked on Safari, Opera, Explorer...

It is a hash of code that is a bodge, but it should work.
  Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search


Contact Us - Web Design Forums - Archive
vBulletin © 2000-2009 Jelsoft Enterprises Limited.
Search Engine Optimization by vBSEO 3.0.0 RC8