<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
LVL 15
praneethaAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

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
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

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

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
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
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.

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.