Über Bild schweben, Druckdialog erhalten?

Question

Ich habe ein Anzeigenplatzierungssystem, das ein anzuzeigendes Anzeigebild nach dem Zufallsprinzip auswählt. Der Benutzer kann darauf klicken, um zu der entsprechenden Website zu gelangen, und es hat einen Rahmen, der erscheint, wenn er sich über ihm befindet.

Wenn jedoch die Kunden über die Anzeige schweben, möchte ich eine Option (vielleicht in der Ecke des Bildes) anzeigen, um sie auszudrucken (die Anzeigen sind Kupons, die in stationären Einrichtungen verwendet werden können).

Oder, wenn die Benutzerfreundlichkeit diktiert, ich möchte einen Link direkt unter der Anzeige, um einen Druckdialog zu starten.

Wie würde ich das tun?

Answer 1

Sie können das mouseover Ereignis verwenden, um zu bestimmen, wenn der Benutzer über das Element schwebt hat, das click Ereignis benachrichtigt werden, wenn der Benutzer den Druck Link klickt, und window.open(...) eine andere Seite zu öffnen, dass die Anzeige nur für sich allein haben möchte und dann window.print() im neuen Fenster zum Drucken der Seite.

Idealerweise möchten Sie nur drucken, ohne ein neues Fenster zu öffnen, aber mir ist keine browserübergreifende Möglichkeit bekannt, dies zu tun.

Answer 2

Verwendung js: hat ein Element in einer absolute Position auf der Seite so onmouseover = Änderung opacity Druck Symbol

Answer 3

Wenn Sie die Anzeige in einem iFrame haben Sie die JavaScript-Funktionen innerhalb des iFrame setzen, um zu zeigen die Schaltfläche zum Drucken auf den Mauszeiger (oder darunter) und tun wie beschrieben here, um Werbung aus einem iFrame zu drucken, ohne ein neues Fenster zu öffnen.