• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 169
  • Last Modified:

<select

Hi

I Am trying the "title" for <select ....

but i can't get it to work...does anyone know the reason.

Thank You,
Praneetha Marthala
0
praneetha
Asked:
praneetha
1 Solution
 
COBOLdinosaurCommented:
You are probably looking at the page using a defective browser like IE which does not support it.  You have to use a Mozill base browser to see it.

Cd&
0
 
sciber_dudeCommented:
Its wierd but each browser displays this in a different way.

Copy this into an html file and view it in IE, Mozilla and Firefox.

In IE, the tooltip appears on the second disabled select box and in Mozilla and Firefox its the opposite.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<HTML><HEAD></HEAD><BODY>
<select title="test1">
<option title="option a">Option a</option>
<option title="option b">Option b</option>
</select>
<select title="test2" disabled="disabled"></select>
</body>
</html>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Maybe you should request to move this question to "Browser Issues" TA. You may get an answer there.

:) SD
0
 
praneethaAuthor Commented:
how to get to work with IE. i mean is there any other way of getting the tool tip for dropdownlist.

Thank You.
0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
praneethaAuthor Commented:
yeah this is what i read in one of the websites...

hmm ok will post the question there too.
0
 
ellandrdCommented:
try this: it puts a title around the select tag

<fieldset title="Select number">
<legend>Pick Number</legend>
<select>
      <option>1</option>
      <option>2</option>
</select>
</fieldset>

cheers
sean
0
 
praneethaAuthor Commented:
that sounds like a good workaround..thank you..will keep the question open for few more days and see if someone has better solution. i like your solution though.
0
 
Alex EneCommented:
Its an IE bug.
In IE the attribute title only appears if the <select> element is disabled.
In MozFirefox works the opposite. Only if it's not disabled.

rgds

alex
0
 
sriggummaCommented:
praneetha,
Try the following. Here visibility of a layer is set true or false based on mouse events. You may have to customize the values to your need.

<!-- HTML CODE START -->
<select id="selTest1" onmouseover="JavaScript:ToolTipShow(event.screenX, event.screenX, true)" onmouseout="JavaScript:ToolTipShow(event.screenX, event.screenX,false)">
                        <option>1</option>
                        <option>2</option>
                  </select>
                  <div id="div1" style="Z-INDEX: 9; LEFT: 100px; VISIBILITY: hidden; WIDTH: 50px; POSITION: absolute; TOP: 100px; HEIGHT: 15px; BACKGROUND-COLOR: lightyellow">Select a number</div>
                  <script language=javascript>
<!--
var bPositionSet = false;
function ToolTipShow(iLeft, iTop, bTrueFalse) {
      if (!bPositionSet) {
                               // you may asign these values static or dynamically, depends on the actual case.
           document.getElementById("div1").style.width=((document.getElementById("div1").innerText.length)*8)+"px";
           document.getElementById("div1").style.left=(iLeft+15)+"px";
           document.getElementById("div1").style.top=(iTop+40)+"px";
           document.getElementById("div1").style.zIndex=99;
           bPositionSet = true;
      }
      if (bTrueFalse) {       document.getElementById("div1").style.visibility = "visible"; }
      else { document.getElementById("div1").style.visibility = "hidden";}
}
//-->
</script>
<!-- HTML CODE END-->


Hope this helps.
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now