Popup on Mouse enter and Mouse out

Question

0.00/5 (No votes)

See more:

Hi,

I was trying to apply a pop up control to a Link button on my ASP.NET website. The popup appears only on button click. How can the behavior be modified to make the popup appear when on mouseover and hide on mouseout?

Button code:

<asp:LinkButton ID="LinkButton2" CssClass="btn green"  ToolTip="NewProfile" Text="NewPlugin" 
           runat="server" Width="175px" onclick="AddBtn_Click" /><br /><br />

For popup control:

<asp:Panel ID="Panel4" runat="server" CssClass="popupControl">
                <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                    <contenttemplate>
                        Administrative previliges are required for this action.                            
                    </contenttemplate>
                                    
       <asp:PopupControlExtender ID="PopupControlExtender1" runat="server" TargetControlID="LinkButton2" PopupControlID="Panel4" Position="Right">

Posted 16-Jan-11 0:22am

optimus_prime1

Updated 16-Jan-11 0:26am

TweakBird

v2

Add a Solution

Comments

TweakBird 16-Jan-11 6:27am

Minor change: corrected spellings.

2 solutions

Solution 2

"The popup appears only on button click." -- not too bad.

"make the popup appear when on mouseover and hide on mouseout" -- the user gets furious.

Do you remember many users block pop-ups -- for good reasons?

Try such changes on ~~dogs~~ your colleagues first. Be careful.

Good luck!

Posted 16-Jan-11 8:14am

Sergey Alexandrovich Kryukov

Updated 16-Jan-11 8:17am

v2

Comments

Manfred Rudolf Bihy 16-Jan-11 14:28pm

I agree with "being careful" doing changes like these. There should be a very good reason if a popup is triggered by a mouseover. 5+
(I also agree with trying it on colleagues first, they tend not to bite as hard as dogs ehrrm customers)

Sergey Alexandrovich Kryukov 16-Jan-11 15:06pm

Thanks Manfred, about colleagues -- this is exactly what I mean.

The mention of dogs here has just the opposite meaning (dogs do not really bite if you know what you do); "would try on dogs first" is a known meme, meaning the approach of experimental science as opposed to ignorant and risky decision (originally -- political, you understand...).

Espen Harlinn 16-Jan-11 15:21pm

As I understood it - "The popup appears only on button click" - this is how it initially behaved, and he wants to change it to "make the popup appear when on mouseover and hide on mouseout"

Sergey Alexandrovich Kryukov 16-Jan-11 16:35pm

I think you understood it correctly, so did I. A pop-up on button is not so good, but new behavior would be a disaster -- aren't you agree?

Manfred Rudolf Bihy 16-Jan-11 15:27pm

@Espen: That was clear and also understood, problem is though as SAKryukov already stated that the user might not be amused by this new behavior and my opinion is that there must be a very good reason to change from the expected behavior.

Sergey Alexandrovich Kryukov 16-Jan-11 16:36pm

I would say, in case of new behavior the user would be amused... way too much. :-)

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)

Espen Harlinn · Accepted Answer · 2011-01-16T00:26:00

Solution 1

Here is a number of solutions using jQuery:
http://www.webdesignbooth.com/15-jquery-plugins-to-create-an-user-friendly-tooltip/[^]

Regards
Espen Harlinn

Posted 16-Jan-11 0:26am

Espen Harlinn

Comments

TweakBird 16-Jan-11 6:28am

Good Link

Sergey Alexandrovich Kryukov 16-Jan-11 14:16pm

I trust it should work - my 5.
Won't hurt looking at the usability though. See my answer.

Espen Harlinn 16-Jan-11 15:17pm

Thanks SAKryukov!