Как сделать обработчик в javascript?

Question

[HardBIT]

У меня на сайте есть реклама. Мне нужно чтобы при нажатии на рекламу появился блок DIV. Я написал скрипт, но при клике по блоку iframe ничего не происходит.

$(document).ready(function(){
	
	  $('form.1').fadeOut();	
		
	  $('iframe').onclick(function(){ 
		$('form.1').fadeIn();
		$('form.fake').fadeOut();
      });
	  
});

Answer 1

[DenJel]

Ошибка в синтаксисе

$('iframe').click(function(){ 
    $('form.1').fadeIn();
    $('form.fake').fadeOut();
      });

либо

$('iframe').on('click', function(){ 
    $('form.1').fadeIn();
    $('form.fake').fadeOut();
      });

Это почему клик не отрабатывает, а что касается открытия div'a, снизу правильно написали, нужно в абсолюте прозрачный блог поверх фрейма повесить и обрабатывать клик при нажатии на него

Answer 2

[Анатолий Сидоров]

Если речь идет про <iframe>, то обработчики click/dblclick/прочие на нем отрабатывать не будут.
Но можно повесить пустой прозрачный блок поверх iframe, и уже с него отлавливать события.

Answer 3

[Виталий Инчин ☢]

Во фрейме документ, вы кликаете по нему - не по фрейму.
Литература

$($("iframe")[0].contentWindow.document).click(function(){
    alert("lol");
});

Comments

[Анатолий Сидоров]

Угу, а при contentWindow.document в большинстве случаев получаете отказ в виде Uncaught DOMException: Blocked a frame with origin "***url***" from accessing a cross-origin frame.

[Виталий Инчин ☢]

Анатолий Сидоров: думаю, из простого здравого смысла сервер с документом должен разрешить кроссдоменные запросы.

Идеального решения нет. При вашем варианте пользователь лишится возможности кликнуть на что-то конкретное во фрейме, прокручивать его и прочее. Подделать прокрутку - легко, а вот клик? -Та же ошибка с доступом.

[Анатолий Сидоров]

Если это кто-то и будет это делать, то точно не из здравого смысла)