2011-01-11 6 views
3

표시 할 광고 이미지를 임의로 선택하는 광고 게재 위치 시스템이 있습니다. 사용자는 클릭하여 해당 웹 사이트에 접속할 수 있으며, 마우스를 올리면 테두리가 나타납니다.이미지 위에 마우스를 올리면 인쇄 대화 상자가 나타 납니까?

그러나 고객이 광고 위로 마우스를 가져 가면 (이미지 모서리에) 광고를 인쇄 할 수있는 옵션이 필요합니다 (광고는 벽돌 및 박격포 업체에서 사용할 수있는 쿠폰입니다).

유용성에 따라 인쇄 대화 상자를 시작하려면 광고 바로 아래에 링크가 필요합니다.

어떻게하면됩니까?

+0

두 번째 생각에 인쇄 할 이미지 아래의 작은 링크 만 원한다면 어떻게해야합니까? – AKor

답변

1

이벤트를 사용하면 사용자가 요소 위에 마우스를 올렸을 때를 알 수 있고 사용자가 인쇄 링크를 클릭하면 알림을받을 click 이벤트를, window.open(...)을 사용하면 광고 자체가있는 다른 페이지를 열 수 있습니다 페이지를 인쇄하려면 새 창에서 window.print()을 입력하십시오.

새 창을 열지 않고 인쇄하는 것이 가장 이상적이지만 이상적인 브라우저 방법은 알고 있지 않습니다.

+0

다른 창을 여는 한가지 방법은'window.print()'를 호출하기 전에 활성화 된'media = "print"스타일 시트를 광고 만 보여주는 스타일 시트로 바꾸는 것입니다. –

+0

아, 좋은 생각이야. 올바른 광고를 타겟팅하기 위해서는 동적 인 CSS 파일이어야하지만 분명히 할 수 있습니다. –

0

사용 JS : 당신이있어 경우에 따라서 인쇄 아이콘의 onmouseover = 변화 opacity

0

당신은 iframe 내에서 자바 스크립트 기능을 넣을 수 있습니다 iframe에 광고가 보여 페이지에 absolute 위치에 요소를 가지고 (또는 아래)의 인쇄 버튼은 새 창을 열지 않고도 iFrame에서 광고를 인쇄하려면 here을 설명하는 것과 같습니다.

관련 문제