0

var vvalue=document.forms[0].fname.selectedIndex;
var vovalue=document.forms[0].fname.options[vvalue].value

<select name="fname">
<option value="Arial">Arial</option>
<option value="Symbol">Symbol</option>
<option value="Rockwell">Rockwell</option>

2
Contributors
5
Replies
6
Views
11 Years
Discussion Span
Last Post by sujagr8
0

Without seeing the rest of the code and markup it's a bit of a guess, but I would start out by modernising your script to DOM compatible standard. Try:

<script type="text/javascript">
var vovalue = document.getElementById("fname").options[(document.getElementById("fname").selectedIndex)].value;
</script>

<select name="fname" id="fname">
<option value="Arial">Arial</option>
<option value="Symbol">Symbol</option>
<option value="Rockwell">Rockwell</option>
</select>
0

thanks a lot for your response.I have changed the code as

<select name="fon" id="fname">
<option value="Arial">Arial</option>
<option value="Symbol">Symbol</option>
<option value="Rockwell">Rockwell</option>

var vofvalue = document.getElementById("fname").options[(document.getElementById("fname").selectedIndex)].value;


<font face="'+vofvalue+'" size='+vofsize+'>


Still not working

0

Would need to see the full code in the context of the page to determine what is meant to be happening and why it is not working. Do you have a link to a page we can view?

0

Would need to see the full code in the context of the page to determine what is meant to be happening and why it is not working. Do you have a link to a page we can view?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<script type="text/javascript">
function displayHTML()
{
var tablestring='';
var lnstr=document.forms[0].t2.length;
var vrows=1.5;
var vroundrows=1.25;
var vprintstr='';
var inf = document.forms[0].t1.value;
var vt2 = document.forms[0].t2.value;
var vlabels = document.forms[0].tn.value;
alert("opening!!!!!!");
var vofvalue = document.getElementById("fname").options[(document.getElementById("fname").selectedIndex)].value;
alert("opening2!!!!!!!!");
var vofsize=document.getElementById("fsize").options[(document.getElementById("fsize").selectedIndex)].value;
var vlbl=document.forms[0].lsize.selectedIndex;
var textsize=document.forms[0].lsize.options[vlbl].value;

if(inf.length>30)
{
alert ("line 1 should not exceed 30 characters")
t1.value="";
t1.focus();
return;
}
if(vt2.length>30)
{
alert ("line 2 should not exceed 30 characters")
t2.value="";
t2.focus();
return;
}
vprintstr='<a href="javascript:window.print()">Print</a> - <a href="javascript:window.close()">Close Window</a><br><br>'
document.write(vprintstr);
alert("working");
tablestr='<table border="1" cellspacing=10><font face="'+vofvalue+'" size='+vofsize+'>';
for (var x = 1; x <= vlabels; x++)
{
//tablestr=tablestr+'<tr>'+ inf +'</tr><tr>'+ vt2+'</tr>'
tablestr=tablestr+'<table width="310" height="10" align="centre"><font face="'+vofvalue+'" size='+vofsize+'><tr>'+ inf +'</tr></font></table><table width="310" height="60" ><font face="'+vofvalue+'" size='+vofsize+'><tr>'+ vt2+'</tr></font></table></tr>';
}
alert("wo1");
tablest=tablestr +'</font></table>';
alert("wo2");
document.write(tablest);
alert("wo3");
}
</script>
</head>
<body bgcolor="#cfcc3b" LEFTMARGIN=40 TOPMARGIN=5>
<br><br>
<table bgcolor="#201d5b" cellspacing=5 width="900" height="10" >
<tr><td width=20 height="10"></td><td align=center><font color="#ffffff" size=7></font></td></tr>
</table>
<table bgcolor="#201d5b" cellspacing=5 width="900" height="360" ><form>
<tr>
<td width=50></td>
<td width=300 height="10"><font color="#ffffff" size=4>Enter line 1</td>
<td><input type="text" name="t1" value="" size=25></td>
</tr>
<tr>
<td width=50></td>
<td width=300 height="10"><font color="#ffffff" size=4>Enter line2</td>
<td><input type="text" name="t2" value="" size=25></td>
</tr>
<tr>
<td width=50></td>
<td width=300 height="10"><font color="#ffffff" size=4>Number of Labels</td>
<td><input type="text" name="tn" value="" size=25></td>
</tr>
<tr>
<td width=50></td>
<td width=300 height="10"><font color="#ffffff" size=4>Select Label Size</td>
<td><select name="lsize" ><option value="1" width=20 >3.5 X 2.5
<option value="2">2.5 X 1.5</option></td>
</tr>
<tr>
<td width=50></td><td width=300 height="10"><font color="#ffffff" size=4>Select Font Style</td>
<td><select name="fon" id="fname">
<option value="Arial">Arial</option>
<option value="Symbol">Symbol</option>
<option value="Rockwell">Rockwell</option></td>
</tr>
<tr>
<td width=50></td><td width=300 height="10"><font color="#ffffff" size=4>Select Font Size</td><td>
<select name="siz" id="fsize" >
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option></td></tr>
</form>
</table>
<br>
<a href="javascript:void(0);" onclick="displayHTML();"><input type="button" value="PrintPreview" onclick="displayhtml():"></a><br>
</body>
</html>

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.