Добро пожаловать, Гость. Пожалуйста, выберите Вход или Регистрация
Привет.лв Главная Справка Поиск Вход Регистрация
Страниц: 1 2 
Печать Bookmark and Share
Удалить этот блок рекламы?
Удали рекламу
Как прятать элементы?? (Прочитано 29362 раз)
jevgensem
Его знают
***
Вне Форума



Сообщений: 128
Рига
Пол: male
Как прятать элементы??
01.11.2007 :: 16:13:10
 
Привет... снова нужна помощь.. Как сделать, чтобы можно было бы прятать элементы на странички.. Вот например как сдесь (показать смайлики/смайлики)

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!


Только хотелось бы сделать не так как там, а просто, при нажатии ссылки появлялось, при повторном нажатии пряталось.. Заранее спасибо ))
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
скачайте бесплатно проверенный софт с сервера из Латвии
WWW jevgenij_semjonov   IP записан
Ramzies
Администратор
*****
Вне Форума

Все что случается
имеет причину.

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Как прятать элементы??
Ответ #1 - 01.11.2007 :: 16:17:18
 
Не совсем понял, объясни подробней.  Улыбка
После 21:00 приду с учебы - помогу.


Изменено:
Ааа въехал. Улыбка Я ссылку не заметил. Вобщем после 21:00 выложу код.
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
jevgensem
Его знают
***
Вне Форума



Сообщений: 128
Рига
Пол: male
Re: Как прятать элементы??
Ответ #2 - 01.11.2007 :: 16:19:01
 
при нажатии на ссылку под ней появляется текст, при нажатии ещё раз на ссылку, этот текст пропадает..
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
скачайте бесплатно проверенный софт с сервера из Латвии
WWW jevgenij_semjonov   IP записан
Ramzies
Администратор
*****
Вне Форума

Все что случается
имеет причину.

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Как прятать элементы??
Ответ #3 - 01.11.2007 :: 19:45:17
 
Все достаточно просто. Ну вот смотри.
Как сделать тег невидимым?
Для этого используется стиль display:none; его само собой можно вставить как в css так и в сам тег. В нашем случае будет проще и наглядней его вставить в тег, вот так: Код:
<span id="smile" style="display:none;">smailiki</span> 

Вставив такую строчку в html мы не увидим текст smailiki.
Можно использовать не span, это не столь принципиально. Если мы в style, display сменим на block.
Пример: Код:
<span id="smile" style="display: block;">smailiki</span> 

Строчка станет видима.

Через JavaScript это делается так так:
Невидим Код:
document.getElementById('smile').style.display = "none"; 


Видим Код:
document.getElementById('smile').style.display = "block"; 




Осталось написать JavaScript который будет проверять наш span и делать его видимым/невидимым.

Это можно сделать так: JavaScript Код:
function showAndHide() {
if(document.getElementById('smile').style.display == "none")
   document.getElementById('smile').style.display = "block";
else
   document.getElementById('smile').style.display = "none";
return false;
} 



Ну и кнопочка с нашими смайликами: HTML Код:
<a href="#" onclick="showAndHide()">off/on</a>
<span id="smile" style="display:none;">smailiki</span> 


Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
jevgensem
Его знают
***
Вне Форума



Сообщений: 128
Рига
Пол: male
Re: Как прятать элементы??
Ответ #4 - 02.11.2007 :: 13:42:00
 
спасибо, работает ))

а если много элементов, куда их вписывать, так чтоли?

Код:
function showAndHide() {
if(document.getElementById('smile').style.display == "none")
   document.getElementById('smile').style.display = "block";
else
   document.getElementById('smile').style.display = "none";
return false;
}
if(document.getElementById('d').style.display == "none")
   document.getElementById('d').style.display = "block";
else
   document.getElementById('d').style.display = "none";
return false;
} 

Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
скачайте бесплатно проверенный софт с сервера из Латвии
WWW jevgenij_semjonov   IP записан
Ramzies
Администратор
*****
Вне Форума

Все что случается
имеет причину.

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Как прятать элементы??
Ответ #5 - 02.11.2007 :: 14:11:02
 
