Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Перезагрузить страницу не получается скрытый текст
Регистрация

Восстановить пароль		 Повторная активизация e-mail
Регистрация Задать
вопрос		 Заплачу
за решение		 Новые
сообщения 		Сообщения
за день 		Расширенный
поиск		 Правила Всё
прочитано

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 10.02.2011, 23:12   #1
johnsilver1221
Новичок
Джуниор
 
Регистрация: 10.02.2011
Сообщений: 3
По умолчанию не получается скрытый текст
привет всем, у меня проблема: не могу создать несколько скрытых текстов на одной странице.

надо что бы было так, например: есть 2 слова, нажимаешь на 1слово, будет скрытый текст1, на слово2 будет под словом2 скрытый текст2. а не выходит..

сама проблема выглядит так:
есть список, (например 3 слова ) и под каждым словом скрытый текст, нажимаю на первое слово, появляется скрытый текст1, нажимаю на второе слово2, пропадает скрытый текст1, а сам второй скрытый текст2 из под 2слова не появляется. если нажать на третье слово, то появится скрытый текст1 из под первого слова1, и под ним. что делать. вот код:

Код HTML:
<b><h3>Группы</b></h3>
<script language=JavaScript>
function show_hide_div()
{
   var obj = document.getElementById("hiddendiv");
   if (obj.style.display == "none") obj.style.display = "";
   else obj.style.display = "none";
   return false;
}
</script>

<a href="#" onClick="return show_hide_div()"> 
1 группа
</a>
<div id="hiddendiv" style="display:none">
<TABLE BORDER>
    <TR>
        <TH COLSPAN></TH>
        <TH COLSPAN>Понедельник1</TH>
        <TH COLSPAN>Вторник1</TH>
		<TH COLSPAN>Среда1</TH>
		<TH COLSPAN>Четверг1</TH>
		<TH COLSPAN>Пятница1</TH>
		<TH COLSPAN>Суббота1</TH> 
    </TR>
    <TR>
        <TD>8.00-9.30</TD><TD ALIGN="right">&nbsp;</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD>
    </TR>
    <TR>
        <TD>9.40-11.10</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD>
    </TR>
    <TR>
        <TD>11.15-12.45</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right">
		</TD><TD ALIGN="right"></TD><TD ALIGN="right">
		</TD><TD ALIGN="right"></TD>
    </TR>
    <TR>
        <TD>11.55-14.25</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right">
		</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD>
    </TR>
	<TR>
        <TD>14.30-16.00</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right">
		</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD>
    </TR>
	<TR>
        <TD>16.05-17.35</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD>
    </TR>
	<TR>
        <TD>17.40-19.10</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD>
    </TR>	
</TABLE>
</div>
<br>


<script language=JavaScript>
function show_hide_div()
{
   var obj = document.getElementById("hiddendiv");
   if (obj.style.display == "none") obj.style.display = "";
   else obj.style.display = "none";
   return false;
}
</script>

<a href="#" onClick="return show_hide_div()"> 
2 группа
</a>
<div id="hiddendiv" style="display:none">
<TABLE BORDER>
    <TR>
        <TH COLSPAN></TH>
        <TH COLSPAN>Понедельник2</TH>
        <TH COLSPAN>Вторник2</TH>
		<TH COLSPAN>Среда3</TH>
		<TH COLSPAN>Четверг2</TH>
		<TH COLSPAN>Пятница2</TH>
		<TH COLSPAN>Суббота2</TH> 
    </TR>
    <TR>
        <TD>8.00-9.30</TD><TD ALIGN="right">&nbsp;</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD>
    </TR>
    <TR>
        <TD>9.40-11.10</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD>
    </TR>
    <TR>
        <TD>11.15-12.45</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right">
		</TD><TD ALIGN="right"></TD><TD ALIGN="right">
		</TD><TD ALIGN="right"></TD>
    </TR>
    <TR>
        <TD>11.55-14.25</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right">
		</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD>
    </TR>
	<TR>
        <TD>14.30-16.00</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right">
		</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD>
    </TR>
	<TR>
        <TD>16.05-17.35</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD>
    </TR>
	<TR>
        <TD>17.40-19.10</TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD><TD ALIGN="right"></TD>
    </TR>	
</TABLE>
</div>
<br>
johnsilver1221 вне форума Ответить с цитированием
Старый 11.02.2011, 02:43   #2
dekameron
Форумчанин
 
Аватар для dekameron
 
Регистрация: 27.04.2010
Сообщений: 185
По умолчанию
id - Уникальный идентификатор обьекта в DOM, т.е. обьект с id="hiddendiv" может встречатся в документе не больше одного раза.

