Web Design Forums

gotnousername · 15-10-2009, 17:55

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?

gotnousername · 15-10-2009, 18:26

Anyone want to help a print monkey?

freelancr · 15-10-2009, 18:29

Using jQuery with Other Libraries - jQuery JavaScript Library

gotnousername · 15-10-2009, 18:35

Yeah have been reading that, but not sure if I have correctly used in my head: jQuery.noConflict();

delatorre · 15-10-2009, 19:16

This might be worth a read - Dollar Safe Mode

Edit: typo in link url

adras · 15-10-2009, 20:00

Using jQuery and MooTools Together

cjgraphix · 15-10-2009, 20:12

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.

Shiro · 16-10-2009, 00:41

You are probably making more than one 'onload' function call. You need to combine them into one.

Synook · 16-10-2009, 01:31

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.

gotnousername · 16-10-2009, 09:32

Quote:

Originally Posted by Synook

Agreed. I'm sure you can find a sliding navigation effect in jQuery.

My thoughts too.

gotnousername · 16-10-2009, 11:23

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.

Tom · 16-10-2009, 11:29

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.

gotnousername · 16-10-2009, 11:30

Show me tom!

Tom · 16-10-2009, 11:37

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;
}

gotnousername · 16-10-2009, 11:39

Sorry mate, but how would this slide?

Tom · 16-10-2009, 11:40

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?

gotnousername · 16-10-2009, 11:42

Hmmmmm.. The sub nav should slide out from the nav to the left mate.

Well work and about us should anyway.

Tom · 16-10-2009, 11:45

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.

Juice · 16-10-2009, 11:48

http://net.tutsplus.com/html-css-tec...-using-jquery/

Sorted

gotnousername · 16-10-2009, 11:52

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.

15-10-2009, 17:55	#1 (permalink)
gotnousername Chavtastic Join Date: Jun 2005 Posts: 3,689	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?

15-10-2009, 20:00	#6 (permalink)
adras 1337 Join Date: May 2004 Location: Toronto, Canada Superpower: Diamond finger Posts: 2,600	Using jQuery and MooTools Together __________________ be crisp™ \| <(-_-)>

15-10-2009, 20:12	#7 (permalink)
cjgraphix Website Developer Join Date: Jun 2007 Location: Pacific Northwest Posts: 666	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. __________________ Bend Oregon Web Design and Website Development

16-10-2009, 00:41	#8 (permalink)
Shiro 代表取& Join Date: Aug 2007 Location: Yokohama, Japan Posts: 12,948	You are probably making more than one 'onload' function call. You need to combine them into one. __________________ This space for rent. Jaypan \| After Hours Japan

16-10-2009, 11:37	#14 (permalink)
Tom Moderator Join Date: Jan 2007 Posts: 9,881	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; }

15-10-2009, 18:26	#2 (permalink)
gotnousername Chavtastic Join Date: Jun 2005 Posts: 3,689	Anyone want to help a print monkey?

15-10-2009, 18:29	#3 (permalink)
freelancr Web Developer Join Date: Oct 2006 Posts: 5,726	Using jQuery with Other Libraries - jQuery JavaScript Library

15-10-2009, 18:35	#4 (permalink)
gotnousername Chavtastic Join Date: Jun 2005 Posts: 3,689	Yeah have been reading that, but not sure if I have correctly used in my head: jQuery.noConflict();

15-10-2009, 19:16	#5 (permalink)
delatorre Vegetating Join Date: Oct 2008 Location: Pais del Scorchio Posts: 171	This might be worth a read - Dollar Safe Mode Edit: typo in link url

16-10-2009, 11:23	#11 (permalink)
gotnousername Chavtastic Join Date: Jun 2005 Posts: 3,689	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.

16-10-2009, 11:30	#13 (permalink)
gotnousername Chavtastic Join Date: Jun 2005 Posts: 3,689	Show me tom!

16-10-2009, 11:39	#15 (permalink)
gotnousername Chavtastic Join Date: Jun 2005 Posts: 3,689	Sorry mate, but how would this slide?

16-10-2009, 11:42	#17 (permalink)
gotnousername Chavtastic Join Date: Jun 2005 Posts: 3,689	Hmmmmm.. The sub nav should slide out from the nav to the left mate. Well work and about us should anyway.

16-10-2009, 11:45	#18 (permalink)
Tom Moderator Join Date: Jan 2007 Posts: 9,881	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.

16-10-2009, 11:48	#19 (permalink)
Juice Senior Member Join Date: Jun 2008 Location: Ireland Posts: 1,226	http://net.tutsplus.com/html-css-tec...-using-jquery/ Sorted

16-10-2009, 11:52	#20 (permalink)
gotnousername Chavtastic Join Date: Jun 2005 Posts: 3,689	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.

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

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search