Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Скрытие пустых кнопок (https://javascript.ru/forum/dom-window/40884-skrytie-pustykh-knopok.html)

Царь Леонид 23.08.2013 09:06

Скрытие пустых кнопок
 
Доброго времени суток всем! Сабж: на странице есть несколько кнопок вида: <li class='some_class'><a href='some_link'>Demo</a></li> . Вопрос вот в чем: всего кнопок 6, на некоторых страницах их нужно всего 2 или вообще одна, как удалить кнопки в которых поле 'some_link' будет пустым(ссылки не будет)? Я нашел одно решение, но оно не очень-то красивое, хотелось бы послушать мнение умных людей. Заранее спасибо:)

ksa 23.08.2013 09:15

Цитата:

Сообщение от Царь Леонид
как удалить кнопки в которых поле 'some_link' будет пустым(ссылки не будет)?

Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function (){
	$('.some_class > a[href=""]').parent().hide();
});
</script>
</head>
<body>
<ul>
	<li class='some_class'><a href='some_link'>Demo 0</a></li>
	<li class='some_class'><a href=''>Demo 1</a></li>
	<li class='some_class'><a href=''>Demo 2</a></li>
	<li class='some_class'><a href='some_link'>Demo 3</a></li>
	<li class='some_class'><a href='some_link'>Demo 4</a></li>
</ul>
</body>
</html>

Царь Леонид 23.08.2013 11:46

Спасибо за ответ)не пойму,как сам до этого не догадался;)

Kvark 24.08.2013 14:21

а не проще былоб создавать кнопки "налету" по мере надобности чем иметь заготовки и скрывать пустые?

Царь Леонид 26.08.2013 14:38

Дело в том, что шаблон будет использоваться в cms, делать 100 одинаковых шаблонов с разным количеством кнопок не вижу смысла, а чтобы добавлять на лету администратору сайта нужны будут некоторые познания в верстке и движке. Хотя ваш вариант с созданием на лету и более приемлим (я терпеть не могу верстку засоренную ненужным хламом), альтернативы пока не нашел


Часовой пояс GMT +3, время: 10:13.