Solved

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

Posted on 2004-08-30
9
348 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Why Off-Site Backups Are The Only Way To Go

You are probably backing up your data—but how and where? Ransomware is on the rise and there are variants that specifically target backups. Read on to discover why off-site is the way to go.

 
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
 
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

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Article by: Matthew
I am a very big proponent of technology compliance standards and strive to meet such criteria in all of my work. That includes my site, which is 100% XHTML 1.0 compliant as determined by the World Wide Web Consortium. https://www.matthewstevenkel…
There are two main kinds of selectors in CSS: One is base selector like h1, h2, body, table or any existing HTML tags.  For instance, the following rule sets all paragraphs (<p> elements) to red: (CODE) CSS also allows us to define our own custom …
Viewers will learn about arithmetic and Boolean expressions in Java and the logical operators used to create Boolean expressions. We will cover the symbols used for arithmetic expressions and define each logical operator and how to use them in Boole…
Viewers will learn one way to get user input in Java. Introduce the Scanner object: Declare the variable that stores the user input: An example prompting the user for input: Methods you need to invoke in order to properly get  user input:

707 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