Web Analytics Made Easy -
StatCounter onmouseover, and position of text - CodingForum

Announcement

Collapse
No announcement yet.

onmouseover, and position of text

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • onmouseover, and position of text

    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>&nbsp;</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

  • #2
    You can just Put <BR> within the ' '

    Like:<td width="25%" valign="bottom"><img src="second.GIF"
    onmouseover="overout('side','Come in and see the Panacea Art Gallery<BR>And heres some more text')">
    CYWebmaster.com - See why we dot com!!
    ACJavascripts.com - Cut & Paste Javascripts!
    SimplyProgram.com - Personal Blog

    Comment

    Working...
    X