Line breaks in javascript mouseover text

Is it possible to have a line break in the javascript text for a mouseover?  The following is the code for the mouseover

<img src="images/alliancelogos/dtzlogo.gif" width="173" height="70" alt="Premier Communities" onMouseover="ddrivetip('DTZ Rockwood - Throughout its 18-year history, DTZ Rockwood has specialized in advising clients regarding the resolution of underperforming assets. Website: Contact: Steven Jacobs Phone: 212-286-5800','white', 300)";

the following is the javascript code that I used.  Any help would be appreciated!

<div id="dhtmltooltip"></div>

<script type="text/javascript">

* Cool DHTML tooltip script- © Dynamic Drive DHTML code library (
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at for full source code

var offsetxpoint=-60 //Customize x offset of tooltip
var offsetypoint=20 //Customize y offset of tooltip
var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

function ddrivetip(thetext, thecolor, thewidth){
if (ns6||ie){
if (typeof thewidth!="undefined")"px"
if (typeof thecolor!="undefined" && thecolor!="")
return false

function positiontip(e){
if (enabletip){
var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
//Find out how close the mouse is to the corner of the window
var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20

var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000

//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<tipobj.offsetWidth)
//move the horizontal position of the menu to the left by it's width ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
else if (curX<leftedge)"5px"
//position the horizontal position of the menu where the mouse is positioned"px"

//same concept with the vertical position
if (bottomedge<tipobj.offsetHeight) ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"

function hideddrivetip(){
if (ns6||ie){


Who is Participating?
CEHJConnect With a Mentor Commented:
Well it should be perfectly possible to use html in the popup, so you could use <br/> but haven't studied that script. Try putting in <br/> for the hell of it
kmurphychiAuthor Commented:
I've tried putting the html break in there, but every time I do that it breaks the code and the mouseover doesn't work anymore.
use \n for line breaks

Cloud Class® Course: Ruby Fundamentals

This course will introduce you to Ruby, as well as teach you about classes, methods, variables, data structures, loops, enumerable methods, and finishing touches.

>>it breaks the code

Try escaping the tags
kmurphychiAuthor Commented:
I used <br> and that worked.  the \n didn't work and the escape tags didn't work either.  Thank you for the help though!
next time ask the question in javascript zone instead of Java
far better chance of getting an answer :)

>>I used <br> and that worked.

(which was the first thing i mentioned using) - http:#24435555
kmurphychiAuthor Commented:
In case anyone else has this problem, </br> did not work, but <br> did.  The / broke the code.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.