onClick, onMouseover, onMouseout Together!

[danhodges99]

Hey guys, I'm designing a site. I can get these commands to work, but never all together! Eg I wish to have a blue button to start with, which changes red onMouseover, then changes to a new button when clicked, then back to the original. Any Ideas?
Much appreciated.

 

[xutopia]

use onmousedown and onmouseup, onmouseover and onmouseout to reach your goal.

Gary

http://www.xutopia.com

Haran
==========================

 

[deecee]

make sure they are seperated as such

onmouseover="whatever"; onmouseout="whatever"; onmouseup="whatever"

[Hammer]
Nike Failed Slogans -- "Just Don't Do It!"

 

[zoobie]

Huh? They belong all together in the first place.

 

[deecee]

ignore my post

i was breaking up multiple of one instance

[Hammer]
Nike Failed Slogans -- "Just Don't Do It!"

 

[theocraticmind]

<input type=&quot;button&quot; onclick=&quot;&quot; onmouseover=&quot;this.style.background='#f00'&quot; onmouseout=&quot;this.style.background='#00f'&quot; />

I'm not sure what you mean by a new button...

 

[theocraticmind]

oh, I forgot, start blue

<input type=&quot;button&quot; onclick=&quot;&quot; onmouseover=&quot;this.style.background='#f00'&quot; onmouseout=&quot;this.style.background='#00f'&quot; style=&quot;background:#00f;&quot; />

 

[MorganGreylock]

CSS 2 is perfect for exactly this using its
a.hover, a.link, a.visited and a.active
tags. It was designed for exactly that purpose, uses
much less code (its defined once on the page and
then reused), and in my opinion is much easier
to maintain. If you want to change a color, for
example, you change it in the style definition,
and thats it. All the tags that use that style are
automatically updated. There is a thread in the HTML/CSS
group that explains this in great detail already:

thread215-521311

I hope that helps. I know it's made my job much easier!
MG