Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: При нажатии на ссылки - разный контент (в пределах одной стр.)?

Сообщения:  [1-10]   [11-16] 

 
 автор: Jaroslav   (29.11.2007 в 18:23)   письмо автору
 
   для: AlexSol   (29.11.2007 в 18:00)
 

Большое спасибо.

   
 
 автор: 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> 

   
 
 автор: Jaroslav   (29.11.2007 в 17:50)   письмо автору
 
   для: 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


Как это можно сделать?

   
 
 автор: AlexSol   (29.11.2007 в 17:22)   письмо автору
 
   для: Jaroslav   (29.11.2007 в 17:19)
 

уберите строчки в которых есть display = 'none'

   
 
 автор: Jaroslav   (29.11.2007 в 17:19)   письмо автору
 
   для: Drago   (29.11.2007 в 17:00)
 

Надо так, чтобы при нажатии на 2-ю ссылку, контент, который был открыт перед этим не прятался. т.е. новый должен добавляться, к просмотренному, а не появляться вместо того. Это можно реализовать?

   
 
 автор: Drago   (29.11.2007 в 17:00)   письмо автору
 
   для: Jaroslav   (29.11.2007 в 15:55)
 


автор: CNT   (10.11.2007 в 03:59) 

Примечания:
1. Реализован вариант, когда при повторном нажатии на ту же ссылку уже открытая таблица "прячется". 
Если этого не надо, то строку, ограниченную с двух сторон //*******, можно удалить

   
 
 автор: Jaroslav   (29.11.2007 в 15:55)   письмо автору
 
   для: Port_Artur1   (18.11.2007 в 18:16)
 

Доброго времени суток!

Очень полезный код, всем большое спасибо.
Но сейчас хотелось бы пойти дальше и усовершенствовать его таким образом, чтобы если открыта 1-я вкладка, и мы щелкаем по второй, то чтобы первая оставалась открытой.
И так далее...

Подскажите, пожалуйста, как это сделать?

С уважением,
Воробьев Ярослав.

   
 
 автор: Port_Artur1   (18.11.2007 в 18:16)   письмо автору
 
   для: RMW   (18.11.2007 в 17:39)
 

Спасибо Bronenos
RWM - так конечно лучше

Задача решена - Всем спасибо!

   
 
 автор: RMW   (18.11.2007 в 17:39)   письмо автору
 
   для: bronenos   (18.11.2007 в 17:22)
 

Возможно лучше добавить
window.onload = function(){myFunc ('TBL_1')}
потому, что если не прописать в таблице display: none,
то при первом нажатии на ссылку никакого действия не произойдёт.

   
 
 автор: bronenos   (18.11.2007 в 17:22)   письмо автору
 
   для: Port_Artur1   (18.11.2007 в 17:01)
 

<!—при нажатии на ссылку #1 --> 
<table id="TBL_1"> 
<tr><td></td></tr> 
</table> 
<!—при нажатии на ссылку #1 -->

   

Сообщения:  [1-10]   [11-16] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования