Перейти к публикации

jquery - как передать переменную в модальный iframe?


Рекомендованные сообщения

Необходимо передать переменную из родительского окна в input ифрейма, который загружается в модальном окне.

index.htm


<html>

<head><title>Main Page</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<script language="javascript" type="text/javascript">


function load_iframe (){


		$('#iframediv').remove();

		$('body').append("<div id='iframediv' title='iframediv' style='display:none'></div>");



		$('#iframediv').dialog({

			autoOpen: true,

			width: 732,

			height: 550,

			open: function(event, ui) {

				$("#iframediv").html("<iframe name='iframe' id='iframe' width='100%' height='550' src='iframe.htm'></iframe>");


//			   var $currentIFrame = $('#iframe');

//			   $currentIFrame.contents().find("body #iframeinput").val("Value from parent file.");

			}

		});


		return false;


};

</script>


</head>

<body>

<a onclick="load_iframe();" href="#">go</a>

</body>

</html>

iframe.htm

<html>

<head><title>Iframe</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

</head>

<body style="background:cyan;">

<input id="iframeinput" name="iframeinput" type="text" />

</body>

</html>

Этот способ не работает

var $currentIFrame = $('#iframe');

$currentIFrame.contents().find("body #iframeinput").val("Value from parent file.");

Ссылка на сообщение
Поделиться на других сайтах

Ну раз никто не отвечает, сам себе отвечю:

index.htm:

document.getElementById('IframeID').src = "somepage.html?seed=" + custom_seed;
iframe.htm:
var seed = window.location.search.substring(window.location.search.indexOf('seed=') + 5);

if (seed.indexOf('&') >= 0) {

	seed = seed.substring(0, seed.indexOf('&'));

}

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...