Код HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>...</title>
</head>
<script language="javascript" type="text/javascript">
	var divCount=3;
	function showdiv(n){
		var i, mydiv;
		for(i=1; i<=divCount; i++){
			mydiv=document.getElementById('hidiv'+i);
			if(i!=n) mydiv.style.display='none';
		}
		mydiv=document.getElementById('hidiv'+n);
		if(mydiv.style.display=='block'){
			mydiv.style.display='none';
		}else{
			mydiv.style.display='block';
		};
	}
</script>
<style type="text/css">
	body{font: 12px Tahoma, sans-serif; color: #121212; background:#DAD9CF; padding: 20px;}
	a{color: #00f; display: block;}
	a:hover{color: #f00;}
	div{background: #ccc; padding: 5px; border: 1px solid #191919; margin: 2px 0px 15px 0px; display: none;}
</style>
<body>
    <a href="#" onclick="showdiv(1)">show block 1</a>
    <div id="hidiv1">
        text text text text text text text text <br />
        text text text text text text text text <br />
        text text text text text text text text <br />
        text text text text text text text text <br />
        text text text text text text text text <br />
    </div>
    <a href="#" onclick="showdiv(2)">show block 2</a>
    <div id="hidiv2">
        asd asd asd asd asd asd asd asd <br />
        asd asd asd asd asd asd asd asd <br />
        asd asd asd asd asd asd asd asd <br />
        asd asd asd asd asd asd asd asd <br />
        asd asd asd asd asd asd asd asd <br />
        asd asd asd asd asd asd asd asd <br />
        asd asd asd asd asd asd asd asd <br />
    </div>
    <a href="#" onclick="showdiv(3)">show block 3</a>
    <div id="hidiv3">
        qwe qwe qwe qwe qwe qwe qwe qwe <br />
        qwe qwe qwe qwe qwe qwe qwe qwe <br />
        qwe qwe qwe qwe qwe qwe qwe qwe <br />
        qwe qwe qwe qwe qwe qwe qwe qwe <br />
    </div>
</body>
</html>
Помог - тырк на весы
dekameron вне форума Ответить с цитированием
Старый 11.02.2011, 07:12   #3
johnsilver1221
Новичок
Джуниор
 
Регистрация: 10.02.2011
Сообщений: 3
По умолчанию
очень вам благодарен
johnsilver1221 вне форума Ответить с цитированием
Старый 11.02.2011, 09:39   #4
johnsilver1221
Новичок
Джуниор
 
Регистрация: 10.02.2011
Сообщений: 3
По умолчанию
когда ввел код на сайте, то сайт поплыл, а основной на котором работаю вообще не загружает данную страницу..

что с этим делать?

вот сайт на котором пробую
gute-seite.3dn.ru

если посмотреть раздел список, в котором вводил код то можно увидеть проблему..
Последний раз редактировалось johnsilver1221; 11.02.2011 в 09:42.
johnsilver1221 вне форума Ответить с цитированием
Старый 11.02.2011, 12:33   #5
dekameron
Форумчанин
 
Аватар для dekameron
 
Регистрация: 27.04.2010
Сообщений: 185
По умолчанию
Цитата:
Сообщение от johnsilver1221 Посмотреть сообщение
когда ввел код на сайте, то сайт поплыл, а основной на котором работаю вообще не загружает данную страницу..

что с этим делать?

вот сайт на котором пробую
gute-seite.3dn.ru

если посмотреть раздел список, в котором вводил код то можно увидеть проблему..

Вы CSS смотрели?
я для упрощения не задавал блокам, ссылкам и т.д. никаких классов со своими свойствами, а сразу обьектам.
задайте скрытым блокам например <div class="mydiv">
ТОгда CSS на странице можно упростить до
Код:
	.mydiv{background: #ccc; padding: 5px; border: 1px solid #191919; margin: 2px 0px 15px 0px; display: none;}
Помог - тырк на весы
dekameron вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
скрытый edit и его текст grafgrial Общие вопросы Delphi 5 05.10.2010 14:47
Delphi. Не получается вывести текст в Label murmuno Помощь студентам 4 26.03.2010 10:50
Не получается в Post запросе передать длинный текст theYozh Работа с сетью в Delphi 17 18.05.2009 21:43
не получается вывести текст sum42 Общие вопросы C/C++ 15 29.11.2008 18:55
Скрытый текст strider Microsoft Office Word 3 06.05.2008 20:32

Реклама на форуме - Обратная связь - Правила - Исходники Delphi - Справочник Delphi - Архив - Вверх