On Sep 4, 2:30*pm, Joost Diepenmaat <jo...@zeekat.nlwrote:
question....@hotmail.com writes:
I have been trying to find an example of how-to add html text to an
exisiting div and have had little success.
The best I found so far was
var pTag = document.createElement("p");
pTag.innerHTML = noBlanks[i]+" is a mandatory field.";
document.getElementById("FormErrors").appendChild( pTag);
However, I was hoping I could pass HTML code and not just text,
something more like
"New line added.<br />"
or anyother HTML Tag I may need to use.
You can.
Also, the code only seems to work in IE and not Firefox...?
Ther error is somewhere else. This should work in FF; most browsers
support innerHTML, even though it's not officially standard.
--
Joost Diepenmaat | blog:http://joost.zeekat.nl/| work:http://zeekat.nl/- Hide quoted text -
- Show quoted text -
Here is the function in question. It works fine in IE but nothing in
Firefox.
function validate_form(theForm) {
/*Validates the user submitted data to ensure that data has been
input and that it is valid
and posts an error message if there is an issue.*/
var frmOk = true; //initialize validation status variable
var errColor = 'ffff99'; //background color when there is an error
in validation
// Create an array of controls to ensure that it wasn't left blank
var noBlanks = [ "FirstName", "LastName", "Address", "City",
"Province", "PostalCode", "TelResidential",
"TelBusiness", "TelCell", "Email", "Job"];
for ( i=0; i < noBlanks.length; i++ ){
if (isEmpty(document.getElementById(noBlanks[i]).value)) {
document.getElementById(noBlanks[i]).style.backgroundColor=errColor;
var pTag = document.createElement('p');
pTag.innerHTML = noBlanks[i]+" is a mandatory field.";
document.getElementById('FormErrors').appendChild( pTag);
frmOk = false;
}
}
if (frmOk == false) {
document.getElementById('FormErrors').style.displa y='block';
return false;
} else {
document.getElementById('FormErrors').style.displa y='none';
return true;
}
}
Any idea where I have made a mistake?
Thank you for your help,
QB