Solved

Select box

Posted on 2006-10-22
6
205 Views
Last Modified: 2010-04-09
Hi

Is it possible to display a hint in the contents of a select box ?
For example the details of the current option but before the user click it...

Thanks in advance.
0
Comment
Question by:CodedK
  • 4
  • 2
6 Comments
 
LVL 41

Accepted Solution

by:
HonorGod earned 200 total points
ID: 17783987
If you use the title attribute, this "may" do what you want.  For example:

<select>
  <option title='This is a test'>one</option>
  <option title='This is something else'>two</option>
  <option title='Are you kidding?'>three</option>
</select>

  If you click on the selection list, and hold the cursor over one of the entries (e.g., "one"), then the hint/tip message in the title attribute is displayed.  If this isn't what you want, please be more specific.
0
 
LVL 16

Author Comment

by:CodedK
ID: 17784299
Thank you HonorGod... There is a problem.. It works in FF but not in IE.
0
 
LVL 41

Expert Comment

by:HonorGod
ID: 17784574
Ah.  checking
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 41

Expert Comment

by:HonorGod
ID: 17784578
Hm.  Apparently, IE only wants to use titles in a limited number of instances.  How about this?
Changing the status message line (bottom of the browser) based upon the value of the current title?
---------------------------------------------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> Select Tip </title>
<script type='text/javascript' src='../objDisplay.js'></script>
<script type='text/javascript'>
  function chgTitle( obj ) {
    var child = obj.selectedIndex;
    var opts  = obj.getElementsByTagName( 'option' );
    var kid   = opts[ child ];
    obj.title = kid.title;
    window.status = kid.title;
  }

  function init( id ) {
    var obj = document.getElementById( id );
    chgTitle( obj );
    obj.focus();
  }
</script>
</head>
<body onload='init("here")'>
<select id='here' onkeyup='chgTitle(this)'>
  <option title='This is a test'>one</option>
  <option title='This is something else'>two</option>
  <option title='Are you kidding?'>three</option>
</select>
<a href='#' title='Is this working?' onclick='return false;'>My link</a>
</html>
0
 
LVL 16

Author Comment

by:CodedK
ID: 17787061
Thank you HonorGod.
Unfortunately i allready use some JS for the onclick of the selected option.

Anyway, thank you for your time and your good answers :)
0
 
LVL 41

Expert Comment

by:HonorGod
ID: 17805759
Thanks for the 'A'
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

Suggested Solutions

Foreword (July, 2015) Since I first wrote this article, years ago, a great many more people have begun using the internet.  They are coming online from every part of the globe, learning, reading, shopping and spending money at an ever-increasing ra…
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

929 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

10 Experts available now in Live!

Get 1:1 Help Now