Copy code

Permalink

Please tell us why you want to mark the subject as inappropriate. (Maximum 200 characters)

Private Message

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

Feedback

Email ID

Subject :

Comments :

Private Message

Type the characters you see in the picture below.

Attach files

Desktop Google Docs

Each Attachment size should not exceed 1.0 MB. Max no of attachments : 3

Loading User Profile...

guest

Response title

This is preview!

Attachments

()

New to this Portal? Click here to Sign up

You can also use the below options to login

jQuery
Plugins
UI
Meetups
Forum
Blog
About
Donate

All Forums
Recent Posts
Log In

Search jQuery

jQuery Forum

Move this topic

Forum :

Sub forum :

Getting Started

diego.a.b..

How to display a modal when the user will close the page?

in Getting Started • 9 years ago

Hello...

I wonder how do I load a modal window (with info within it), when the user is closing the page (go with the mouse pointer to the close button of the browser)?

Here is an example of this:

https://shop.ashampoo.com/10/purl-onlineshop?scope=checkout&cart=111972&cookie=false&usepricescale=false&x-source=web&x-mid=web

The above example loads a modal window when the user goes with the mouse to close the window.

How to do it? Can someone show?

Thank you all!

Replies(4)

jay.blanc..

Re: How to display a modal when the user will close the page?

9 years ago

It isn't being fired on the close button. Reload the page and move the mouse sideways or to the bottom - it doesn't fire. If you move the mouse slowly towards the top you'll see that the modal is fired when the mouse gets over a portion of the header.

diego.a.b..

Re: Re: How to display a modal when the user will close the page?

9 years ago

And can you show me an example of how I do it? A tutorial or something?

Leave a comment on jay.blanchard's reply

jay.blanc..

Re: How to display a modal when the user will close the page?

9 years ago

Have a look at the mouseover() function - http://api.jquery.com/mouseover/

Leave a comment on jay.blanchard's reply

diego.a.b..

Re: How to display a modal when the user will close the page?

9 years ago

Hello Jay, how are you?

I used mouseover it.

I made a div on top of that it is transparent (.modalabandon). This is the div that defines the area in which when the mouse passes by it I run a trigger that will open the modal is also hidden on the page.

This trigger will make the click function to open the modal (.modalcart)

obs.: modal link only in the html code, not showing

<a href="#abandon" name="modal" class="modalcart"></a>

Also I made the modal open only one time using ".one": http://forum.jquery.com/topic/how-to-make-jquery-function-run-only-1-time#14737000004224321

Below the code as it became:

jQuery('.modalabandon').one('mouseover',function()
{
jQuery('.modalcart').trigger('click');
}
);

Leave a comment on diego.a.biscaia's reply

Change topic type

Topic Type :

No of days :

Link this topic

Provide the permalink of a topic that is related to this topic

Permalink

Reply to diego.a.biscaia's question

Top Reply

{"z26862575":[14737000004226014,14737000004226169,14737000004245033],"z5263876":[14737000004224187,14737000004240019]}

Statistics

4 Replies
4175 Views
0 Followers

Actions

Permalink

Response title

Attachments

jQuery Forum

How to display a modal when the user will close the page?

Replies(4)

Re: How to display a modal when the user will close the page?

Re: Re: How to display a modal when the user will close the page?

Re: How to display a modal when the user will close the page?

Re: How to display a modal when the user will close the page?

Statistics

Tags

Actions