Comments on: How to display pop-up message on mouse clicked position using jQuery

By: pligg.com

pligg.com — Thu, 17 Dec 2009 20:23:41 +0000

Display pop-up message on mouse clicked position using jQuery…

Today, I would like to share the way of handling array of HTML FORM elements using JavaScript and PHP.Well, it’s very easy to get the data from the array of HTML form elements in PHP and using them but in JavaScript it’s a bit tricky to handle the ar…

By: aarzman

aarzman — Thu, 29 Oct 2009 13:26:29 +0000

Great script!! Is there any jquery control to stop the popup box appear out side of the window? possibly but declaring the window.innerHeight and window.innerWidth?
thanks for sharing!

By: Eyveneena

Eyveneena — Mon, 26 Oct 2009 19:45:16 +0000

thank you, thank you, thank you…..:)

By: Vasim Padhiyar

Vasim Padhiyar — Fri, 25 Sep 2009 08:22:00 +0000

your script works.
thank you for sharing

By: Darren Fauth

Darren Fauth — Tue, 19 May 2009 19:52:35 +0000

Nice. I appreciate this tutorial and the good explanation in the comments about how to do this with a link…I’m using a form button. Works great. Thanks!

By: asdf

asdf — Fri, 01 May 2009 17:22:01 +0000

$(document).click(function(e)
{
//getting height and width of the message box
var height = $(‘#popuup_div’).height();
var width = $(‘#popuup_div’).width();
//calculating offset for displaying popup message
leftVal=e.pageX-(width/2)+”px”;
topVal=e.pageY-(height/2)+”px”;
//show the popup message and hide with fading effect
$(‘#popuup_div’).css({left:leftVal,top:topVal}).show().fadeOut(1500);
});

By: zany

zany — Tue, 27 Jan 2009 04:17:50 +0000

This pop-up is cool ,but to disable it ,can we add some function for eg if we press outside the background or close X or ecape key the pop-up will be disabled.Can you please help me with this???

By: nagendran

nagendran — Sat, 06 Dec 2008 06:08:14 +0000

thanks for great code, i want disaplsy or past some text at mouse clicked position, only one time ,

By: Gokhan

Gokhan — Fri, 05 Dec 2008 12:07:02 +0000

First thanks for the great code.
I want to use right click instead of left click is it possible?

By: Roshan

Roshan — Mon, 10 Nov 2008 16:40:21 +0000

@mohan – you can do it by having similar similar id of realted links and popups then using jquery to extract the id name when clicked and then displaying the realated popup..one script will be enough if you know the jquery

By: Mohan

Mohan — Mon, 10 Nov 2008 08:23:33 +0000

Hello!

I was suppose to use ur script in one of my tasks, suppose if i have multiple buttons with different id’s i want the function to be called and a seperate popup to be shown for each button i click. do i need to use a individual script for all buttons i use??? or i can change the existing script to resolve the issue!….

By: Roshan

Roshan — Wed, 22 Oct 2008 07:02:21 +0000

@kamal – yes it is definately possible kama…you have to show the popup in the anchor click event and I think that won’t be tough task

By: kamal

kamal — Tue, 21 Oct 2008 21:15:52 +0000

Hi, and thanks for sharing the must lovely script in the world.
i have one question?
using your script, remember me some website who let people to download files, so after the page load and try to click over the link download or any place in the website, an advertising popup appear just one time… so it’s possible to do it with this jQuery technique you use.
thanks (sorry 4 my english)

By: Anuk

Anuk — Tue, 07 Oct 2008 17:15:50 +0000

it works

By: Jace

Jace — Tue, 07 Oct 2008 09:29:25 +0000

Managed to get this working.
Firstly make sure toe enclosing single quote is correct:

$(‘#anchorid’).click(function(e){

Secondly enclose the script in the following:

$(document).ready(function() {
CODE HERE
});