2011-01-11 11 views
3

私は表示する広告イメージをランダムに選択する広告配置システムを持っています。ユーザはそれをクリックしてそれぞれのウェブサイトにアクセスすることができ、その上に乗ったときに表示される枠線があります。画像の上にカーソルを置くと、印刷ダイアログが表示されますか?

ただし、広告の上にカーソルを置くと、(画像の隅に)表示されるオプションが必要になります(広告はレンガやモルタルの店舗で使用されるクーポンです)。

おそらく、使い勝手が問題になる場合は、広告のすぐ下にあるリンクをクリックして印刷ダイアログを開きたいと思います。

どうすればよいですか?

+0

2番目の考えでは、イメージの下の小さなリンクを印刷したければ、何をする必要がありますか? – AKor

答えて

1

イベントを使用して、ユーザーが要素の上にマウスを乗せたときに、clickイベントが印刷リンクをクリックしたときに通知され、window.open(...)イベントだけを使用して広告を単独で開くことができます新しいウィンドウでwindow.print()をクリックしてページを印刷します。

理想的には、新しいウィンドウを開くことなく印刷するだけですが、これを行うためのブラウザ間のやり取りは認識していません。

+0

別のウィンドウを開く代わりに、アクティブな 'media =" print "スタイルシートを' window.print() 'を呼び出す前に広告のみを表示するスタイルシートに切り替えることもできます。 –

+0

ああ、良いアイデア。適切な広告をターゲットにするには動的CSSファイルでなければならないかもしれませんが、間違いなく実行できます。 –

0

利用JS:あなたが持っていればその印刷アイコンのonmouseover =変更opacity

0

あなたはiFrameの内部でのjavascript機能を置くことができるiframe内に広告を表示するページ上のabsolute位置にある要素を持っています新しいウィンドウを開くことなくiFrameから広告を印刷するには、hereと記載されているように、ホバー(またはそれ以下)の印刷ボタンを押してください。

関連する問題