ListBox making false on outside click

Question

1.00/5 (1 vote)

See more:

Is it possible to make a listbox visible false if I click anywhere on the form outside the listbox. Please advice me.
Regards.

Posted 14-Jan-13 17:15pm

S.Rajendran from Coimbatore

Add a Solution

Comments

Sergey Alexandrovich Kryukov 14-Jan-13 23:27pm

What par of it is your problem. Do you understand that if you hide something this way, you will also need to show it? :-)
—SA

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

David_Wimbley · Answer 1 · 2013-01-14T17:22:00

Solution 1

If i understand your correction correctly you want to make it where if you lose focus on your listbox that it disappears correct?

Try the code below. Im assuming you have basic understanding of jquery/can call jquery.

JavaScript

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){
	$("#IdOfYourListBox").live("blur", function(){
		$("#IdOfYourListBox").hide();
	});
});
</script>
</head>

Posted 14-Jan-13 17:22pm

David_Wimbley

Updated 14-Jan-13 17:55pm

v2

Comments

Sergey Alexandrovich Kryukov 14-Jan-13 23:26pm

Not bad, but this way you will hide poor control forever. :-)
Of course, OP did not ask about that, but if we asked exact question as they are posed by unsuspecting inquirers, we would hardly really help anyone... so how about adding some code to show the control again? It will need some other control, a target of some event...
—SA

David_Wimbley 14-Jan-13 23:28pm

As i wrote the snippet i realized that as well but the question was to make it disappear so call me houdini. :-D

Sergey Alexandrovich Kryukov 14-Jan-13 23:31pm

:-)
Houdini actually re-appeared, even after being tied. Will OP's "requirements" tie you more? :-)
—SA

David_Wimbley 14-Jan-13 23:32pm

I guess if the requirements change i can find away to make a special appearance and re-appear. :-D

Sergey Alexandrovich Kryukov 14-Jan-13 23:34pm

:-)

S.Rajendran from Coimbatore 14-Jan-13 23:53pm

The listbox is generated dynamically (asp.net c#). After reading it should be made to disappear (listboxid.visible=false) by a mouse click anywhere on the form. I have no basics on jquery.
-raj.

David_Wimbley 14-Jan-13 23:54pm

In that case please re-read my solution, ive altered the code snippet and like Sergey said, once its disappeared its gone...wont come back until page reload.