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

Question

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

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

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

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

Answer 1

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

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

Answer 2

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

Answer 3

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