allyson
07-01-2002, 03:21 AM
Hi
The following script is at http://homepages.ihug.co.nz/~usateden/panacea/entry.htm and allows the text to be displayed on the right side of the screen, when the mouse moves over the images on the left side. The div command sets the style. I want to know if I could get the text to wrap, so that some of the comments could be longer, eg, a few lines of text rather than one line.
<script>
function overout(divname,content) {
document.getElementById(divname).innerHTML = content;
}
</script>
</head>
<body background="images/bg1.jpg">
<p align="center"><img src="images/titlelogo.GIF" width="220" height="54"></p>
<p> </p>
<div align="right">
<table border="0" cellpadding="0" width="90%" cellspacing="0">
<tr>
<td width="25%" valign="bottom"><a href="artistofmonth.htm"><img src="first.GIF"
onmouseover="overout('side','Find out who is the Panacea Artist of the Month')" ;
onmouseout="overout('side','')" ; width="227" height="138" border="0"></a></td>
<td width="25%" valign="bottom"><img src="second.GIF"
onmouseover="overout('side','Come in and see the Panacea Art Gallery')" ;
<td><div id="side" style="width:700px; height:700px; font:14pt;"></div></td>
</tr>
</table>
</div>
Thank-you
bye
Allyson
The following script is at http://homepages.ihug.co.nz/~usateden/panacea/entry.htm and allows the text to be displayed on the right side of the screen, when the mouse moves over the images on the left side. The div command sets the style. I want to know if I could get the text to wrap, so that some of the comments could be longer, eg, a few lines of text rather than one line.
<script>
function overout(divname,content) {
document.getElementById(divname).innerHTML = content;
}
</script>
</head>
<body background="images/bg1.jpg">
<p align="center"><img src="images/titlelogo.GIF" width="220" height="54"></p>
<p> </p>
<div align="right">
<table border="0" cellpadding="0" width="90%" cellspacing="0">
<tr>
<td width="25%" valign="bottom"><a href="artistofmonth.htm"><img src="first.GIF"
onmouseover="overout('side','Find out who is the Panacea Artist of the Month')" ;
onmouseout="overout('side','')" ; width="227" height="138" border="0"></a></td>
<td width="25%" valign="bottom"><img src="second.GIF"
onmouseover="overout('side','Come in and see the Panacea Art Gallery')" ;
<td><div id="side" style="width:700px; height:700px; font:14pt;"></div></td>
</tr>
</table>
</div>
Thank-you
bye
Allyson