如何制作图像映射弹出窗口
How to make image-map pop-up
你好,我正在使用PHPDevel Popup Window (http://www.php-development.ru/javascripts/popup-window.php)
我正在尝试将我的弹出窗口集成到我的图像映射中,但它不起作用..
我的图像映射:
<img src="http://i34.tinypic.com/4tlkci.jpg" usemap="#Map" border="0">
<map name="Map" id="Map">
<area shape="circle" coords="120,109,67" href="#" />
</map>
还有我的弹出窗口:
<link rel="stylesheet" type="text/css" href="http://kgv-projekt.hr/pop/popup-window.css" />
<script type="text/javascript" src="http://kgv-projekt.hr/pop/jquery/jquery.js"></script>
<script type="text/javascript" src="http://kgv-projekt.hr/pop/popup-window.js"></script>
身体:
<!-- Anchor start -->
<a href="#" onclick="popup_window_show('#popup_window_id_2B7668D9714CE2A0158E3F1DA9DD0BA3', { pos : 'window-center', parent : this, x : 0, y : 0, width : 'auto' }); return false;">Open popup window</a>
<!-- Anchor end -->
<!-- Popup Window start -->
<div id="popup_window_id_2B7668D9714CE2A0158E3F1DA9DD0BA3" class="popup_window_css"><table class="popup_window_css"><tr><td class="popup_window_css"><div class="popup_window_css_head"><img src="http://kgv-projekt.hr/pop/images/close.gif" alt="" width="9" height="9" />Stock</div><div class="popup_window_css_body"><fieldset style=" margin-bottom:25px; float:left;">
<legend style=" width:170px; text-align: center;">Something </legend>
<table width="100%" border="0">
<tr>
<td height="59"><p>
<label>
<input type="radio" name="a7" value="1">
1. One</label>
<br>
<br>
</p></td>
</tr>
<tr>
<td height="59"><select name="aa7" id="aa7"><option>Submit</option></select></td>
</tr>
</table>
</fieldset></div><div class="popup_window_css_foot"><a href="http://www.php-development.ru/javascripts/popup-window.php" title="Powered by PHPDevel Popup Window | PHPDevel web scripts collection"><img src="http://kgv-projekt.hr/pop/images/about.gif" alt="" width="6" height="6" /></a></div></td></tr></table></div>
<!-- Popup Window end -->
有什么建议吗? 或者我如何使用Window open()
方法做到这一点?
<body style="text-align: center">
<img src="image.jpg" alt="" width="1513" height="983" usemap="#Map"/>
<map name="Map">
<area shape="poly"coords="149,297,121,399,248,598,221,652,151,643,134,599,77,545,28,375,26,323,47,268,148,297" href="popup.html" target="_blank" onclick="javascript:void window.open('http://www.sethharden.com/sis/california.html','1407798238173','width=650,height= 800,toolbar=0,menubar=0,location=0,status=0,scrollbars=1,resizable=1,left=0,top=0');return false;">
</map>
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 防止Iframe窗体在新窗口中打开
- 如何在映射数组中添加换行符
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- ng映射方向备选方案
- 调整窗口大小时,可拖动的对象会出现在容器外部
- 无法通过数组映射绑定
- Javascript排序的图像弹出窗口..可以't单独弹出
- 窗口大小html css
- 弹出窗口出现,然后退出
- 更改内容信息窗口映射v3
- 谷歌从数组中映射标记、折线和窗口信息
- 图像映射区域无法触发单击事件.afer最大化寡妇或恢复窗口单击事件触发
- 数据映射:如何在mouseover上显示弹出窗口并自定义mouseover事件侦听器
- 谷歌用多个信息窗口映射多个标记
- 图像映射新窗口打开
- jquerybing映射窗口标记未触发的点击事件
- 单击图像映射并在引导程序中打开模态窗口
- 谷歌地图JS API V3,添加了多个标记来映射来自远程json源的信息窗口
- 如何制作图像映射弹出窗口