Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Клик в iframe (https://javascript.ru/forum/jquery/49433-klik-v-iframe.html)

Alexei91 13.08.2014 11:06

Клик в iframe
 
Здравствуйте, есть скриптик:
$('.main_frame').contents().find("#click").ready(function(){
			$(".right_frame").css({'display':'block'})
			$(".frame_container").css({'padding-right':'230px'})
	});

структура такая:
<section class="frame_container">
		<iframe class="table_frame" name="table" marginheight="0" marginwidth="0"></iframe>
		<iframe class="main_frame" src="main.html" name="main" marginheight="0" marginwidth="0"></iframe>
		<iframe class="right_frame" name="right" marginheight="0" marginwidth="0"></iframe>
	</section>

кнопка #click находится в class="main_frame"
фреймы загружаются в трёхколоночный макет по очереди.
как я понял для iframe нет события click.Пробовал ставить вместо .ready - .click. Jquery учу не так давно и много не понимаю, поэтому прошу помощи. Читал литературу-вроде бы вопрос поднимается но на сложных для меня примерах. Код в таком виде как сейчас работает, но мне нужно по нажатию. Заранее большое спасибо.

Rise 13.08.2014 14:41

Alexei91,
$(function(){
	$('.main_frame').load(function(){
		$(this).contents().find('#click').click(function(){
			$('.right_frame').css({'display':'block'});
			$('.frame_container').css({'padding-right':'230px'});
		});
	}).attr('src','main.html');
});

<section class="frame_container">
	<iframe class="table_frame" name="table" marginheight="0" marginwidth="0"></iframe>
	<iframe class="main_frame" name="main" marginheight="0" marginwidth="0"></iframe>
	<iframe class="right_frame" name="right" marginheight="0" marginwidth="0"></iframe>
</section>

Alexei91 13.08.2014 16:16

спасибо, помогло


Часовой пояс GMT +3, время: 14:33.