Открытие ссылок из select в iframe
Доброго времени суток.
Помогите решить задачу: нужно чтобы ссылки(разные) из select окрывались в iframe. вот примерно что удалось найти по смыслу:
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
</style>
</head>
<body>
<script>
function openinframe(target) {
document.getElementById(target).src = 'http://site.ru';
}
</script>
<form>
<div>
<select>
<option selected>Выберите ссылку</option>
<option onclick="openinframe('window1','http://site1.ru')"> сайт 1</option>
<option onclick="openinframe('window1','http://site2.ru')"> сайт 2</option>
<option onclick="openinframe('window1','http://site3.ru')"> сайт 3</option>
</select>
</div>
</form>
<div>
<iframe width="200" height="100" scrolling="auto" frameborder="0" id="window1"></iframe>
</div>
</body>
</html>
в этом примере открывается только site.ru естественно, а надо чтоб открывались выбираемые из select ссылки. Не знаю как переделать...:-? И еще желательно закрывашку приделать: чтобы при выборе "выберите ссылку" открытая ссылка в iframe закрывалась. Или отдельную кнопку сделать на закрытие открытой в iframe ссылки(этот вариант даже лучше). Заранее благодарен. |
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
</style>
</head>
<body>
<script>
function openinframe(target) {
document.getElementById('window1').src = target;
}
</script>
<form>
<div>
<button type="button" onclick="document.getElementById('select0').selected=true;openinframe('')">Х</button>
<select>
<option id="select0" selected onclick="openinframe('')">Выберите ссылку</option>
<option onclick="openinframe('http://javascript.ru/forum/')"> сайт 1</option>
<option onclick="openinframe('http://habrahabr.ru/top/')"> сайт 2</option>
<option onclick="openinframe('https://www.google.ru/')"> сайт 3</option>
</select>
</div>
</form>
<div>
<iframe width="100%" height="300" scrolling="auto" frameborder="0" id="window1"></iframe>
</div>
</body>
</html>
|
Цитата:
Только один момент: при нажатии кнопки "Х" в поле селекта остается название закрытого сайта, а надо чтоб возвращалось на "Выберите ссылку", т.е. в исходное состояние :) |
Вродь поправил
|
Цитата:
Большое спасибо :thanks: :yes: (+) |
| Часовой пояс GMT +3, время: 20:18. |