X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Скрипт: Скрыть/Показать часть кода. Помогите разобраться.
dim-dim
dim-dim
Topic Starter сообщение 31.8.2009, 14:07; Ответить: dim-dim
Сообщение #1


Бан за спам в ЛС
*****

Группа: Banned
Сообщений: 992
Регистрация: 29.12.2007
Из: Питер
Поблагодарили: 294 раза
Репутация:   55  


Здравствуйте!

Помогите пожалуйста разобраться со скриптом, на данный момент когда открываю страницу с ним он скрывает текст только при нажатии на кнопку, можно ли как то сделать что бы изначально текст был скрыт и появлялся только при нажатии на неё?

Заранее огромное спасибо.

<script type="text/javascript">
function foo(id) {
if (document.getElementById(id).style.display == "none")
{document.getElementById(id).style.display = "block"}
else
{document.getElementById(id).style.display = "none"}
}
</script>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
body {
color: #000;
background: #fff;
}
a {
color: #00f;
cursor: pointer;
}
#controls {
padding: 5px 5px;
}
#block1 {
height: 30px;
padding: 5px 5px;
margin: 5px;
background: #F0F5FA;
border: 1px solid #C2CFDF;
width: 100%;
}
</style>

<ul id="controls">
<table><tr><td class="navBar"<li><a onclick="foo('block1')">КНОПКА</a></li></td></tr></table>
</ul>
<p id="block1">

ЭТОГО ТЕКСТА ИЗНАЧАЛЬНО НЕ ДОЛЖНО БЫТЬ ВИДНО, ПОЯВЛЯЕТСЯ ТОЛЬКО ПРИ НАЖАТИИ НА
"КНОПКУ"
</p>


--------------------
На нашем форуме запрещено заниматься массовой рассылкой личных сообщений (это расценивается как спам и влечет за собой один из видов наказания).
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
xomka
xomka
сообщение 31.8.2009, 14:13; Ответить: xomka
Сообщение #2


Старожил
******


Группа: Banned
Сообщений: 1257
Регистрация: 9.2.2008
Из: Киев
Поблагодарили: 190 раз
Репутация:   22  


<script type="text/javascript">
function foo(id) {
if (document.getElementById(id).style.display == "none")
{document.getElementById(id).style.display = "block"}
else
{document.getElementById(id).style.display = "none"}
}
</script>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
body {
color: #000;
background: #fff;
}
a {
color: #00f;
cursor: pointer;
}
#controls {
padding: 5px 5px;
}
#block1 {
height: 30px;
padding: 5px 5px;
margin: 5px;
background: #F0F5FA;
border: 1px solid #C2CFDF;
width: 100%;
}
</style>

<ul id="controls">
<table><tr><td class="navBar"><li><a onclick="foo('block1')">КНОПКА</a></li></td></tr></table>
</ul>
<p id="block1" style="display: none;">

ЭТОГО ТЕКСТА ИЗНАЧАЛЬНО НЕ ДОЛЖНО БЫТЬ ВИДНО, ПОЯВЛЯЕТСЯ ТОЛЬКО ПРИ НАЖАТИИ НА
"КНОПКУ"
</p>


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dim-dim
dim-dim
Topic Starter сообщение 20.4.2010, 20:12; Ответить: dim-dim
Сообщение #3


Бан за спам в ЛС
*****

Группа: Banned
Сообщений: 992
Регистрация: 29.12.2007
Из: Питер
Поблагодарили: 294 раза
Репутация:   55  


Хм. Пробую при помощи этого кода скрыть форму обратной связи, но ничего не получается.
Подскажите пожалуйста в чем может быть проблема?

<script type="text/javascript">
function foo(id) {
if (document.getElementById(id).style.display == "none")
{document.getElementById(id).style.display = "block"}
else
{document.getElementById(id).style.display = "none"}
}
</script>

<center>
<ul id="controls"><a href="#" onclick="foo('block1')">Сделать предварительный заказ &#8595</a>
</ul>
</center>
</td></tr></table>
<p id="block1" style="display: none;"><form method="post" action="http://#####.ru/mail.php">
<table align="center" cellspacing="1" cellpadding="1" border="0">
<tr><td class="mail">Ваше имя:<br><input size=33 name="name" value=""></td>
</tr>
<tr><td class="mail">Телефон:<br><input size=33 name="tel" value=""></td>
</tr>
<tr><td class="mail">Что сдать:<br><textarea name="text" cols="30" rows="3" wrap="VIRTUAL" value=""></textarea></td>
</tr>
<tr><td class="mail">Адрес где забрать:<br><textarea name="text" cols="30" rows="1" wrap="VIRTUAL" value=""></textarea></td>
</tr>
<tr><td class="mail">Другие вопросы:<br><textarea name="dop" cols="30" rows="1" wrap="VIRTUAL" value=""></textarea></td>
</tr><tr>
<td class="mail"><input type="submit" value="Отправить"></td></tr></table></form>
</div>
</p>


