highlight push/submit button.

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

StvyLife - 09 Jan 2005 05:44 GMT

I have noticed that some sites push/submit buttons, sort of like glows or
high-lights on mouse over action.
How do I get mine to do likewise. I want them to be noticed.
thanks

stev.

ps. i was able to style the buttons but not the mouse over action.

Reply to this Message

benben - 09 Jan 2005 12:30 GMT

highlight them onmouseover, dehighlight them onmouseout.

ben

> I have noticed that some sites push/submit buttons, sort of like glows or
> high-lights on mouse over action.
[quoted text clipped - 4 lines]
>
> ps. i was able to style the buttons but not the mouse over action.

Reply to this Message

StvyLife - 10 Jan 2005 08:20 GMT

how ? what's the code to do so. i looked at the sources but i think the
highlight feature might have been in the page style.

stev

> highlight them onmouseover, dehighlight them onmouseout.
>
[quoted text clipped - 8 lines]
> >
> > ps. i was able to style the buttons but not the mouse over action.

Reply to this Message

benben - 11 Jan 2005 09:16 GMT

in html:

<span
id="Item1"
onmouseover="Item1_MouseOver()"
onmouseout="Item1_MouseOut()"
...>...</span>

in script

function Item1_MouseOver()
{
var target = window.event.srcElement;

// by the way, how do you want to "highlight".
// in this example we will simply change the background
// color

target.style.backgroundColor = "yellow";
}

function Item1_MouseOut()
{
// restore the style
target.style.backgroundColor = "";
}

> how ? what's the code to do so. i looked at the sources but i think the
> highlight feature might have been in the page style.
[quoted text clipped - 14 lines]
> > >
> > > ps. i was able to style the buttons but not the mouse over action.

Reply to this Message

StvyLife - 12 Jan 2005 10:46 GMT

Oh really hmmm...
I didn't know that a script was behind the hight light. I'll check it out
see how it works out.
the original one look more like a border highlight type; but a back ground
change will work for me.
kewl thanks

> in html:
>
[quoted text clipped - 41 lines]
> > > >
> > > > ps. i was able to style the buttons but not the mouse over action.

Reply to this Message

benben - 12 Jan 2005 14:54 GMT

> Oh really hmmm...
> I didn't know that a script was behind the hight light. I'll check it out
> see how it works out.

Well, since this is a Javascript newsgroup we normally expect Javascript
solutions.

> the original one look more like a border highlight type; but a back ground
> change will work for me.

Notice the functions are just examples. If you like to highlight the border,
change the border style; likewise, if you want to emphasize the text, change
the font style, etc. It is up to you what to put into those functions.

> kewl thanks

My pleasure!

> > in html:
> >
[quoted text clipped - 42 lines]
> > > > >
> > > > > ps. i was able to style the buttons but not the mouse over action.

Reply to this Message

StvyLife - 13 Jan 2005 08:49 GMT

yep it worked flawlessly. I was able to work with it ... kewl or shall I say
spicy.
it worked with the buttons too, yeah i like the simple stuff, you make it
easy.
it is really learning experience for me.
thank you

> > Oh really hmmm...
> > I didn't know that a script was behind the hight light. I'll check it out
[quoted text clipped - 61 lines]
> > > > > >
> > > > > > ps. i was able to style the buttons but not the mouse over action.

Reply to this Message

bruce barker - 12 Jan 2005 21:36 GMT

try:

<script>
var bni = new Image();
bni.src = "buttonNormal.gif";
var boi = new Image();
boi.src = "buttonOver.gif";
</script>

<asp:imagebutton imageurl="buttonNormal.gif" onmouseover="this.src=boi.src;"
onmouseout="this.src=bni.src;">

-- bruce (sqlwork.com)

| I have noticed that some sites push/submit buttons, sort of like glows or
| high-lights on mouse over action.
[quoted text clipped - 4 lines]
|
| ps. i was able to style the buttons but not the mouse over action.

Reply to this Message

Rate this thread:

highlight push/submit button.

Free Magazines