I’m trying to implement this into a map setting, but I can’t seem to get it to work properly. I’ve tried the stuff mentioned in other comments, but they don’t seem to work either.

My chunk of code:

function showPopup(id, leftbul, topbul){
map.find(settings.popupSelector).fadeOut();
var boxid = ‘#’ + id + ‘-box’;
$(document).click(function(e)
{
var height = ’400′;
var width = ’275′;
leftVal=e.pageX-(width/2)+”px”;
topVal=e.pageY-(height/2)+”px”;
$(boxid).css({left:leftVal,top:topVal}).fadeIn();
});
$(settings.popupCloseSelector).click(function(){
$(this).parent().fadeOut();
});
}

In my example above, you can see that it is grabbing the ID’s in a special way. my id’s look something like “e1-box”, so that isn’t my issue.

When I click the anchor, it brings the popup perfectly, however after that I can’t get it to STOP popping up, clicking anywhere else on the map, it brings it over to that spot. Clicking another link brings up the second link for a split second, then turns into the original popup.

Changing (document).click to (boxid).click doesn’t cause any popup to show up as well. If you could promptly give me some insight, I would greatly appreciate it.

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…