text box colour

[Lewis]

hey,

i want one of my text boxes to change colour when i click inside it, and when i click away from it, it changes back to a default colour.
it would be great if you could help!

also, i would like a code for when i hover over a link, it enlargens/changes colour, but i dont know how to do these things.

please help

Lewis

[Wistow]

CSS is the way to go, try www.w3schools.com/css/default.asp

Craig

[rustypaulin]

for the hovering over a link just insert this code into the header of your site

<style type="text/css">
<!--
a:hover {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	font-size: 14px
}
-->

You can edit those values to make it fit your site better

[Lewis]

Originally Posted by Wistow

CSS is the way to go, try www.w3schools.com/css/default.asp

Craig

i'm afraid, on that website, i dont see anything that will help me with the text box query.

[monaghan]

I won't give you the code as figuring it out will do you good

What you need to do is to use a bit of JavaScript attached to the onClick event for the textbox, you then simply modify the style of the text box.

[Lewis]

sorry, i'm only an amature web designer, i dont understand what you meant then!
but thanks anyway

[monaghan]

Well, time to learn then , what you need to research is DHTML, get yourself a copy of Sitepoint's "Modern Web Design uisng JavaScript & DOM" or Google for DHTML tutorial.

Seriously though you need to spend the time and understand fully what is happening within the browser as it will help you build better web sites. Any fool can load Dreamweaver or Photoshop and craft something that looks nice, what sets you apart is the ability to make the system do what you want.

Basically the whole web page is a large collection of objects, when you load the page it creates each of these objects (<P> <div> and so on), it then applies 1 or more style sheets to modify these objects (you can often see a page load then re-format itself as it applies the style sheet if the connection is slow).

All you need to do is select the object you want, hook in to it's event trigger (in this case when someone selects (focus event) it and then deselects it (blur event)) and then modify it's style attributes.

[Lewis]

thanks monaghan and rustypaulin, these have really helped.

monaghan: i will look into that book


many thanks

[monaghan]

You can usually get sample chapters as a PDF download from Sitepoint, so you can actually see the sort of thing you will get when you purchase.

[talby101]

Maybe they can look at a site that does it already and work it out. It will assist in learning how different 'pieces' of the page come together.