Just nu i M3-nätverket
Jump to content

Hur gör man denna effekt till forms?


Peter Bergströmm

Recommended Posts

Peter Bergströmm

Har sökt på nätet men har inte lyckats hitta hur man gör denna effekt;

 

http://pupius.co.uk/contact/

 

...som ni ser på sidan så förändras bakgrunds och ramens färg på forms när man markerar dem.

 

Någon som har koll på hur man gör denna effekt, tacksam för alla svar!

 

[inlägget ändrat 2004-08-19 03:48:07 av Peter Bergströmm]

Link to comment
Share on other sites

Tjena, här har du ett komplett exempel (som jag tror är självförklarande, säg till annars):

 

<html><head>
<style type="text/css">
	.Blurred {
		border:1px solid #cccccc;
		background-color:#eeeeee;
		color:#aaaaaa;
	}
	.Focused {
		border:1px solid #000000;
		background-color:#cccccc;
		color:#000000;
	}
</style>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function DoBlur(obj) {
	obj.className='Blurred';
}
function DoFocus(obj) {
	obj.className='Focused';
}
//-->
</SCRIPT>
</head><body>
<input class="Blurred" type="text" onfocus="DoFocus(this);" onblur="DoBlur(this);">
<input class="Blurred" type="text" onfocus="DoFocus(this);" onblur="DoBlur(this);">
</body></html>

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...