PDA

View Full Version : How to clear the border color (preserving the existing one) ??



PHPycho
07-15-2007, 08:46 AM
Hello Forums !!
I had following script for marking the fields with certain color border and clearing that color border , preserving the fields original border color.

<!-- Javascript -->
<script language="javascript">
function FMark(){
document.forms['frm_mark'].test_field.style.border = "1px solid #ff0000";
}

function FClear(){
document.forms['frm_mark'].test_field.style.border = "none";
}
</script>
<!-- HTML -->
<form name="frm_mark" action="#" method="get">
<input type="text" name="test_field" style="border: 1px solid #0066FF" />
<input type="button" value="Mark" onclick="FMark();"/>
<input type="button" value="Clear" onclick="FClear();"/>
</form>
Whats my problem ?
- I am able to mark the field but also able to clear that marked one but couldnt preserve the existing border color

What I want ?
- I want to clear the marked border color preserving the existing border color ie #0066FF
Any Suggestion and Help are warmly welcome
Thanks in advance to all of you

tech_support
07-15-2007, 09:36 AM
- I am able to mark the field but also able to clear that marked one but couldnt preserve the existing border color
Because you set the border to "none", aka. no border.

Try this:

<!-- Javascript -->
<script type="text/javascript">
function FMark(){
document.forms['frm_mark'].elements['test_field'].style.border = "1px solid #ff0000";
}

function FClear(){
document.forms['frm_mark'].elements['test_field'].style.border = "1px solid #0066FF";
}
</script>
<!-- HTML -->
<form name="frm_mark" action="#" method="get">
<input type="text" name="test_field" style="border: 1px solid #0066FF">
<input type="button" value="Mark" onclick="FMark();">
<input type="button" value="Clear" onclick="FClear();">
</form>

PHPycho
07-15-2007, 09:40 AM
Thanks MR.tech_support for the reply.
But one thing the color value is dynamic , its not fixed. so this method doesnt work..is there any alternatives
Thanks again

tech_support
07-15-2007, 09:43 AM
What do you mean by dynamic? The colour will change in the style=""

Just don't specify a border in the clearing, like this:


function FClear(){
document.forms['frm_mark'].elements['test_field'].style.border = "";
}

PHPycho
07-15-2007, 10:02 AM
WooHooo
Thanks Mr. tech_support
that really rocked ...