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

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

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Как прятать элементы??
Ответ #12 - 12.08.2008 :: 21:06:41
 
Наверное тебе будет проще если я покажу на старом примере: Код:
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;
}
<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> 


Его мы разбирали помоему тут было все понятно.
А теперь мы вместо старой функции которая открывает скрытую html разметку: Код:
document.getElementById(objId).style.display = "block"; 


Вставляем функцию из jquery. Вот так: Код:
$("#"+objId).show(); 


Также и с функцией: Код:
document.getElementById(objId).style.display = "none"; 

(которая скрывает html элементы) заменяем на Код:
$("#"+objId).hide(); 


Все вместе это будет выглядеть так: Код:
function showAndHide(objId) {
if(document.getElementById(objId).style.display == "none")
$("#"+objId).show();
else
$("#"+objId).hide();
return false;
}

<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> 



В скобках show() и hide() можно еще задавать время с которым будут открываться или закрываться элементы. Пример: show(100) и hide(100).

Да и самое главное, не забудь скачать и подгрузить саму jquery библиотеку на страницах где используешь этот скрипт. Улыбка
Последняя доступная версия 1.2.6 (Release Notes)
Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
, Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
, Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
. Я юзаю Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
.
Наверх
 
 

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



Сообщений: 128
Рига
Пол: male
Re: Как прятать элементы??
Ответ #13 - 12.10.2008 :: 15:48:48
 
Опа, и не работает, может это из за того что у меня DLE Озадачен Плачущий
P.S. твой пример тоже не работает Озадачен
Наверх
 
 

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

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

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Как прятать элементы??
Ответ #14 - 12.10.2008 :: 15:52:15
 
jevgensem писал(а) 12.10.2008 :: 15:48:48:
Опа, и не работает, может это из за того что у меня DLE Озадачен Плачущий


Что такое DLE? Улыбка Покажи страничку где не работает, вечером посмотрю.
Наверх
 
 

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

ololo

Сообщений: 214
Латвия
Пол: male
Re: Как прятать элементы??
Ответ #15 - 13.08.2009 :: 09:16:16
 
У меня вопрос по 7-му ответу. А можно ли зделать так что бы по стандарту показывало первый текст, в нашем случае - "smailiki"?
И можно ли сделать так что бы допустим тискаем мы "<a href="#" onclick="showAndHide('test', 'smile')">off/on</a>" и "smailiki" пропадает, а появляеться "test", но что бы при повторном нажатии "test" не пропадал, что б вообще нечего не происходило, а при нажатии на "<a href="#" onclick="showAndHide('smile', 'test')">off/on</a>" "test" пропадал бы и снова показывало - "smailiki".
Так же можно ли сделать с 1 кнопки 2 элемента?
Типо:
Код:
<a href="#" onclick="showAndHide('smile', 'test')">off/on</a>
<span id="smile" style="display:none;">smailiki_1</span>
<span id="smile" style="display:none;">smailiki_2</span> 



Мм..? Я так пробовал - открывало только первое... Толи криво пробовал толи я незнаю что.  Улыбка
Наверх
 
 
WWW xPA3OPx 482032743   IP записан
Ramzies
Администратор
*****
Вне Форума

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

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Как прятать элементы??
Ответ #16 - 13.08.2009 :: 10:06:25
 
WHacker писал(а) 13.08.2009 :: 09:16:16:
У меня вопрос по 7-му ответу. А можно ли зделать так что бы по стандарту показывало первый текст, в нашем случае - "smailiki"?

Можно, нужно всего лишь с нужного тебе span (который хочешь что б показывался по стандарту) убрать display:none;
Код:
<span id="smile" style="display:none;">smailiki</span>

<span id="test" style="display:none;">test</span>  




Цитата:
И можно ли сделать так что бы допустим тискаем мы "<a href="#" onclick="showAndHide('test', 'smile')">off/on</a>" и "smailiki" пропадает, а появляеться "test", но что бы при повторном нажатии "test" не пропадал, что б вообще нечего не происходило, а при нажатии на "<a href="#" onclick="showAndHide('smile', 'test')">off/on</a>" "test" пропадал бы и снова показывало - "smailiki".


