Solved

code error...a simple javascript problem...urgent**

Posted on 2004-08-30
9
344 Views
Last Modified: 2010-04-06
Hi,
This code works great for tooltip. but the only problem is...if the strHTM is not defined in the tooltip then it says undefined in the tooltip... how to avoid that? for example...if my code says <a href="#" onMouseover="tooltip(welcome);">welcome</a> then it works gr8...if i am saying <a href="#" onMouseover="tooltip();">welcome</a> then it says undefined...i need a logic to validate that....urgent please.


<html>
<head>
<script>
var oPopup = window.createPopup();
function tooltip(strHTML, oNavigate)
{      
      oPopup.hide();
      oPopup.document.navigateTo = oNavigate;
      oPopup.document.desiredX = event.screenX+12;
      oPopup.document.desiredY = event.screenY+12;    
      if(strHTML!=""){
            oPopup.document.body.innerHTML = '<table style=\'background:#ffffcc; border:1px solid black; padding:4px; font-family:tahoma; font-size:10px; width:100%;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=white, EndColorStr=yellowgreen)\' ><tr><td><table style=\'background:#ffffcc; border:1px solid yellowgreen; padding:4px; font-family:tahoma; font-size:10px; width:100%;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=yellowgreen, EndColorStr=white)\' ><tr><td>' + strHTML + '</td></tr></table></td></tr></table>';
      }
      oPopup.document.timerID = setTimeout("showtooltip()", 500);
}
function showtooltip()
{
      // This popup is temporary and is used only to detect what height the popup should be displayed. This is important because the
      // popup size will vary between definition text lengths.
      var popupBody = oPopup.document.body;
      oPopup.show(0,0,0,0);
      var realHeight = popupBody.scrollHeight;
      var realWidth = popupBody.scrollWidth;
      //hide the dimension detector popup.
      oPopup.hide();
      //Show the actual popup with correct width and height.
      oPopup.show(oPopup.document.desiredX, oPopup.document.desiredY,realWidth, realHeight);      
}
function hidetooltip()
{
      oPopup.hide();
      // cancel delayed display of tooltip
      if (oPopup.document.timerID)
      {
            clearTimeout(oPopup.document.timerID);
            oPopup.document.timerID = 0;
      }
}
</script>
</head>
<BODY>
<a href="#" onMouseOver="tooltip()">Welcome</a>
</body>
</html>
0
Comment
Question by:SubhaBabu
  • 5
  • 4
9 Comments
 
LVL 13

Expert Comment

by:StormyWaters
ID: 11933637
Change:
 if(strHTML!=""){
to:
 if(strHTML!=null){

and it won't show a tooltip at all if no text is specified.
You could also make it show some default text by changing the tooltip() function to:

function tooltip(strHTML, oNavigate)
{    
     oPopup.hide();
     oPopup.document.navigateTo = oNavigate;
     oPopup.document.desiredX = event.screenX+12;
     oPopup.document.desiredY = event.screenY+12;    
     if(strHTML==null) {
       strHTML = "Your default message";
     }
          oPopup.document.body.innerHTML = '<table style=\'background:#ffffcc; border:1px solid black; padding:4px; font-family:tahoma; font-size:10px; width:100%;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=white, EndColorStr=yellowgreen)\' ><tr><td><table style=\'background:#ffffcc; border:1px solid yellowgreen; padding:4px; font-family:tahoma; font-size:10px; width:100%;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=yellowgreen, EndColorStr=white)\' ><tr><td>' + strHTML + '</td></tr></table></td></tr></table>';
     oPopup.document.timerID = setTimeout("showtooltip()", 500);
}


0
 
LVL 2

Author Comment

by:SubhaBabu
ID: 11933846
Thanks for your immediate reply....your solution works...if it has only one link ....if i add like

<a href="#" onMouseOver="tooltip()">Welcome</a> <a href="#" onMouseOver="tooltip('you there')">Welcome</a>

this...it shows "you there" for both the links
0
 
LVL 2

Author Comment

by:SubhaBabu
ID: 11933857
And i do not want to give a default message, since i am gonna use this in too many places...
0
 
LVL 13

Expert Comment

by:StormyWaters
ID: 11933883
That doesn't happen for me. IE, obviously, because this doesn't work anywhere else. Version 6.0. What version are you looking at?
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
LVL 2

Author Comment

by:SubhaBabu
ID: 11933903
i want it to work only in IE 6....
0
 
LVL 13

Expert Comment

by:StormyWaters
ID: 11933915
Oh, wait, yes it does. Will look.
0
 
LVL 13

Accepted Solution

by:
StormyWaters earned 250 total points
ID: 11934048
function tooltip(strHTML, oNavigate)
{    
     oPopup.hide();
       oPopup.document.body.innerHTML = '';
     oPopup.document.navigateTo = oNavigate;
     oPopup.document.desiredX = event.screenX+12;
     oPopup.document.desiredY = event.screenY+12;    
     if(strHTML!=null){
          oPopup.document.body.innerHTML = '<table style=\'background:#ffffcc; border:1px solid black; padding:4px; font-family:tahoma; font-size:10px; width:100%;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=white, EndColorStr=yellowgreen)\' ><tr><td><table style=\'background:#ffffcc; border:1px solid yellowgreen; padding:4px; font-family:tahoma; font-size:10px; width:100%;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=yellowgreen, EndColorStr=white)\' ><tr><td>' + strHTML + '</td></tr></table></td></tr></table>';
       }
      
     oPopup.document.timerID = setTimeout("showtooltip()", 500);
}
0
 
LVL 2

Author Comment

by:SubhaBabu
ID: 11934426
Hi there...

Its still has the problem....
0
 
LVL 13

Expert Comment

by:StormyWaters
ID: 11934459
Okay... I have no idea then. Because it works fine for me.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

947 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now