Спасибо за ответ, кнопка работает! Но есть проблема, на странице уже есть фрейм, в котором отображаются сайты , который пользователь выбирает в выпадающем меню (организованно с помощью <form> ) , расположенном на родительской странице. А как привязать эту кнопку, делать то же самое, отображать в том же окне фрейма, при нажатии на кнопку).
, я ваш пример переделал под себя. кнопка работает но отображается 2 окна фрейма
Вот код существующего фрейма, вместе с тем примером что вы показали, не могу найти, где я сделал ошибку
:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>All books</title>
<meta name="description" content="All books"/ >
<meta name="keywords" content="All books"/ >
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
</head>
<body background=zadniy_fon3.jpg>
<input id="but1" type="button" class="button4" value="Следующий сайт >">
<iframe name="site" width="100%" height="700" src="http://javascript.ru/"></iframe>
<script>
var button = document.getElementById('but1'),
iframe = document.getElementById('fr'),
arr = ['http://javascript.ru/', 'https://webref.ru', 'http://htmlbook.ru', 'http://proklondike.com', 'http://forcoder.ru', 'https://habrahabr.ru', 'http://progbook.ru/', 'http://lifehacker.ru', 'http://aldebaran.ru'];
count = 1;
button.addEventListener("click", function(){
if (count == arr.length) { count = 0};
iframe.src = arr[count];
count++;
});
</script>
<caption></caption>
<tr>
<th>
<form id="book" >
<select id="mymenu" onchange="top.site.location.href = this.options[this.selectedIndex].value;">
<optgroup label="group1">
<option value="http://javascript.ru/" target="site">javascript </option>
<option value="https://webref.ru" target="site">webref</option>
<option value="http://htmlbook.ru" target="site">htmlbook</option>
</optgroup>
<optgroup label="group2">
<option value="http://proklondike.com" target="site">proklondike</option>
<option value="http://forcoder.ru" target="site">forcoder</option>
<option value="https://habrahabr.ru" target="site">habrahabr</option>
</optgroup>
<optgroup label="group3">
<option value="http://progbook.ru/" target="site">progbook</option>
<option value="http://lifehacker.ru" target="site">lifehacker</option>
<option value="http://aldebaran.ru" target="site">aldebaran</option>
</optgroup>
</select>
</form>
</th>
</tr>
</table>
<p><iframe name="site" width="100%" height="700" src="http://javascript.ru/"></iframe>
</body>
</html>