python - 在 web2py 中，如何在图像映射中使用执行函数的回调参数？

Question

在单击链接而不重定向到新页面时执行函数可以使用 callback= 而不是 A( 中的 _href ) 助手。

XML() 帮助器可用于构造带有没有 web2py 帮助器的标签的 html 代码。例如，一张图像可以有两个超链接，一个是单击图像的上半部分，另一个是单击下半部分。 XML() 帮助器可以与 A() 帮助器一起使用，如下所示:

{{=A(
  IMG(_src=URL('static', path_to_im), _alt='alt text', _height=400, _width=400, _usemap='#'+map_name),
  XML('<map name="%s"><area shape="rect" coords="0,200,400,400" href = "%s"><area shape="rect" coords="0,0,400,200" href = "%s"></map>' % (map_name,enqueue,play))
)}}

。 。 。但 A() 的使用根本不使用 _href= 。那么如何针对图像映射的不同区域实现类似回调的行为呢？

我尝试添加 data-w2p_method="POST" 和使用 XML() 的任意 id，如在页面源中生成的，用于常规使用 A (...callback=URL()) 但这不起作用。

Answer 1

如果您使用 usemap属性和 <map>元素来创建客户端图像映射，那么您就不会包装 <img>在 <a>元素(用于服务器端图像映射)——所以 A() helper (及其“回调”参数)在这里无关紧要。相反，您需要为 map 设置自己的单击处理程序。未经测试，但可能类似于:

$('map').on('click', 'area', function(e) {
  e.preventDefault();
  var href = $(this).prop('href');
  ajax(href, [], 'mytarget');
});