I can't figure out what I am doing wrong. I am learning JavaScript and am lost. Can someone please offer guidance. :confused:
<html><!--Kimberly R. Owens-->
<head>
<title>Jennifer's Floral Garden</title>
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--Hide from old browsers
function roller() {
var banner = new Array("images/florist.jpg", "images/florist2.jpg", "images/florist3.jpg");
var banctr = '0'
if (banctr == '3') {
banctr = '0'
}
document.Bannerspot.src=banner[banctr]
banctr = banctr + 1
setTimeout("roller()",3000);)
}
function floralPrice(myform) {
var floral = new Array ("Select a floral piece","Please call for special prices","18.95 a dozen","7.95 a dozen","25.95 a set");
var itemsSelect = myform.FloralList.selectedIndex
myform.PiecePrice.value = floral[itemSelect]
}
//-->
</SCRIPT>
</head>
<body onload="roller()">
<table border="1" width="100%">
<tr>
<td width="40" bgcolor="#FFFFFF">
<p align="center"><img src="FloralLogo.jpg" width="184" height="200"></td>
<td width="30%" bgcolor="#FFFFFF">
<p align="center"><img src="Rose2.jpg" width="131" height="126"></td>
<td width="30%" bgcolor="#FFFFFF"><h2>
<font color="#008040">Talk with our award winning floral designer and nationally renowned landscape artist. </font></h2>
</td>
</tr>
<tr>
<td width="40"><img src="filler.jpg" Name="Bannerspot" width="275" height="75"></td>
<td width="60%" colspan="2">
<FORM NAME="FloralMenu">
<SELECT Name="FloralList" onchange="floralPrice(FloralMenu)">
<Option>Select a Floral Piece</Option>
<Option>Call for special orders</Option>
<Option>A dozen roses</Option>
<Option>A dozen carnations</Option>
<Option>Birthday Greeting</Option>
</select>
Cost:<input type="text" value=" " Name="PiecePrice" size=15>
</FORM>
</td>
</tr>
</table>
<p> </p>
</body>
</html>