Можно и так, но лучше вот так:
JavaScript Код:
function showAndHide(objId) {
if(document.getElementById(objId).style.display == "none")
   document.getElementById(objId).style.display = "block";
else
   document.getElementById(objId).style.display = "none";
return false;
} 


HTML Код:
<a href="#" onclick="showAndHide('smile')">off/on</a>
<span id="smile" style="display:none;">smailiki</span>
<a href="#" onclick="showAndHide('test')">off/on</a>
<span id="test" style="display:none;">test</span>
 


Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
jevgensem
Его знают
***
Вне Форума



Сообщений: 128
Рига
Пол: male
Re: Как прятать элементы??
Ответ #6 - 02.11.2007 :: 14:59:58
 
Спасибо большое, Ramzes! А можно както сделать, что при открытии второго элемента, первый пропадал? Печаль
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
скачайте бесплатно проверенный софт с сервера из Латвии
WWW jevgenij_semjonov   IP записан
Ramzies
Администратор
*****
Вне Форума

Все что случается
имеет причину.

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Как прятать элементы??
Ответ #7 - 02.11.2007 :: 16:25:50
 
JavaScript Код:
function showAndHide(objId, clos) {
if(document.getElementById(objId).style.display == "none") {
   document.getElementById(objId).style.display = "block";
   document.getElementById(clos).style.display = "none"; }
else
   document.getElementById(objId).style.display = "none";
return false;
}  



HTML Код:
<a href="#" onclick="showAndHide('smile', 'test')">off/on</a>
<span id="smile" style="display:none;">smailiki</span>

<a href="#" onclick="showAndHide('test', 'smile')">off/on</a>
<span id="test" style="display:none;">test</span> 



Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
jevgensem
Его знают
***
Вне Форума



Сообщений: 128
Рига
Пол: male
Re: Как прятать элементы??
Ответ #8 - 04.11.2007 :: 19:20:35
 
спасибо Подмигивание
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
скачайте бесплатно проверенный софт с сервера из Латвии
WWW jevgenij_semjonov   IP записан
jevgensem
Его знают
***
Вне Форума



Сообщений: 128
Рига
Пол: male
Re: Как прятать элементы??
Ответ #9 - 10.08.2008 :: 21:43:10
 
Ramzies, будь другом, подскажи, а как сделать чтобы он плавно показывался и скрывался? Ну как у тебя на сайте... Или это фирменный секрет? Подмигивание Или через ajax как то? Улыбка
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
скачайте бесплатно проверенный софт с сервера из Латвии
WWW jevgenij_semjonov   IP записан
Ramzies
Администратор
*****
Вне Форума

Все что случается
имеет причину.

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Как прятать элементы??
Ответ #10 - 11.08.2008 :: 10:42:12
 
jevgensem писал(а) 10.08.2008 :: 21:43:10:
Ramzies, будь другом, подскажи, а как сделать чтобы он плавно показывался и скрывался? Ну как у тебя на сайте... Или это фирменный секрет? Подмигивание Или через ajax как то? Улыбка



Привет. Я юзаю Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
библиотеку. Улыбка
Здесь документация с примерами как это работает Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!


P.S. Если не разберешься, пиши, помогу. Улыбка Только лучше создаю новую тему по jquery с show.
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
jevgensem
Его знают
***
Вне Форума



Сообщений: 128
Рига
Пол: male
Re: Как прятать элементы??
Ответ #11 - 11.08.2008 :: 17:51:17
 
спасибо, но там немного не понятно. образцы скрипта для показа элементов и прятанья элементов отдельно... а как чтобы при нажатии появлялся, потом при нажатии пропадал? Подмигивание
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
скачайте бесплатно проверенный софт с сервера из Латвии
WWW jevgenij_semjonov   IP записан
Страниц: 1 2 
Печать Bookmark and Share
www.privet.lv

Privet.lv/forum » Powered by YaBB 2.2.3 (fix)!
YaBB © 2000-2012. Все права защищены.
Valid RSS Valid XHTML Valid CSS Powered by Perl Source Forge