Наведите указатель мыши на изображение, получите диалоговое окно печати?

Question

У меня есть система размещения объявлений, которая случайным образом выбирает изображение для показа.Пользователь может щелкнуть по нему, чтобы перейти на соответствующий веб-сайт, и у него есть рамка, которая появляется при наведении на нее курсора.

Однако, когда клиенты наводят курсор на объявление, я хочу, чтобы вариант отображался (возможно, вугол изображения), чтобы распечатать его (реклама - это купоны, которые могут быть использованы в обычных и кирпичных заведениях).

Или, возможно, если удобство использования диктует, я бы хотел, чтобы ссылка прямо под объявлением началадиалоговое окно печати. ​​

Как мне это сделать?

Answer 1

Вы можете использовать событие mouseover, чтобы определить, когда пользователь наведен на элемент, событие click, которое будет уведомлено, когда пользователь щелкнет ссылку для печати, и window.open(...), чтобы открыть другую страницу, на которой объявление само по себе, а затем window.print() в новом окне, чтобы распечатать страницу.

В идеале вы бы хотели печатать без открытия нового окна, но я не знаю ни одного кросс-браузерного способа сделать это.

Answer 2

Если у вас есть объявление в iFrame, вы можете поместить функции javascript в iFrame, чтобы показывать кнопку печати при наведении курсора (или ниже), и, как описано здесь , печатать рекламу из iFrame.без необходимости открывать новое окно.

Answer 3

использовать js: иметь элемент в позиции absolute на странице, поэтому onmouseover = изменить opacity значка печати