Question

我有以下问题。我有一个大形象（横幅），上面有两个标志，分别是2个地图区域。我要执行以下操作：单击英语标志时，语言将更改为英语，单击西班牙语标志时，语言将更改为西班牙语。我不知道是否应该使用href或onclick函数。我添加一些代码。

<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>

在我将两个标志都标记为2个单独的图像之前，代码是这样的（并且运行良好）：

  <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';"/>

Answer 1

如果您停留在页面上并对事件进行响应，我会说使用onclick。

如果您要导航到新的网址，我会说使用href。

由于您要导航到新的URL，因此我将按照href="<?php echo base_url(); ?>LanguageSwitcher/switchLang/spanish"的含义进行操作。

Answer 2

您应该必须从Area标签调用javascript函数，并将php代码放入该函数定义中

<area shape="rect" coords="1318,14,1346,32" alt="Eng" href="javascript:your_function();" >

并添加此功能的php代码

<script> function your_function() { window.location.href='<?php echo base_url(); ?> LanguageSwitcher/switchLang/spanish'; } </script>

图像地图区域元素上的Onclick事件

2 个答案: