|
|
|
|
|
для: AlexSol
(29.11.2007 в 18:00)
| | Большое спасибо. | |
|
|
|
|
|
|
|
для: Jaroslav
(29.11.2007 в 17:50)
| |
<html>
<head>
<script>
var OBJ;
function myFunc (x)
{
var t = document.getElementById (x);
t.style.display = 'block';
}
</script>
</head>
<body>
<a href=”#1” onclick="myFunc ('TBL_1'); return false">Таблица 1</a>
<a href=”#2” onclick="myFunc ('TBL_2'); return false">Таблица 2</a>
<a href=”#3” onclick="myFunc ('TBL_3'); return false">Таблица 3</a>
<!—при нажатии на ссылку #1 -->
<table id="TBL_1" style="display: none">
<tr><td></td></tr>
</table>
<!—при нажатии на ссылку #1 -->
<!—при нажатии на ссылку #2 -->
<table id="TBL_2" style="display: none">
<tr><td></td></tr>
</table>
<!—при нажатии на ссылку #2 -->
<!—при нажатии на ссылку #3 -->
<table id="TBL_3" style="display: none">
<tr><td></td></tr>
</table>
<!—при нажатии на ссылку #3 -->
</body>
</html>
|
| |
|
|
|
|
|
|
|
для: AlexSol
(29.11.2007 в 17:22)
| | Это не помогает.
Вот есть код:
**********************************
<html>
<head>
<script>
var OBJ;
function myFunc (x)
{
var t = document.getElementById (x);
if (OBJ != t)
{
if (OBJ) OBJ.style.display = 'none';
t.style.display = 'block';
OBJ = t;
}
//********
// else {t.style.display = 'none'; OBJ = null}
//********
}
window.onload = function(){myFunc ('TBL_1')};
</script>
</head>
<body >
<a href=”#1” onclick="myFunc ('TBL_1'); return false" >Таблица 1</a>
<a href=”#2” onclick="myFunc ('TBL_2'); return false">Таблица 2</a>
<a href=”#3” onclick="myFunc ('TBL_3'); return false">Таблица 3</a>
<!—при нажатии на ссылку #1 -->
<table id="TBL_1" >
<tr><td>123</td></tr>
</table>
<!—при нажатии на ссылку #1 -->
<!—при нажатии на ссылку #2 -->
<table id="TBL_2">
<tr><td>234</td></tr>
</table>
<!—при нажатии на ссылку #2 -->
<!—при нажатии на ссылку #3 -->
<table id="TBL_3">
<tr><td>35</td></tr>
</table>
<!—при нажатии на ссылку #3 -->
</body>
</html>
**********************************
Нада, чтобы по умолчанию все вкладки были закрыты. При надатии на ссылку "Таблица 1" появляется текст 123.
Если мы после этого нажимаем на ссылку "Таблица 2", то должен появиться текст
123
234
Т.е. содержимое 1-й и 2-й таблицы. При нажатии после этого на ссылку "Таблица 3 должен быть текст
123
234
35
Как это можно сделать? | |
|
|
|
|
|
|
|
для: Jaroslav
(29.11.2007 в 17:19)
| | уберите строчки в которых есть display = 'none' | |
|
|
|
|
|
|
|
для: Drago
(29.11.2007 в 17:00)
| | Надо так, чтобы при нажатии на 2-ю ссылку, контент, который был открыт перед этим не прятался. т.е. новый должен добавляться, к просмотренному, а не появляться вместо того. Это можно реализовать? | |
|
|
|
|
|
|
|
для: Jaroslav
(29.11.2007 в 15:55)
| |
автор: CNT (10.11.2007 в 03:59)
Примечания:
1. Реализован вариант, когда при повторном нажатии на ту же ссылку уже открытая таблица "прячется".
Если этого не надо, то строку, ограниченную с двух сторон //*******, можно удалить
|
| |
|
|
|
|
|
|
|
для: Port_Artur1
(18.11.2007 в 18:16)
| | Доброго времени суток!
Очень полезный код, всем большое спасибо.
Но сейчас хотелось бы пойти дальше и усовершенствовать его таким образом, чтобы если открыта 1-я вкладка, и мы щелкаем по второй, то чтобы первая оставалась открытой.
И так далее...
Подскажите, пожалуйста, как это сделать?
С уважением,
Воробьев Ярослав. | |
|
|
|
|
|
|
|
для: RMW
(18.11.2007 в 17:39)
| | Спасибо Bronenos
RWM - так конечно лучше
Задача решена - Всем спасибо! | |
|
|
|
|
|
|
|
для: bronenos
(18.11.2007 в 17:22)
| | Возможно лучше добавить
window.onload = function(){myFunc ('TBL_1')}
потому, что если не прописать в таблице display: none,
то при первом нажатии на ссылку никакого действия не произойдёт. | |
|
|
|
|
|
|
|
для: Port_Artur1
(18.11.2007 в 17:01)
| |
<!—при нажатии на ссылку #1 -->
<table id="TBL_1">
<tr><td></td></tr>
</table>
<!—при нажатии на ссылку #1 -->
|
| |
|
|
|
|