[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Развернутый список
ashel911
Здравствуйте, есть след. код:
function TJK_doToggleDL(x){
var zDD=document.getElementById('TJK_DL').getElementsByTagName('dd');
var zDT=document.getElementById('TJK_DL').getElementsByTagName('dt');
zDD[x].className=(zDD[x].className=='hideDD')?'showDD':'hideDD';
zDT[x].className=(zDT[x].className=='DTplus')?'DTminus':'DTplus';
}
function TJK_ToggleDLopen(){//we open all of them
var zDD=document.getElementById('TJK_DL').getElementsByTagName('dd');
var zDT=document.getElementById('TJK_DL').getElementsByTagName('dt');
for(var i=0;i<zDT.length;i++){
zDD[i].className='showDD';
zDT[i].className='DTminus';
}
return false;
}
function TJK_ToggleDLclose(){//we close all of them
var zDD=document.getElementById('TJK_DL').getElementsByTagName('dd');
var zDT=document.getElementById('TJK_DL').getElementsByTagName('dt');
for(var i=0;i<zDT.length;i++){
zDD[i].className='hideDD';
zDT[i].className='DTplus';
}
return false;
}
function TJK_ToggleDL(){
if (document.getElementById && document.getElementsByTagName){
var zDT=document.getElementById('TJK_DL').getElementsByTagName('dt');
var zDD=document.getElementById('TJK_DL').getElementsByTagName('dd');
var ToggleON = document.getElementById('TJK_ToggleON');
var ToggleOFF = document.getElementById('TJK_ToggleOFF');
if (ToggleON && ToggleOFF){// Show All - Hide All "links"
ToggleON.onclick = TJK_ToggleDLopen;
ToggleON.title = "Show all answers";
ToggleON.href = "#";
ToggleOFF.onclick = TJK_ToggleDLclose;
ToggleOFF.title = "Hide all answers";
ToggleOFF.href = "#";
}
for(var i=0;i<zDT.length;i++){
var zContent = zDT[i].innerHTML;
var zHref = "<a href='#' onclick=\"TJK_doToggleDL("+i+");return false\" title='Show/hide the answer'>";
zDT[i].innerHTML = zHref + zContent + "</a>";
zDD[i].className='hideDD';
zDT[i].className='DTplus';
}
}
}

который отвечает за сворачивание и разворачивание списка. Где нужно подправить, чтобы список сразу был развернутым, а то он свернут.
в JQuery практически ничего не понимаю, прошу ткнуть носом :D



Спустя 4 минуты, 24 секунды (15.01.2012 - 00:19) killer8080 написал(а):
Цитата (ashel911 @ 14.01.2012 - 23:14)
в JQuery практически ничего не понимаю

Его там и нет biggrin.gif

Спустя 6 минут, 38 секунд (15.01.2012 - 00:25) redreem написал(а):
//we open all of them - переводится как "ща мы нах откроем все!" - может попробовать вызвать? smile.gif

Спустя 22 минуты, 7 секунд (15.01.2012 - 00:47) ashel911 написал(а):
killer8080, точно :blink: моя косячина - javascript
redreem, у меня идет след. образом:
<body onload="TJK_ToggleDL()">

пытался вызвать функцию TJK_ToggleDLopen. Список получается развернутым, вот только свернуть/развернуть его нельзя. Что не так делаю?

Спустя 4 минуты, 43 секунды (15.01.2012 - 00:52) redreem написал(а):
так сделай попробуй:

<body onload="TJK_ToggleDLopen()">


а потом смотри консоль ошибок браузера. полюбому где-то просто скрипт стопорится изза ошибки.

Спустя 19 минут, 10 секунд (15.01.2012 - 01:11) inpost написал(а):
ashel911
править надо в HTML

Спустя 9 минут, 56 секунд (15.01.2012 - 01:21) ashel911 написал(а):
Сделал, но результат тот же: список развернут, но свернуть/развернуть нельзя, даже стили не подгружает.
Консоль ошибок ничего страшного не показало, что было бы связанно с данным скриптом. unsure.gif
inpost, а что там можно поправить?
Исходный код был взят тут:
http://tjkdesign.com/articles/toggle_elements.asp

Думаю, что правка html не решит проблему, или я ошибаюсь unsure.gif

Спустя 20 минут, 14 секунд (15.01.2012 - 01:41) ashel911 написал(а):
:D :D Проблема решена
нужно было две строчки

zDD[i].className='hideDD';
zDT[i].className='DTplus';

заменить на

zDD[i].className='showDD';
zDT[i].className='DTminus';

Спустя 11 часов, 27 минут, 20 секунд (15.01.2012 - 13:09) ashel911 написал(а):
Еще один вопросик:
как сделать плавное сворачивание/разворачивание?
Гугль сказал, что мажно использовать slideToggle('slow'), вот только где его прописать? unsure.gif
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.