Отворете външна връзка в iframe, като използвате падащото меню

Използвам php за четене на текстов файл и генериране на падащо меню, което ще отвори връзка в нов раздел, когато е избрана опция

<select onChange="window.location.href=this.value">
<?php
if ($file = @fopen('data-receive.txt', 'r')) {
while(($line = fgets($file)) !== false) {
echo "<option style='width:100px;' value='http://{$line}'>{$line}</option>";
}
fclose($file);
}
?>
</select>

Това работи перфектно и отваря избрания уебсайт в нов раздел.

Въпреки това имам вградена рамка на страницата и бих искал опцията от падащото меню да се отваря във вградената рамка вместо в нов раздел

<iframe src="demo.html" name="test-frame" width="100%" height="500px"></iframe>

Възможно ли е това? Всяка помощ ще бъде много благодарна или sms ми

** РЕШЕНО ** Промених

window.href.location

to 

frames['test-frame'].location.href

Източник: http://konus.biz/books/DHTML/%D3%F7%E5%E1%ED%E8%EA%20JS%20%EE%F2%20quirksmode/iframe.html#


php iframe drop-down-menu hyperlink external
person Bob Richards    schedule 24.04.2015    source източник
comment
Използвайте JavaScript или jQuery, за да промените iframe src   -  person Pedro Lobito    schedule 25.04.2015
comment
хаха, можеш да му дадеш пример в раздела за отговори.. аз също мога да му дам един там, но сега съм лошият човек, защото го спомена в коментара. Какво дава? чакайки неговия отговор?   -  person blamb    schedule 25.04.2015
comment
Благодаря ви за отговора, сега намерих решението. Използвах: frames['test-frame'].location.href   -  person Bob Richards    schedule 25.04.2015

Отговори (1)


arrow_upward
1
arrow_downward 

<select id="changeIframe">
<?php
if ($file = @fopen('data-receive.txt', 'r')) {
while(($line = fgets($file)) !== false) {
echo "<option style='width:100px;' value='http://{$line}'>{$line}</option>";
}
fclose($file);
}
?>
</select>

Ifarme:

<iframe id="sourceIframe" src="demo.html" name="test-frame" width="100%" height="500px"></iframe>

Javascript:

var iframe = document.getElementById("sourceIframe");
var changeIframe= document.getElementById("changeIframe");

changeIframe.onchange = function()
{
    iframe.src = this.value;
}
person Ido    schedule 24.04.2015