Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Скрытая таблица

Автор: mental2 22.11.2007, 00:40

Хочу сделать табличку как эту h_ttps://moikrug.ru/registration/ , нажмите на "Войти" и увидите скрытый тег, собственно желательно готовую, потому как щас завал с php, не успеваю выучить javascript.
Тоесть функциональность она должна выполнять такую же..

Автор: solenko 22.11.2007, 15:49

Код


<input type="button" onclick="document.getElementById('hidden_table').style.display='block;'">
<table id="hidden_table" style="display: none;">
 <tr>
    <td>
  Some hidden text
    </td>
 </tr>
</table>

Автор: StarikansBack 22.11.2007, 15:51

Используй Javascript

Автор: mental2 22.11.2007, 16:08

Цитата(solenko @ 22.11.2007, 15:49)

Код


<input type="button" onclick="document.getElementById('hidden_table').style.display='block;'">
<table id="hidden_table" style="display: none;">
 <tr>
    <td>
  Some hidden text
    </td>
 </tr>
</table>

Что-то немогу подстроить чтобы это работало...

Автор: mental2 24.11.2007, 19:40

ап

Автор: smartov 24.11.2007, 23:46

mental2, а что тут подстраивать? Все работает. Тестовый пример показан.
Похоже готовую писать ни у кого желания нету. Можешь попробовать обратиться в Центр помощи.

Автор: Ghirik 25.11.2007, 05:52

Нет, он спросил хорошо!
Дайте мне готовую со всей функциональностью....
А там, solenko, по привычке точку с запятой вместе с block воткнул в кавычки. Вот, mental2, так работает, ну а функциональность делайте сами.

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="en-us">
<title>Title block</title>
<script type="text/javascript">
<!--
//-->
</script>
</head>
<body>
<input type="button" onclick="document.getElementById('hidden_table').style.display=''">
<table id="hidden_table" style="display: none">
 <tr>
    <td>
  Some hidden text
    </td>
 </tr>
</table>
</body>
</html>

Если нужно спрятать обратно, пишите так:
document.getElementById('hidden_table').style.display=''none";

Добавлено через 2 минуты и 58 секунд
Кавычки пофиг какие, главное, чтобы с PHP выводом сросталось.

Автор: mental2 25.11.2007, 16:36

Спасибо большое!!
Щас уже начал JS учить по немного. Думаю розберусь..

Автор: klyxa 7.12.2007, 01:39

а как сделать,чтобы была одна кнопка. нажал - показалось. еще раз - скрылось?

Автор: bars80080 7.12.2007, 11:36

Код


<script>  
function opap() {
    if(document.getElementById('op').style.display != 'block') document.getElementById('op').style.display = 'block';
    else document.getElementById('op').style.display = 'none'; }
</script>
<div id="op">
hfpyjt
</div>

 <input type="button" value="qwe" onclick="opap()">