PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Кнопки +/- и дерево

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Описание: Как связать кнопочки с элементами дерева

Поиск в теме | Версия для печати

quinlena	Отправлено: 23 Октября, 2012 - 09:21:38
Частый гость Покинул форум Сообщений всего: 157 Дата рег-ции: Апр. 2012 Откуда: Казахстан Помог: 0 раз(а)	Имеется раскрывающееся дерево, есть кнопочки плюс/минус, отдельно меняются плюс на минус и наоборот. Но вот при этом содержимое не показывается. Вот код, функция: PHP: скопировать код в буфер обмена function tree_print(&$a_tree,$id_par_service=0) { //условие завершения рекурсии //Условие, при котором функция никогда не вызывает сама себя //функция empty() - вернет ложь во всех нужных нам случаях: // - элемент массива не определен // - элемент массива определен, но является пустым массивом if(empty($a_tree[$id_par_service])) { return;} echo "<ul class='open_list' ><div class='close'>"; for($i=0;$i<count($a_tree[$id_par_service]);$i++) { $style=mysql_query("select * from `dir_service` where `id_service`='".$a_tree[$id_par_service][$i]['id_service']."'"); $style=mysql_fetch_assoc($style); if ($style['parent']==1){ echo "<li><i class='plus'>+</i><label><INPUT TYPE=RADIO NAME=parent VALUE=".$a_tree[$id_par_service][$i]['id_service']."><span >".$a_tree[$id_par_service][$i]['name_service']."<label></span>"; } //onclick='tgg_parent(this);' if ($style['parent']==0){ echo "<li ><i class='minus'>-</i><INPUT TYPE=RADIO NAME=parent VALUE=".$a_tree[$id_par_service][$i]['id_service']." ><span >".$a_tree[$id_par_service][$i]['name_service']."</span>"; } //рекурсивный вызов - список всех дочерних элементов нужно вставить // именно в этом месте: // <li>название // тут список дочерних элементов, он показывается рекурсивным вызовом // </li> tree_print($a_tree,$a_tree[$id_par_service][$i]['id_service']); echo "</li>"; } echo "</div></ul>"; } Собственно js-код CODE (javascript): скопировать код в буфер обмена $(document).ready(function(){ jQuery('.open_list div').slideUp(); jQuery('.open_list i').click(function(){ if(!jQuery(this).parent().children('div')){jQuery(this).className()='minus';}else{jQuery(this).toggleClass('plus minus');} jQuery(this).parent().children('div').slideToggle(); jQuery(this).parent().children('div').toggleClass('close open'); if(jQuery(this).hasClass('plus')){jQuery(this).text('+');}else{jQuery(this).text('-');} }); }) Ну и css CODE (htmlphp): скопировать код в буфер обмена .ul.open_list li {margin: 0px; background: none;} .open_list li i {color: #f00;} .itemBody .open_list li .close {display: none;} .itemBody .open_list li .open{display: block;}

Zuldek	Отправлено: 23 Октября, 2012 - 09:55:48
Постоянный участник Покинул форум Сообщений всего: 2122 Дата рег-ции: Июнь 2010 Помог: 50 раз(а)	Консоль ошибок что вам говорит

quinlena	Отправлено: 24 Октября, 2012 - 06:13:57
Частый гость Покинул форум Сообщений всего: 157 Дата рег-ции: Апр. 2012 Откуда: Казахстан Помог: 0 раз(а)	Zuldek пишет: Консоль ошибок что вам говорит Ошибок нет

Zuldek	Отправлено: 24 Октября, 2012 - 11:07:08
Постоянный участник Покинул форум Сообщений всего: 2122 Дата рег-ции: Июнь 2010 Помог: 50 раз(а)	И как вы думаете почему? jQuery('.open_list i').click(function()...

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.