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

HTML+CSS+JavaScript

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

 

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

вид форума:
Линейный форум Структурный форум

тема: Раскрывающийся/Скрывающийся текст
 
 автор: admiral   (06.04.2009 в 10:14)   письмо автору
 
 

Есть текст, который выводится из бызы данных. Мне нужно сделать чтобы при нажатии на ссылку он показывался, и еслинажать обратно скрывался. какэто сделать?

  Ответить  
 
 автор: psychomc   (06.04.2009 в 10:24)   письмо автору
 
   для: admiral   (06.04.2009 в 10:14)
 

выводите его например в <div id="txt">Текст из базы данных</div>
в css пропишите
#txt
{
display: none;
}

т.е по умолчанию скрытым

<a href =# OnClick="Display()";>Открыть</a>

это ссылка, которая будет вызывать javascript функцию Display()

сама функция:
function Display()
{
document.getElementById("txt").style.display="block";


со скрытием так же, толкьо новая функция и вместо "block" "none"
примерно так...ссори если где-то ошибся, спешу, писал на скорую руку...

  Ответить  
 
 автор: admiral   (06.04.2009 в 10:50)   письмо автору
 
   для: psychomc   (06.04.2009 в 10:24)
 

Спасибо. Только при нажатии на ссылку все перелистывает в начало страницы. Этого можно как-то избежать?

upd: Кстати если таких ссылок много на странице, то действует только первая, отсальные нет. С чего это так?

  Ответить  
 
 автор: Волки   (06.04.2009 в 11:09)   письмо автору
 
   для: admiral   (06.04.2009 в 10:50)
 

страница прыгает наверх потому что
... href='#'... 

попробуйте дописать :
<a href='#' onclick="Display();return false;">Открыть</a>


если ссылок много, то передавайте в функцию id скрываемого элемента
ps. функцию Display измените сами, и чуть измените вид ссылок.

  Ответить  
 
 автор: admiral   (08.04.2009 в 09:51)   письмо автору
 
   для: Волки   (06.04.2009 в 11:09)
 

>если ссылок много, то передавайте в функцию id скрываемого элемента
>ps. функцию Display измените сами, и чуть измените вид ссылок.
А как, подскажите? С js только только начинаю.

  Ответить  
 
 автор: Волки   (08.04.2009 в 16:14)   письмо автору
 
   для: admiral   (08.04.2009 в 09:51)
 

Нет не подскажу. Пути решения обозначены, осталось включить голову и все получиться.
и как вариант, чтобы не думать про перескок страницы вверх, и возможность открытия нового окна, замените <a> на <span>

  Ответить  
 
 автор: admiral   (08.04.2009 в 17:49)   письмо автору
 
   для: Волки   (08.04.2009 в 16:14)
 

Я уже дожумался=) Спс.

  Ответить  
 
 автор: Ping   (08.04.2009 в 12:07)   письмо автору
 
   для: admiral   (06.04.2009 в 10:50)
 

>Спасибо. Только при нажатии на ссылку все перелистывает в начало страницы. Этого можно как-то избежать?
вместо # пишем javascript: void(0); и всё в порядке

  Ответить  
 
 автор: PAT   (08.04.2009 в 12:53)   письмо автору
 
   для: Ping   (08.04.2009 в 12:07)
 

А клиент, открыв такую ссылку в новом окне, тупо смотрит на это окно и думает нехорошее про автора сайта.
Протокол javascript: использовать НЕ НАДО.
return false в onclick вполне решает проблему.

  Ответить  
Rambler's Top100
вверх

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