Javascript imagemap区域元素上的Onclick事件
我有以下问题。我有一个大的图像(横幅),在它上面我有两个标志,这是两个地图区域。我想做以下事情:当你点击英语标志时,语言变为英语;当你点击西班牙语标志时,语言变为西班牙语。我不知道我是应该使用href还是onclick函数来实现它。我添加了一些代码Javascript imagemap区域元素上的Onclick事件,javascript,html,Javascript,Html,我有以下问题。我有一个大的图像(横幅),在它上面我有两个标志,这是两个地图区域。我想做以下事情:当你点击英语标志时,语言变为英语;当你点击西班牙语标志时,语言变为西班牙语。我不知道我是应该使用href还是onclick函数来实现它。我添加了一些代码 <img src="banner_trading_1440_x_176_esp.jpg" usemap="#planetmap"> <map name="planetmap"> <area shape="rect"
<img src="banner_trading_1440_x_176_esp.jpg" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="1318,14,1346,32" alt="Eng" href="javascript:window.location.href='<?php echo base_url(); ?> LanguageSwitcher/switchLang/spanish';" >
<area shape="rect" coords="1276,14,1303,32" alt="Esp" onclick="javascript:window.location.href='<?php echo base_url(); ?> LanguageSwitcher/switchLang/spanish';"/>
</map>
如果您停留在页面上并响应某个事件,我会说使用onclick
如果您要导航到一个新的url,我建议使用href
由于您要导航到一个新的url,我会使用类似于href=“LanguageSwitcher/switchLang/spanish”
的方法。如果您停留在页面上并响应某个事件,我会说使用onclick
如果您要导航到一个新的url,我建议使用href
既然您要导航到一个新的url,我会按照href=“LanguageSwitcher/switchLang/spanish”
的思路进行操作,您应该从区域标记调用javascript函数,并将php代码放入该函数定义中
并添加此函数的php代码
函数你的函数{
window.location.href='LanguageSwitcher/switchLang/spanish';
}
您应该从area标记调用javascript函数,并将php代码放入该函数定义中
并添加此函数的php代码
函数你的函数{
window.location.href='LanguageSwitcher/switchLang/spanish';
}
与PHP
无关。我认为您可以跳过onclick
事件中的javascript:
。你的问题到底是什么?为什么不使用a href而不是javascript window.location?您只能在图像上使用javascript,因为它不是一个与PHP
无关的自然链接(我个人会将它包装在一个链接中,而不是使用js)。我认为您可以跳过onclick
事件中的javascript:
。你的问题到底是什么?为什么不使用a href而不是javascript window.location?您只在图像上使用javascript,因为它不是一个自然链接(就我个人而言,我会将其包装在一个链接中,而不是使用js)
<img style="width: 30px; cursor: pointer; padding-top: 15px; padding-bottom: 15px;" src="http://www.hemptrading.com/tienda3/asserts/img/spain.png" onclick="javascript:window.location.href='<?php echo base_url(); ?> LanguageSwitcher/switchLang/spanish';"/>