Hello I have a page when you select a item from a drop down menu it will display the image to the selection made also it will display information about that product. What I cannot figure out is how to add a link to a pdf file in the information that is displayed. I want the link to the PDF file to be where it says "Select to View PDF. How do I add the link when I add ahref I get an error and no product information is displayed.
Thanks for any help
thetext2[3]="<strong>Panto: </strong>Linen<br><strong>Color: </strong>Process Blue<br><strong>Feature(s): </strong>Heat Sensitive Ink<br><strong>Available Formats: </strong>Mens Sizes<br><strong>View PDF: </strong>Select to view PDF</br>"
Entire page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Canadian Backers</title>
<link href="mm_Canada.css" rel="stylesheet" type="text/css" />
<script language="javascript"><!--
function showimage()
{
if (!document.images)
return
document.images.panta_pics.src=
document.CanadaGallery.CanPantas.options[document.CanadaGallery.CanPantas.selectedIndex].value
}
//--></script>
</head>
<body>
<form id="CanadaGallery" name="CanadaGallery" method="post" action="">
<div id="CanGallTable">
<div id="CanGallMainHeader"></div>
<div id="CanGallHeader">Shirt Patterns </div>
<div id="CanGallDisplay">
<div id="Can"> <img src="PantaImg/PantaBlank.png" name="panta_pics" width="580" height="275" border=0 id="panta_pics" />
<img src="BordImg/BorderBlank.png" name="border_pics" width="580" height="275" border=0 id="border_pics" /> </div>
</div>
<div id="CanGallWarn">Images are enlarged and PMS colors are simulated for viewing on the internet only.<br />
Be aware that colour can vary based on printing equipment, shirt color and a variety of other factors and therefore may not match this example exactly </div>
<div id="CanGallSubHeader"> Backer Information</div>
<div id="CanGallSelection">
<select name="CanPantas" size="1" id="CanGallDropdown" onchange="showimage();displaydesc(document.CanadaGallery.CanPantas, thetext2, 'textcontainer2');">
<option value="PantaImg/PantaBlank.png">Select a Panta</option>
<option value="PantaImg/LinenPB.png">Linen Process Blue</option>
<option value="PantaImg/LinenRB.png">Linen Reflex Blue</option>
<option value="PantaImg/BankerPC.png">Linen Cyan</option>
</select>
</div>
<div id="CanGallSelection"></div>
<div id="CanGallInfo">
<div id="CanGallInfoField"><span id="textcontainer2"></span></div>
</div>
</div>
<script type="text/javascript">
var thetext2=new Array()
thetext2[0]="<strong>No Panta Selected</strong>"
thetext2[1]="<strong>Panto: </strong>Linen<br><strong>Color: </strong>Process Blue<br><strong>Feature(s): </strong>Heat Sensitive Ink<br><strong>Available Formats: </strong>Mens, Women and Children Sizes<br><strong>View PDF: </strong>Select to view PDF</br>"
thetext2[2]="<strong>Panto: </strong>Linen<br><strong>Color: </strong>Process Blue<br><strong>Feature(s): </strong>Heat Sensitive Ink<br><strong>Available Formats: </strong>Mens, Women Sizes<br><strong>View PDF: </strong>Select to view PDF</br>"
thetext2[3]="<strong>Panto: </strong>Linen<br><strong>Color: </strong>Process Blue<br><strong>Feature(s): </strong>Heat Sensitive Ink<br><strong>Available Formats: </strong>Mens Sizes<br><strong>View PDF: </strong>Select to view PDF</br>"
function displaydesc(which, descriptionarray, container){
if (document.getElementById)
document.getElementById(container).innerHTML=descriptionarray[which.selectedIndex]
}
</script>
</div>
<table border="0" cellspacing="0" cellpadding="0"><tr>
</table>
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<th scope="col"> </th>
</tr>
</table>
</form>
</body>
</html>
Thanks for any help
thetext2[3]="<strong>Panto: </strong>Linen<br><strong>Color: </strong>Process Blue<br><strong>Feature(s): </strong>Heat Sensitive Ink<br><strong>Available Formats: </strong>Mens Sizes<br><strong>View PDF: </strong>Select to view PDF</br>"
Entire page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Canadian Backers</title>
<link href="mm_Canada.css" rel="stylesheet" type="text/css" />
<script language="javascript"><!--
function showimage()
{
if (!document.images)
return
document.images.panta_pics.src=
document.CanadaGallery.CanPantas.options[document.CanadaGallery.CanPantas.selectedIndex].value
}
//--></script>
</head>
<body>
<form id="CanadaGallery" name="CanadaGallery" method="post" action="">
<div id="CanGallTable">
<div id="CanGallMainHeader"></div>
<div id="CanGallHeader">Shirt Patterns </div>
<div id="CanGallDisplay">
<div id="Can"> <img src="PantaImg/PantaBlank.png" name="panta_pics" width="580" height="275" border=0 id="panta_pics" />
<img src="BordImg/BorderBlank.png" name="border_pics" width="580" height="275" border=0 id="border_pics" /> </div>
</div>
<div id="CanGallWarn">Images are enlarged and PMS colors are simulated for viewing on the internet only.<br />
Be aware that colour can vary based on printing equipment, shirt color and a variety of other factors and therefore may not match this example exactly </div>
<div id="CanGallSubHeader"> Backer Information</div>
<div id="CanGallSelection">
<select name="CanPantas" size="1" id="CanGallDropdown" onchange="showimage();displaydesc(document.CanadaGallery.CanPantas, thetext2, 'textcontainer2');">
<option value="PantaImg/PantaBlank.png">Select a Panta</option>
<option value="PantaImg/LinenPB.png">Linen Process Blue</option>
<option value="PantaImg/LinenRB.png">Linen Reflex Blue</option>
<option value="PantaImg/BankerPC.png">Linen Cyan</option>
</select>
</div>
<div id="CanGallSelection"></div>
<div id="CanGallInfo">
<div id="CanGallInfoField"><span id="textcontainer2"></span></div>
</div>
</div>
<script type="text/javascript">
var thetext2=new Array()
thetext2[0]="<strong>No Panta Selected</strong>"
thetext2[1]="<strong>Panto: </strong>Linen<br><strong>Color: </strong>Process Blue<br><strong>Feature(s): </strong>Heat Sensitive Ink<br><strong>Available Formats: </strong>Mens, Women and Children Sizes<br><strong>View PDF: </strong>Select to view PDF</br>"
thetext2[2]="<strong>Panto: </strong>Linen<br><strong>Color: </strong>Process Blue<br><strong>Feature(s): </strong>Heat Sensitive Ink<br><strong>Available Formats: </strong>Mens, Women Sizes<br><strong>View PDF: </strong>Select to view PDF</br>"
thetext2[3]="<strong>Panto: </strong>Linen<br><strong>Color: </strong>Process Blue<br><strong>Feature(s): </strong>Heat Sensitive Ink<br><strong>Available Formats: </strong>Mens Sizes<br><strong>View PDF: </strong>Select to view PDF</br>"
function displaydesc(which, descriptionarray, container){
if (document.getElementById)
document.getElementById(container).innerHTML=descriptionarray[which.selectedIndex]
}
</script>
</div>
<table border="0" cellspacing="0" cellpadding="0"><tr>
</table>
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<th scope="col"> </th>
</tr>
</table>
</form>
</body>
</html>