OT: CSS - How to do this
Hey, When a user puts their mouse over a td i want the left borderline to be red onMouseover=style.border-left= 'red thin solid'; Is what i thought would do it It works for style.border but i want only the left I am sure it is something silly that i am missing Ideas Thanks, Mark Stephenson New Media Director Evolution Internet T: 0870 757 1631 F: 0870 757 1632 W: www.evolutioninternet.co.uk E: [EMAIL PROTECTED] WARNING: --- The information contained in this document and attachments is confidential and intended only for the person(s) named above. If you are not the intended recipient you are hereby notified that any disclosure, copying, distribution, or any other use of the information is strictly prohibited. If you have received this document by mistake, please notify the sender immediately and destroy this document and attachments without making any copy of any kind. AVIS IMPORTANT: --- Les informations contenues dans le present document et ses pieces jointes sont strictement confidentielles et reservees a l'usage de la (des) personne(s) a qui il est adresse. Si vous n'etes pas le destinataire, soyez avise que toute divulgation, distribution, copie, ou autre utilisation de ces informations est strictement prohibee. Si vous avez recu ce document par erreur, veuillez s'il vous plait communiquer immediatement avec l'expediteur et detruire ce document sans en faire de copie sous quelque forme. ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq This list and all House of Fusion resources hosted by CFHosting.com. The place for dependable ColdFusion Hosting. Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: OT: CSS - How to do this
Mark Stephenson - Evolution Internet writes: Hey, When a user puts their mouse over a td i want the left borderline to be red onMouseover=style.border-left= 'red thin solid'; Is what i thought would do it It works for style.border but i want only the left I am sure it is something silly that i am missing When using JavaScript to modify css values, you don't use dashes...replace them with camelHump notation. e.g. border-left becomes borderLeft, font-size becomes fontSize, etc. What you're looking for is: onmouseover=this.style.borderLeft = 'red 1px solid'; (i also recommend the onmouseover, onmouseout, etc (event triggers) be all lowercase...this will make your eventual transition to XHTML much smoother) :) hth, charlie ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq Your ad could be here. Monies from ads go to support these lists and provide more resources for the community. http://www.fusionauthority.com/ads.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
RE: OT: CSS - How to do this
Hey, Thanks. I tried the this.style.border-left= but didnt try the this. without the '-' Kind Regards, Mark Stephenson New Media Director Evolution Internet T: 0870 757 1631 F: 0870 757 1632 W: www.evolutioninternet.co.uk E: [EMAIL PROTECTED] WARNING: --- The information contained in this document and attachments is confidential and intended only for the person(s) named above. If you are not the intended recipient you are hereby notified that any disclosure, copying, distribution, or any other use of the information is strictly prohibited. If you have received this document by mistake, please notify the sender immediately and destroy this document and attachments without making any copy of any kind. AVIS IMPORTANT: --- Les informations contenues dans le present document et ses pieces jointes sont strictement confidentielles et reservees a l'usage de la (des) personne(s) a qui il est adresse. Si vous n'etes pas le destinataire, soyez avise que toute divulgation, distribution, copie, ou autre utilisation de ces informations est strictement prohibee. Si vous avez recu ce document par erreur, veuillez s'il vous plait communiquer immediatement avec l'expediteur et detruire ce document sans en faire de copie sous quelque forme. -Original Message- From: charlie griefer [mailto:[EMAIL PROTECTED]] Sent: 06 February 2003 17:51 To: CF-Talk Subject: Re: OT: CSS - How to do this Mark Stephenson - Evolution Internet writes: Hey, When a user puts their mouse over a td i want the left borderline to be red onMouseover=style.border-left= 'red thin solid'; Is what i thought would do it It works for style.border but i want only the left I am sure it is something silly that i am missing When using JavaScript to modify css values, you don't use dashes...replace them with camelHump notation. e.g. border-left becomes borderLeft, font-size becomes fontSize, etc. What you're looking for is: onmouseover=this.style.borderLeft = 'red 1px solid'; (i also recommend the onmouseover, onmouseout, etc (event triggers) be all lowercase...this will make your eventual transition to XHTML much smoother) :) hth, charlie ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq This list and all House of Fusion resources hosted by CFHosting.com. The place for dependable ColdFusion Hosting. Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: OT: CSS - How to do this
fyi, the Mozilla DOM Inspector will give you a list of all of the Javascript settable CSS properties for an object by clicking on the tag and choosing Javascript Object and expanding style. -- jon mailto:[EMAIL PROTECTED] Thursday, February 6, 2003, 12:58:20 PM, you wrote: MSEI Hey, MSEI Thanks. MSEI I tried the this.style.border-left= but didnt try the this. without the MSEI '-' MSEI Kind Regards, ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq Get the mailserver that powers this list at http://www.coolfusion.com Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Re: OT: CSS - How to do this
When a user puts their mouse over a td i want the left borderline to be
red
onMouseover=style.border-left= 'red thin solid';
Is what i thought would do it
It works for style.border but i want only the left
I am sure it is something silly that i am missing
Ideas
This can be done without javascript:
td a {
border: 1px solid black;
display: block;
}
td a:hover {
border-left: 1px solid red;
}
The benefits of doing it without the javascript is that it will work in
any css-capable browser, regardless of settings.
The downfall, is that you need to have the a (I don't know if this is
for navigation or something else). Obviously, you may need to create a
class if you have td cells on the page you don't want this happening
with.
~|
Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4
Subscription:
http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4
FAQ: http://www.thenetprofits.co.uk/coldfusion/faq
Your ad could be here. Monies from ads go to support these lists and provide more
resources for the community. http://www.fusionauthority.com/ads.cfm
Unsubscribe:
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
