| |
|
|
| | Почитал форум, по поиску, но что-то меня заклинило. Немогу доработать и уже не знаю где и что копать.
Надобно что бы по клику на ссылке в соседней ячейке таблицы выводился соответствующий ей текст и кнопка позволяющая "закрыть"/скрыть текст. Уже по всякому пробовал ни как не могу сделать что бы при клике происходила передача переменной, и не работает кнопка "Закрыть".
Помогите люди! Вот код:
<html>
<head>
<title></title>
<script type="text/javascript" language="JavaScript">
function funct(text)
{
if (doptext.style.visibility=="hidden") doptext.style.visibility = "visible"
else doptext.style.visibility = "visible"
}
var text ="0000000000000000000<br><input type='button' value='Закрыть' onclick='doptext.style.visibility = 'hidden''>"
var texta="1111111111111111111"
var textb="2222222222222222222"
var textc="3333333333333333333"
</script>
</head>
<body>
<table border="1" cellspacing="1" cellpadding="3" width="100%">
<tr><td colspan="2" align="center"><font face="Arial"><h3><b>Название таблицы</b></h3></font></td></tr>
<tr><td width="30%">Перечень ссылок на доп. информацию<ol type="1">
<li><a title="title" onclick="funct(text='texta')" href=#>Ссылка №1</a></li>
<li><a title="title" onclick="text=textb; funct()" href=#>Ссылка №2</a></li>
<li><a title="title" onclick="javascript: text=textc; funct()" href=#>Ссылка №3</a></li></ol></td>
<td><div id="doptext" style="visibility: hidden"><script>document.write(text)</script></div></td></tr>
<tr><td colspan="2">1. Дальше по пункту №1</td></tr>
<tr><td colspan="2">1. Дальше по пункту №2</td></tr>
<tr><td colspan="2">1. Дальше по пункту №3</td></tr>
<tr><td colspan="2">И прочее...</td></tr></table>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: Igorel
(11.07.2006 в 21:05)
| | | Как всё запущено! :)
<html>
<head>
<title></title>
<script type="text/javascript" language="JavaScript">
function funct(text)
{
var x = document.getElementById('doptext');
x.innerHTML = text+'<br><input type="button" value="Закрыть" onclick="document.getElementById(\'doptext\').style.visibility = \'hidden\'">';
if (x.style.visibility=="hidden")x.style.visibility = "visible";
}
var texta="1111111111111111111";
var textb="2222222222222222222";
var textc="3333333333333333333";
</script>
</head>
<body>
<table border="1" cellspacing="1" cellpadding="3" width="100%">
<tr><td colspan="2" align="center"><font face="Arial"><h3><b>Название таблицы</b></h3></font></td></tr>
<tr><td width="30%">Перечень ссылок на доп. информацию<ol type="1">
<li><a title="title" href="javascript:funct(texta)">Ссылка №1</a></li>
<li><a title="title" href="javascript:funct(textb)">Ссылка №2</a></li>
<li><a title="title" href="javascript:funct(textc)">Ссылка №3</a></li></ol></td>
<td><div id="doptext" style="visibility: hidden"></div></td></tr>
<tr><td colspan="2">1. Дальше по пункту №1</td></tr>
<tr><td colspan="2">1. Дальше по пункту №2</td></tr>
<tr><td colspan="2">1. Дальше по пункту №3</td></tr>
<tr><td colspan="2">И прочее...</td></tr></table>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: RMW
(11.07.2006 в 22:03)
| | | Спасибо! Учюсь я..., точнее пока пытаюсь :( | |
| |
|
|
