HTML&JS

Enable/Disable button in HTML using JavaScript

Categories: HTML&JS; Tagged with: HTML • JavaScript; @ August 8th, 2012 21:21

Here is a button:


<input type="button" class="buttontwofa_text" value="NEXT >" onclick="acceptAgmt()" id="buttonAccept" disabled="true"/>

And also have a radio button group to control the button:


<input type="radio" name="agrmt" value="accept" id="radioAccept" onclick="disableAcceptButton(false)"/> I accept the agreement<br />

<input type="radio" name="agrmt" value="decline" id="radioDecline" onclick="disableAcceptButton(true)"/> I do not accept the agreement

And here is the javaScript:


function disableAcceptButton(disabled) {  
document.getElementById("buttonAccept").disabled = disabled;  
}

Show/Hide Div using JavaScript

Categories: HTML&JS; Tagged with: HTML • JavaScript • JS; @ August 7th, 2012 23:01

Show/Hide div by style.block using JavaScript.

the href button:
<a href="#" onclick="switchDiv()">SwitchDiv</a>

The js:

switchFlag = true;
function switchDiv() {
// alert("clicked");
switchFlag = !switchFlag;

var div1 = document.getElementById('div1');

var div2 = document.getElementById('div2');

if(switchFlag) {
div1.style.display="block";
div2.style.display="none";

}else {
div1.style.display="none";
div2.style.display="block";
}
}

problems with font color in Firefox/Chrome

Categories: HTML&JS; Tagged with: CSS • HTML; @ August 6th, 2012 19:13

CSS:

.2f_subtext {
font-size: 11px;
color: #FFFFFF;
}

The font color is white in IE, there’s no problem, but in Firefox or Chrome, the font color is black.

W3C Css validator :

In CSS1, a class name could start with a digit (“.55ft”), unless it was a dimension (“.55in”). In CSS2, such classes are parsed as unknown dimensions (to allow for future additions of new units) To make “2f_subtext” a valid class, CSS2 requires the first digit to be escaped “.\32 f_subtext” [2f_subtext]