| |
|
|
| | Здравствуйте.
Подскажите, пожалуйста, как сделать так, что если на одной стр. 3 ссылки, то при нажатии на каждую из них появлялась на странице своя таблица (только 1, но индивидуальная для каждой ссылки)?
<html>
<head></head>
<body>
<a href=”#1”>Таблица 1</a>
<a href=”#2”>Таблица 2</a>
<a href=”#3”>Таблица 3</a>
<!—при нажатии на ссылку #1 -->
<table>
<tr><td></td></tr>
</table>
<!—при нажатии на ссылку #1 -->
<!—при нажатии на ссылку #2 -->
<table>
<tr><td></td></tr>
</table>
<!—при нажатии на ссылку #2 -->
<!—при нажатии на ссылку #3 -->
<table>
<tr><td></td></tr>
</table>
<!—при нажатии на ссылку #3 -->
</body>
</html> | |
| |
|
|
| |
|
|
| |
для: Jaroslav
(09.11.2007 в 19:56)
| | |
<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}
//********
}
</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>
|
Примечания:
1. Реализован вариант, когда при повторном нажатии на ту же ссылку уже открытая таблица "прячется". Если этого не надо, то строку, ограниченную с двух сторон //*******, можно удалить
2. Стиль DISPLAY: NONE для таблиц необходимо прописывать именно внутри тега (а не в таблице стилей <style>...</style>) - это важно для работоспособности скрипта. | |
| |
|
|
| |
|
|
| |
для: CNT
(10.11.2007 в 03:59)
| | | Почему-то не работает ( | |
| |
|
|
| |
|
|
| |
для: Jaroslav
(10.11.2007 в 04:03)
| | | Так ХОТЬ ЧТО-ТО пропишите между тегами <TD> и </TD>!!!
Как вы хотите увидеть ПУСТУЮ таблицу? | |
| |
|
|
| |
|
|
| |
для: CNT
(10.11.2007 в 04:05)
| | | Да! Все работает!
Огромное спасибо :)))) | |
| |
|
|
| |
|
|
| |
для: Jaroslav
(10.11.2007 в 04:13)
| | | Подскажите пожалуйста, что нужно дописать в код, чтобы по умолчанию отображалось содержимое первой ссылки???
Помогите пожалуйста!!! | |
| |
|
|
| |
|
|
| |
для: Port_Artur1
(18.11.2007 в 17:01)
| | |
<!—при нажатии на ссылку #1 -->
<table id="TBL_1">
<tr><td></td></tr>
</table>
<!—при нажатии на ссылку #1 -->
|
| |
| |
|
|
| |
|
|
| |
для: bronenos
(18.11.2007 в 17:22)
| | | Возможно лучше добавить
window.onload = function(){myFunc ('TBL_1')}
потому, что если не прописать в таблице display: none,
то при первом нажатии на ссылку никакого действия не произойдёт. | |
| |
|
|
| |
|
|
| |
для: RMW
(18.11.2007 в 17:39)
| | | Спасибо Bronenos
RWM - так конечно лучше
Задача решена - Всем спасибо! | |
| |
|
|
| |
|
|
| |
для: Port_Artur1
(18.11.2007 в 18:16)
| | | Доброго времени суток!
Очень полезный код, всем большое спасибо.
Но сейчас хотелось бы пойти дальше и усовершенствовать его таким образом, чтобы если открыта 1-я вкладка, и мы щелкаем по второй, то чтобы первая оставалась открытой.
И так далее...
Подскажите, пожалуйста, как это сделать?
С уважением,
Воробьев Ярослав. | |
| |
|
|
| |
|
|
| |
для: Jaroslav
(29.11.2007 в 15:55)
| | |
автор: CNT (10.11.2007 в 03:59)
Примечания:
1. Реализован вариант, когда при повторном нажатии на ту же ссылку уже открытая таблица "прячется".
Если этого не надо, то строку, ограниченную с двух сторон //*******, можно удалить
|
| |
| |
|
|
| |
|
|
| |
для: Drago
(29.11.2007 в 17:00)
| | | Надо так, чтобы при нажатии на 2-ю ссылку, контент, который был открыт перед этим не прятался. т.е. новый должен добавляться, к просмотренному, а не появляться вместо того. Это можно реализовать? | |
| |
|
|
| |
|
|
| |
для: Jaroslav
(29.11.2007 в 17:19)
| | | уберите строчки в которых есть display = 'none' | |
| |
|
|
| |
|
|
| |
для: 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: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 в 18:00)
| | | Большое спасибо. | |
| |
|
|