Можно, нужно удалить то что я пометил желтым: Код:
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;
}    




Цитата:
Так же можно ли сделать с 1 кнопки 2 элемента?
Типо:
Код:
<a href="#" onclick="showAndHide('smile', 'test')">off/on</a>
<span id="smile" style="display:none;">smailiki_1</span>
<span id="smile" style="display:none;">smailiki_2</span> 


Нельзя, id должен быть всегда уникальным. А зачем тебе это?

Наверх
 
« Последняя редакция: 13.08.2009 :: 17:18:39 от Ramzies »  

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

ololo

Сообщений: 214
Латвия
Пол: male
Re: Как прятать элементы??
Ответ #17 - 13.08.2009 :: 13:34:47
 
Цитата:
А зачем тебе это?

Ну это как бы страховка была бы... Типо я б сделал что бы когда мы включаем test он накладывает на код smailik'ов "/--- smailiki ---/" типо того. Улыбка
Наверх
 
 
WWW xPA3OPx 482032743   IP записан
WHacker
Предмет симпатий
****
Вне Форума

ololo

Сообщений: 214
Латвия
Пол: male
Re: Как прятать элементы??
Ответ #18 - 13.08.2009 :: 13:37:58
 
Цитата:
Можно, нужно удалить то что я пометил желтым: Код:
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;
}   


Что то я сомневаюсь что "}" последнюю тоже надо стереть...  Язык
Наверх
 
« Последняя редакция: 13.08.2009 :: 17:18:14 от Ramzies »  
WWW xPA3OPx 482032743   IP записан
WHacker
Предмет симпатий
****
Вне Форума

ololo

Сообщений: 214
Латвия
Пол: male
Re: Как прятать элементы??
Ответ #19 - 13.08.2009 :: 13:45:06
 
Блин, я как только уже не пробовал и нечего не работает... Улыбка  Ты б хоть сам проверил как это у тебя работает.  Плачущий Но мне это очень надо... Улыбка
Наверх
 
 
WWW xPA3OPx 482032743   IP записан
Ramzies
Администратор
*****
Вне Форума

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

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Как прятать элементы??
Ответ #20 - 14.08.2009 :: 00:07:04
 
WHacker писал(а) 13.08.2009 :: 13:37:58:
Цитата:
Можно, нужно удалить то что я пометил желтым: Код:
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;
}   


Что то я сомневаюсь что "}" последнюю тоже надо стереть...  Язык


Да ее не стоит стирать.  Улыбка



WHacker писал(а) 13.08.2009 :: 13:45:06:
Блин, я как только уже не пробовал и нечего не работает... Улыбка  Ты б хоть сам проверил как это у тебя работает.  Плачущий Но мне это очень надо... Улыбка


Все работает. Ты наверное просто так и не понял принцип работы. Нужно внимательней читать что тебе пишут.

Код:
<a href="#" onclick="showAndHide('smile', 'test')">off/on</a> 


Эта кнопка работает так: В скобках ('smile', 'test') пишутся id  span-ов, тоесть в данном случае при нажатие на такую кнопку span с id = smile, если невидим делаем видимым, а span с test автоматически делается невидимым.
Наверх
 
 

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

ololo

Сообщений: 214
Латвия
Пол: male
Re: Как прятать элементы??
Ответ #21 - 14.08.2009 :: 12:30:44
 
Если что я сделал что хотел, вот можешь посмотреть - Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!

P.S.: Отлистай в самый низ.
Наверх
 
 
WWW xPA3OPx 482032743   IP записан
Ramzies
Администратор
*****
Вне Форума

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

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Как прятать элементы??
Ответ #22 - 14.08.2009 :: 22:45:54
 
WHacker писал(а) 14.08.2009 :: 12:30:44:
Если что я сделал что хотел, вот можешь посмотреть - Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!


Молодец, хотя тоже самое можно было сделать и с этим примером. Улыбка

Цитата:
P.S.: Отлистай в самый низ.

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

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   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