| |
|
|
| | Здравствуйте,
прошу помощи, нужно заменить в коде <select> на radio button, чтобы функционал остался как и при select
<html>
<head>
<title></title>
<script>
var S = 0;
function myLoad ()
{
if (!S) {S = 1; return} document.getElementById ('forForm').innerHTML = window.frames.myFrame.document.body.innerHTML;
}
function mFunc (x)
{
document.getElementById ('forForm').innerHTML = 'Место под форму';
if (!x.selectedIndex) return; document.getElementsByName ('myFrame') [0].src = x.options [x.selectedIndex].value;
}
</script>
</head>
<body>
<select onchange="mFunc (this)">
<option value="order1.html">Order 1</option>
<option value="order2.html">Order 2</option>
<option value="order3.html">Order 3</option>
<option value="order3.html">Order 4</option>
</select>
<div id="forForm">Место под форму</div>
<iframe name="myFrame" style="display: none" onload="myLoad ()"></iframe>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: katz
(15.10.2008 в 06:21)
| | |
...
function mFunc (x)
{
document.getElementById ('forForm').innerHTML = 'Место под форму';
document.getElementsByName ('myFrame') [0].src = x.value;
}
</script>
</head>
<body>
<input type="radio" value="order1.html" name="ww" onclick="mFunc (this)">Order 1<br>
<input type="radio" value="order2.html" name="ww" onclick="mFunc (this)">Order 2<br>
<input type="radio" value="order3.html" name="ww" onclick="mFunc (this)">Order 3<br>
<input type="radio" value="order4.html" name="ww" onclick="mFunc (this)">Order 4<br>
...
|
| |
| |
|
|
| |
|
|
| |
для: PAT
(15.10.2008 в 07:05)
| | | Все работает на Отлично, огромное спасибо!
А как можно сделать маленькое дополнение?
Каждый "радио батон" хочу поместить отдельно в <div> или <td> и при нажатии должна подгружаться иконка. Иконка будет одного вида, и при переключении переходить к активному "батону". Вроде маленький пустячок... | |
| |
|
|
| |
|
|
| |
для: katz
(15.10.2008 в 14:05)
| | |
...
function mFunc (x, y)
{
document.getElementById ('forForm').innerHTML = 'Место под форму';
if (self.ICON) ICON.style.visibility = 'hidden';
ICON = document.getElementById ('m' + y);
ICON.style.visibility = 'visible';
document.getElementsByName ('myFrame') [0].src = x.value;
}
</script>
</head>
<body>
<img id="m1" src="URL_иконки" style="visibility: hidden; width: 34px; height: 23px">
<input type="radio" value="order1.html" name="ww" onclick="mFunc (this, 1)">Order 1<br>
<img id="m2" src="URL_иконки" style="visibility: hidden; width: 34px; height: 23px">
<input type="radio" value="order2.html" name="ww" onclick="mFunc (this, 2)">Order 2<br>
<img id="m3" src="URL_иконки" style="visibility: hidden; width: 34px; height: 23px">
<input type="radio" value="order3.html" name="ww" onclick="mFunc (this, 3)">Order 3<br>
<img id="m4" src="URL_иконки" style="visibility: hidden; width: 34px; height: 23px">
<input type="radio" value="order4.html" name="ww" onclick="mFunc (this, 4)">Order 4<br>
...
|
width (в примере равно 34px) и height (в примере равно 23px) подставьте свои размеры иконки. Это необходимо, чтобы на странице были зарезервированы точные места под иконки и чтобы при появлении одной из них страница не дёргалась. | |
| |
|
|
| |
|
|
| |
для: PAT
(15.10.2008 в 22:26)
| | | Как и хотел,
еще раз благодарю за проделанную для меня работу! | |
| |
|
|
