/    Sign up×
Community /Pin to ProfileBookmark

Looking fo a button

HI
I need a script that when you put the tip of the mouse over a button to click in it the back of the button shows a different color like a frame . I lost you right?
ok
there is a button you are going to click in, when you put the mouse in the button the button shows like a highlight that surrounding it in other color at the back.
Carmen

to post a comment
JavaScript

2 Comments(s)

Copy linkTweet thisAlerts:
@CharlesJul 29.2006 — [code=html]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Content-Script-Type" content="text/javascript">
<meta name="Content-Style-Type" content="rext/css">
<title>Example</title>

<style type="text/css">
button {background-color:#a00; color:#fff}
button.hover {background-color:#f00; color:#fff}
</style>

</head>
<body>
<div>
<button onmouseover="this.className = 'hover'" onmouseout="this.className = ''">Button</button>
</div>
</body>
</html>[/code]
There's a more proper way to do this but it's not supported by MSIE.

And do be clear about it. God designed the ark and the Titanic sunk because of a series of design flaws.
Copy linkTweet thisAlerts:
@carmenprincipeauthorJul 29.2006 — Hi

I try it and it changes de color of the button, what I need is that when you pass over or click in it it shows other color in the back like highlight and it covers about 2" around the button.I got the code but I lost it in a crash of my computer. Is something like this but I don't recall it,how to do it with a button, I try changing the printer href with the button href and it wont work.

<script language="javascript" src="<http://www.geocities.com/new_in_psp/index.html>/scripts/jssec.js"></script></head></div><style type="text/css">

a:hover {background:url('images/SVgold.jpg'); text-decoration: none}

</style><class="navigation"><tr><td><b><a href='http://www.w3.org/TR/WCAG10/checkpoint-list.html?output=print' target="_blank">

<font color="#ad1313"><img border="0" src="printerrojo60by60.gif"></font></a><font color="#ad1313"></font></a></p>

<p align="/center">

this one cover the the back of the printer, but I can't make it with a button, it won't do the same. the button stays normal.




Hi

Thanks I will try this code.

about your comment, yes God tell Noah, how to built the ark, but it was Noah and his sons who built it. they where following God's directions. They were Amateurs, not proffesionals. http://www.gnpcb.org/esv/search/?q=Genesis+6

The Titanic was made by a proffesional company, so they were professionals and it have defects in the construction http://en.wikipedia.org/wiki/RMS_Titanic check in the constructions and at the end the investigation.

Have a great day

Thanks for the help



[code=html]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Content-Script-Type" content="text/javascript">
<meta name="Content-Style-Type" content="rext/css">
<title>Example</title>

<style type="text/css">
button {background-color:#a00; color:#fff}
button.hover {background-color:#f00; color:#fff}
</style>

</head>
<body>
<div>
<button onmouseover="this.className = 'hover'" onmouseout="this.className = ''">Button</button>
</div>
</body>
</html>[/code]
There's a more proper way to do this but it's not supported by MSIE.

And do be clear about it. God designed the ark and the Titanic sunk because of a series of design flaws.[/QUOTE]
×

Success!

Help @carmenprincipe spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...