Заранее огромное спасибо.


--------------------
На нашем форуме запрещено заниматься массовой рассылкой личных сообщений (это расценивается как спам и влечет за собой один из видов наказания).
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
seregavip
seregavip
сообщение 20.4.2010, 20:27; Ответить: seregavip
Сообщение #4


Бывалый
****

Группа: User
Сообщений: 431
Регистрация: 23.10.2009
Поблагодарили: 102 раза
Репутация:   22  


У меня всё работает.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dim-dim
dim-dim
Topic Starter сообщение 20.4.2010, 20:28; Ответить: dim-dim
Сообщение #5


Бан за спам в ЛС
*****

Группа: Banned
Сообщений: 992
Регистрация: 29.12.2007
Из: Питер
Поблагодарили: 294 раза
Репутация:   55  


seregavip, Забавно, а какой у Вас браузер?


--------------------
На нашем форуме запрещено заниматься массовой рассылкой личных сообщений (это расценивается как спам и влечет за собой один из видов наказания).
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
seregavip
seregavip
сообщение 20.4.2010, 20:32; Ответить: seregavip
Сообщение #6


Бывалый
****

Группа: User
Сообщений: 431
Регистрация: 23.10.2009
Поблагодарили: 102 раза
Репутация:   22  


У меня опера, проверял через IE wink.gif .
Сейчас немного переделал код, теперь работает и в опере.
<script type="text/javascript">
function foo(id) {
if (document.getElementById(id).style.display == "none")
{document.getElementById(id).style.display = "block"}
else
{document.getElementById(id).style.display = "none"}
}
</script>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
body {
color: #000;
background: #fff;
}
a {
color: #00f;
cursor: pointer;
}
#controls {
padding: 5px 5px;
}
#block1 {
height: 30px;
padding: 5px 5px;
margin: 5px;
background: #F0F5FA;
border: 1px solid #C2CFDF;
width: 100%;
}
</style>

<ul id="controls">
<table><tr><td class="navBar"><li><a onclick="foo

('block1')">КНОПКА</a></li></td></tr></table>
</ul>
<p id="block1" style="display: none;">
<table align="center" cellspacing="1" cellpadding="1" border="0">
<tr><td class="mail">Ваше имя:<br><input size=33 name="name" value=""></td>
</tr>
<tr><td class="mail">Телефон:<br><input size=33 name="tel" value=""></td>
</tr>
<tr><td class="mail">Что сдать:<br><textarea name="text" cols="30" rows="3" wrap="VIRTUAL"

value=""></textarea></td>
</tr>
<tr><td class="mail">Адрес где забрать:<br><textarea name="text" cols="30" rows="1"

wrap="VIRTUAL" value=""></textarea></td>
</tr>
<tr><td class="mail">Другие вопросы:<br><textarea name="dop" cols="30" rows="1"

wrap="VIRTUAL" value=""></textarea></td>
</tr><tr>
<td class="mail"><input type="submit" value="Отправить"></td></tr></table></form>
</div>
</p>


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dim-dim
dim-dim
Topic Starter сообщение 21.4.2010, 9:34; Ответить: dim-dim
Сообщение #7


Бан за спам в ЛС
*****

Группа: Banned
Сообщений: 992
Регистрация: 29.12.2007
Из: Питер
Поблагодарили: 294 раза
Репутация:   55  


seregavip, спасибо.

В общем не работало из за этого кода.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">


Убрал - заработало smile.gif


--------------------
На нашем форуме запрещено заниматься массовой рассылкой личных сообщений (это расценивается как спам и влечет за собой один из видов наказания).
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите выбрать программу
Помогите выбрать программу
11 impak 1311 Сегодня, 13:11
автор: Mikki
Открытая тема (нет новых ответов) Помогите найти плагин на WP
Отзывы с профилей соц сетей
1 SEOMR 429 30.11.2017, 7:18
автор: Nell
Открытая тема (нет новых ответов) Помогите найти проблему
Долгий ответ сервера
6 maxim1249 662 29.11.2017, 17:27
автор: genjnat
Открытая тема (нет новых ответов) Помогите оценить новотник. Плиз
1 Alex-777 500 29.11.2017, 7:18
автор: grumdas
Открытая тема (нет новых ответов) Ищу скрипт новостного агрегатора
0 Cunningfox 464 27.11.2017, 21:17
автор: Cunningfox


 



RSS Текстовая версия Сейчас: 11.12.2017, 21:55
Дизайн