CSS,HTML,JS:通过OnClick函数打开PopUp

时间:2017-03-01 22:25:44

标签: javascript html css

我已经下载了Europe map,我需要添加一个OnClick函数,而不是将颜色更改为黄色,应该在同一页面内打开一个迷你PopUp,显示一些关于该内容的信息状态。

在自定义事件部分中,它显示

  

自定义函数不会添加到自动生成的源代码中   手动将它们添加到$ .CSSMap();功能选项对象。

所以我把它放在index.html中,但它仍然不起作用。 有人可以帮忙吗? 感谢。

1 个答案:

答案 0 :(得分:1)

阅读文档:

  

自定义活动

     

onClick:function(listItem){}当region为时调用的函数函数   点击

     

防止默认点击操作添加rel =" nofollow"属性为   链接

如果我没错,你可以使用这样的东西:

$("#map-europe").CSSMap({
  onClick: function(item){
     //something like this...
     popitup("http://example.com?state="+item);
  }
});
//original code: http://stackoverflow.com/a/14351988/5032157
function popitup(url) {
   newwindow = window.open(url,'name','height=300,width=250');
   if (window.focus) { 
       newwindow.focus();
   }
   return false;
}

我无法测试它,所以如果这不能解决错误,请回答,以便我可以编辑答案。

首次修改:如果您想要一个灯箱而不是一个弹出窗口(我认为这就是您想要的),您可以使用:http://fancybox.net/

希望它有所帮助。