Apologies from a first time poster and a bit of a noob.
I have inherited some html pages that utilise some javascripting as far as I understand it.
The pages basically ask the user to enter some text and then click a ‘check’ link which displays the sample answer to the user in a popup window.
The main html page uses verdana as the font and this looks nice enough. The popup windows seem to default to what looks like courier and it looks a bit untidy to appear in a totally different font in my opinion.
We would really like to be able to set the font in the popup windows to also use verdana.
Hopefully I have included a sample of an html page below that shows the problem.
I am really hoping that someone may be able to provide some guidance and a possible solution.
[CODE]
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<script language=”JavaScript” type=”text/JavaScript”>
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
function checklist(num) { //v1.0
var answer = window.document.forms[0].elements[num-1].value.length;
if ((window.document.forms[0].elements[num-1].type == “radio”) || (answer> 8)){
switch(num){
case ‘1’:
openwindow(“response one – the text displays in what looks like courier”);
break;
case ‘2’:
openwindow(“response two – the text displays in what looks like courier”);
break;
default:
}
}else{alert(‘Please enter your answer!’);}
}
function openwindow(msg){
var closemsg =”<p class=”RVPS3″><a href=”#” onclick=”javascript:window.close()”> Close window</a></p>”;
newwindow = window.open(”,’Feedback’,’scrollbars,width=500, height=260′);
newdoc=newwindow.document;
newdoc.write(msg+closemsg);
newdoc.close();
}
</script>
<title>ME1.2.2</title>
</head>
<body>
<TABLE
style=”BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse”
cellSpacing=0 cellPadding=2 width=”98%”>
<TBODY>
<TR>
<TD
style=”BORDER-RIGHT: #010101 0px solid; BORDER-TOP: #ffffff 8px solid; BORDER-LEFT: #ffffff 13px solid; BORDER-BOTTOM: #010101 0px solid”
vAlign=center width=”98%” bgColor=#ffffff>
<DIV style=”MARGIN: 0.35mm 0mm; TEXT-INDENT: 0mm” align=left>
<table style=”font-family: Verdana;” border=”1″ cellpadding=”2″ cellspacing=”2″ width=”100%”>
<small>
</small><tbody>
<tr style=”font-weight: bold; color: rgb(255, 255, 255);”>
<td style=”background-color: rgb(0, 0, 0);”>This is a heading</td>
</tr>
</tbody>
</table>
<p style=”font-family: Verdana;”><small><img style=”border: 0px solid ; width: 80px; height: 80px;” alt=”” src=”no8.bmp”></small></p>
<p style=”font-family: Verdana;”><small>Some text goes here</small></p>
<hr>
<form style=”font-family: Verdana;” name=”form1″ action=””><small>
</small>
<p style=”font-weight: bold;” class=”RVTS11″> Question 1</p>
<p><small> Question one text.</small></p>
<p><small>
<textarea name=”textarea” cols=”80″ rows=”4″ wrap=”VIRTUAL”></textarea></small></p>
<p align=”right”><small> <font color=”#000066″><a href=”#” onClick=”checklist(‘1’);return false;”>Check</a> </font></small></p>
<hr>
<p style=”font-weight: bold;” class=”RVTS11″> Question 2</p>
<p><small> Question two text.</small></p>
<p><small>
<textarea name=”textarea2″ cols=”80″ rows=”4″ wrap=”VIRTUAL”></textarea></small></p>
<p align=”right”><small>
<font color=”#000066″><a href=”#” onClick=”checklist(‘2’);return false;”>Check</a> </font></small></p>
<hr>
</form>
<table style=”font-family: Verdana;” border=”0″ cellpadding=”0″ cellspacing=”0″ width=”99%”>
<small>
</small><tbody>
<tr>
<small>
</small><td width=”20%”>
<p align=”left”><small>
<a href=”ME1_2_2_sample_(list).doc” target=”blank”>Print on completion</a></small></p>
</td>
<small>
</small><td>
<div align=”center”><small>
</small></div>
<small>
</small></td>
<small>
</small><td width=”20%”></td>
</tr>
</tbody>
</table>
<br>
</DIV></TD></TR></TBODY></TABLE></body>
</html>