Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.12.2014, 18:11
Новичок на форуме
Отправить личное сообщение для KEFIR4UK Посмотреть профиль Найти все сообщения от KEFIR4UK
 
Регистрация: 05.11.2014
Сообщений: 8

Проблемма с вложенным списком
Есть вложенный список. Задача поменять иконки в списке на + если в нем есть подпункты и на т "." если там нет подпунктов.Проблема в том что оно делает только кусок списка так как я хочу: напротив Книги,Отечественные стоит +, Детективы и Научная фантастика стоит точка а вот напротив Исторические стоит + , на всех остальных стоит точка. Что сделал не так?
Сам список:
<ul class="expandable">
		<li>
			<a href="#">Книги</a>
			<ul class="expandable">
				<li>
					<a href="#">Отечественные</a>
					<ul class="expandable1">
						<li><a href="#">Детективы</a></li>
						<li><a href="#">Научная фантастика</a></li>
						<li><a href="#">Исторические</a></li>
					</ul>
				</li>
				<li>
					<a href="#">Зарубежные</a>
					<ul class="expandable1">
						<li><a href="#">Детективы</a></li>
						<li><a href="#">Научная фантастика</a></li>
						<li><a href="#">Исторические</a></li>
					</ul>
				</li>
			</ul>
		</li>
 		<li>
			<a href="#">DVD</a>
			<ul class="expandable">
				<li>
					<a href="#">Отечественные</a>
					<ul class="expandable1">
						<li><a href="#">Детективы</a></li>
						<li><a href="#">Научная фантастика</a></li>
						<li><a href="#">Исторические</a></li>
					</ul>
				</li>
				<li>
					<a href="#">Зарубежные</a>
					<ul class="expandable1">
						<li><a href="#">Детективы</a></li>
						<li><a href="#">Научная фантастика</a></li>
						<li><a href="#">Исторические</a></li>
					</ul>
				</li>
			</ul>
		</li>
	</ul>

А фот функция
window.onload=setPlusIcon;
function setPlusIcon(){
	allLI = document.getElementsByTagName("LI");
	for(var i =0;i<allLI.length;i++){
		li =allLI[i];
		var allUL = document.getElementsByTagName("UL");
		if(allUL.length>0){
				if(allUL[i].className == 'expandable')
			li.style.listStyleImage = 'url("../../images/plus.gif")';
				else if (allUL[i].className == 'expandable1')
			li.style.listStyleImage = 'url("../../images/point.gif")';
		}
	}
}
Ответить с цитированием
  #2 (permalink)  
Старый 26.12.2014, 19:10
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

<script>
window.onload = setPlusIcon;
function setPlusIcon() {
	var listItems = document.getElementsByTagName("li");
	for(var i = 0, item, list; i < listItems.length; i++){
		item = listItems[i];

     list = item.getElementsByTagName('ul');
     if(list && list.length != 0)
       item.style.listStyleImage = 'url("http://wiki.gigaspaces.com/wiki/images/icons/tree_plus.gif")';
     else
			item.style.listStyleImage = 'url("http://girlshostelskota.com/IMAGES/IMG/dot.gif")';
	}
}

</script>
<ul class="expandable">
		<li>
			<a href="#">Книги</a>
			<ul class="expandable">
				<li>
					<a href="#">Отечественные</a>
					<ul class="expandable1">
						<li><a href="#">Детективы</a></li>
						<li><a href="#">Научная фантастика</a></li>
						<li><a href="#">Исторические</a></li>
					</ul>
				</li>
				<li>
					<a href="#">Зарубежные</a>
					<ul class="expandable1">
						<li><a href="#">Детективы</a></li>
						<li><a href="#">Научная фантастика</a></li>
						<li><a href="#">Исторические</a></li>
					</ul>
				</li>
			</ul>
		</li>
 		<li>
			<a href="#">DVD</a>
			<ul class="expandable">
				<li>
					<a href="#">Отечественные</a>
					<ul class="expandable1">
						<li><a href="#">Детективы</a></li>
						<li><a href="#">Научная фантастика</a></li>
						<li><a href="#">Исторические</a></li>
					</ul>
				</li>
				<li>
					<a href="#">Зарубежные</a>
					<ul class="expandable1">
						<li><a href="#">Детективы</a></li>
						<li><a href="#">Научная фантастика</a></li>
						<li><a href="#">Исторические</a></li>
					</ul>
				</li>
			</ul>
		</li>
	</ul>


Сообщение от KEFIR4UK
поменять иконки в списке на + если в нем есть подпункты и на т "." если там нет подпунктов
Это и есть решение
Ответить с цитированием
  #3 (permalink)  
Старый 26.12.2014, 19:13
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,662

KEFIR4UK,
<style>
li {
	list-style-image: url(http://javascript.ru/forum/images/ca_serenity/statusicon/user_invisible.gif);
}
li.expandable {
	list-style-image: url(http://javascript.ru/forum/images/reputation/reputation_plus.gif);
}
</style>

<ul>
	<li class="expandable">
		<a href="#">Книги</a>
		<ul>
			<li class="expandable">
				<a href="#">Отечественные</a>
				<ul>
					<li><a href="#">Детективы</a></li>
					<li><a href="#">Научная фантастика</a></li>
					<li><a href="#">Исторические</a></li>
				</ul>
			</li>
			<li class="expandable">
				<a href="#">Зарубежные</a>
				<ul>
					<li><a href="#">Детективы</a></li>
					<li><a href="#">Научная фантастика</a></li>
					<li><a href="#">Исторические</a></li>
				</ul>
			</li>
		</ul>
	</li>
	<li class="expandable">
		<a href="#">DVD</a>
		<ul>
			<li class="expandable">
				<a href="#">Отечественные</a>
				<ul>
					<li><a href="#">Детективы</a></li>
					<li><a href="#">Научная фантастика</a></li>
					<li><a href="#">Исторические</a></li>
				</ul>
			</li>
			<li class="expandable">
				<a href="#">Зарубежные</a>
				<ul>
					<li><a href="#">Детективы</a></li>
					<li><a href="#">Научная фантастика</a></li>
					<li><a href="#">Исторические</a></li>
				</ul>
			</li>
		</ul>
	</li>
</ul>

Последний раз редактировалось Rise, 26.12.2014 в 19:27.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Получить значение выбранного поля со списком Эдди Элементы интерфейса 7 29.12.2013 12:12
Проблемма с getJSON и jquery библиотеками Gerg007 Events/DOM/Window 1 05.03.2013 05:17
Вопрос тупой, как сделать обычное по со списком или combobox иначе ? dennnyk Элементы интерфейса 1 07.07.2010 06:59
Помогите новичку с выпадающим списком interest Элементы интерфейса 5 19.05.2010 13:15
В Mozilla Firefox 3.0 проблемма с Javascript меню artmedia Элементы интерфейса 1 07.09.2008 10:43