从网站

Question

目前我正在处理图像的打印按钮，这些按钮显示在叠加层上。按钮本身已经显示，但我需要指向图像的链接。问题是，这种类型的链接/覆盖更多，我在javascript中非常糟糕。

此外，叠加层的代码位于网站的最底层，因此我需要从上面获取网址。

点击的代码看起来像这样（其中。$ largebild。是数据库中图像的网址 - ＆gt;我在底部无法访问它）

echo '
<div>For the menu of the week click
    <span class="zoom-enabled"  zoom="<div class=\'overlayplakat\' id=\''.$largebild.'\' name=\'nameOfElement\' style=\'background: url('.$largebild.') no-repeat center center; background-size: contain;\'></div>"> here!</span>
</div>';

我的计划是，脚本函数应该获取id，即url，其中名称是被单击的元素。

所有这一切的问题是，它应该是打印按钮的一个功能，以便知道它应该在何处获取链接并将其打印出来：

<div id="overlay-print">
    <a id="link" href="javascript:getImageLink()" target="_blank">
        <i class="icons overlay-button-size">&#xE8AD;</i>
    </a>
</div>

我认为有关于参数的信息，可能还有一个帮助函数来识别单击了哪个元素。

我会非常感谢你的帮助。如果您还需要其他任何东西，请询问。

PS：你应该知道，昨天我发布的相同，但昨天我只需要一个对我来说很好的链接。这是链接：Link for printing image

Answer 1

如果您不想传递参数，并且想要像您的帖子那样内联您的javascript，我认为您至少有两个选项：

1. 使用DOM结构来确定要打印的图像。
2. 单击时标记相应的图像，并在单击“打印”时使用标记打印图像。

对于选项1，如果你有一个像：

这样的DOM

.div
   #url.overlayplakat
   %button.print

当用户点击打印按钮时，您可以对相邻的.overlayplakat类进行javascript搜索，以获取其ID以获取可打印的网址。

像这样：

function getImageLink() {
   var url = $(this).siblings('.overlayplakat').attr('id');
   return url;
}