【问题标题】:Hover Over Image, Get Print Dialog?将鼠标悬停在图像上,获取打印对话框?
【发布时间】:2011-06-06 21:52:05
【问题描述】:

我有一个随机选择要显示的广告图片的广告展示位置系统。用户可以点击它来访问相应的网站,当它悬停在它上面时会出现一个边框。

但是,当客户将鼠标悬停在广告上时,我希望显示一个选项(可能在图片的一角)以将其打印出来(广告是可以在实体店使用的优惠券)。

或者,如果可用性要求,我希望在广告下方有一个链接以启动打印对话框。

我该怎么做?

【问题讨论】:

  • 再想一想,如果我只想打印图像下方的一个小链接,我该怎么办?

标签: php javascript image printing


【解决方案1】:

您可以使用mouseover 事件来确定用户何时将鼠标悬停在元素上,click 事件在用户单击打印链接时得到通知,window.open(...) 用于打开另一个页面广告本身,然后在新窗口中window.print() 打印页面。

理想情况下,您只想打印而不打开新窗口,但我不知道有任何跨浏览器的方法可以做到这一点。

【讨论】:

  • 打开另一个窗口的另一种方法是将活动的media="print" 样式表切换到只显示广告的样式表,然后调用window.print()
  • 啊,好主意。虽然它可能必须是一个动态 CSS 文件才能定位到正确的广告,但这绝对是可行的。
【解决方案2】:

使用 js:在页面上的 absolute 位置有一个元素,因此 onmouseover = 更改打印图标的 opacity

【讨论】:

    【解决方案3】:

    如果您将广告放在 iFrame 中,您可以将 javascript 函数放在 iFrame 中,以在悬停(或下方)上显示打印按钮,并按照here 所述的方式从 iFrame 打印广告而无需打开一个新窗口。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-10-17
      • 1970-01-01
      • 2013-03-11
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-08-06
      • 1970-01-01
      相关资源
      最近更新 更多