Во frame загрузить страницу после выбора элемента из select
Здравствуйте.
Подскажите может кто знает пример скрипта, нужно во frame загружать страницу после выбора элемента из select. Пока есть только главная страница:
<html>
<head>
<title></title>
<style>.table {border-collapse: collapse; border: 1px solid #00280e}</style>
</head>
<body>
<table align = "center" bordercolor = "black" border="1" class = "table" width = "1080">
<tr>
<td colspan = "3">
1
</td>
</tr>
<tr>
<td width = "250">
2
</td>
<td>
<select>
<option value="Table1.html">Table1</option>
<option value="Table2.html">Table2</option>
</select><br>
<iframe width="580" height="150"></iframe>
</td>
<td width = "250">
2
</td>
</tr>
</table>
</body>
</html>
|
<iframe name="table" width="580" height="150"></iframe> <select onchange="document.frames.table.src = this.value"> <option value="Table1.html">Table1</option> <option value="Table1.html">Table1</option> </select> |
<iframe id="frame0" width="580" height="150" src=""></iframe><br/>
<select onchange="document.getElementById('frame0').src = this.value">
<option value="">Выберите</option>
<option value="http://asd-electro.ru/">Table1</option>
<option value="http://javascript.ru/">Table2</option>
</select>
|
Большое спасибо Deff, Ruslan_xDD!
Можно еще спросить, как сделать чтобы при загрузке основной страницы, во фрейм загружалась по умолчанию например <option value="http://asd-electro.ru/">Table1</option>, но при этом можно было бы выбрать из select другой элемент и соответственно в фрейм подгружать другую страницу(это был мой вопрос выше)? |
<body onload="document.frames.table.src = document.getElementById('table').value">
<iframe name="table" width="580" height="150"></iframe>
<select id="table" onchange="document.frames.table.src = this.value">
<option value="Table1.html">Table1</option>
<option value="Table2.html">Table2</option>
</select>
</body>
|
Большое спасибо Ruslan_xDD!
Получилось как-то так, все работает:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<style>.table {border-collapse: collapse; border: 1px solid #00280e}</style>
</head>
<body onload="document.getElementById('frame1').src = document.getElementById('select1').value">
<table align = "center" bordercolor = "black" border="1" class = "table" width = "1065">
<tr>
<td colspan = "3">
<img src = "pict.jpg">
</td>
</tr>
<tr>
<td rowspan="2" width="230">
2
</td>
<td width="605">
<select id = "select1" onchange="document.getElementById('frame1').src = this.value">
<option value="Table1.html">Table1</option>
<option selected value="Table2.html">Table2</option>
</select>
</td>
<td rowspan="2" width="230">
2
</td>
</tr>
<tr>
<td>
<iframe id="frame1" width="605" height="150" src=""></iframe><br/>
</td>
</tr>
</table>
</body>
</html>
|
А как можно выбрать элемент после загрузки страницы с помощью JavaScript в iframe
Вот код:
<!--Kurs.com.ua regional 385x370 Киев blue-->
<div id='kurs-com-ua-informer-regional-385x370-15-kiev-blue-container'><a href='http://kursvalut.com' id='kurs-com-ua-informer-regional-385x370-15-kiev-blue' title='Курс валют в России' target='_blank'>Курс валют в России</a></div>
<script type='text/javascript'>
(function() {var iframe = '<ifr'+'ame src="http://kurs.com.ua/informer/regional2/15/908?color=blue" width="385" height="370" frameborder="0" vspace="0" scrolling="no" hspace="0"></ifr'+'ame>';var container = document.getElementById('kurs-com-ua-informer-regional-385x370-15-kiev-blue');container.parentNode.innerHTML = iframe;})();
</script>
<noscript><img src='http://kurs.com.ua/static/images/informer/kurs.png' width='52' height='26' alt='kurs.com.ua: курс валют в Украине!' title='Курс валют' border='0' /></noscript>
<!--//Kurs.com.ua regional 385x370 Киев blue-->
|
| Часовой пояс GMT +3, время: 00:37. |