ГЛАВНАЯ     АРХИВ     НАПИСАТЬ АДМИНУ     ПОДПИСАТЬСЯ НА RSS     ВОЙТИ      

Поиск

Категории

Облако тегов

  << Предыдущий пост       Следующий пост >>  
От: 4aIIaeB
9. сентября 2012 00:15

jQuery

Представим, например, что вы имеете древовидную структуру состоящую из пачки тегов ul и li. И вам нужно раскрывать или закрывать секции этой структуры. Давайте посмотрим как сделать это с использованием jQuery (пример тестировался на IE и Firefox)


<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>    

    <style type="text/css">

        .clsUL

        {            

            cursor:hand;

        }

    </style>

    <script src="Scripts/jquery-1.2.6.js" type="text/javascript">

    </script>

 

    <script type="text/javascript"> 

        $(document).ready(function(){

        $('#unord li').click(function() { 

                    $(this).children('ul').slideToggle("slow"); 

            }); 

        });

    </script>

 

</head>

 

<body>

    <form id="form1" runat="server">

    <div>

    <ul id="unord" class="clsUL"> 

        <li>Client-Side Languages

            <ul>

                <li>

                    jQuery

                </li>

                <li>

                    JavaScript

                </li>

                <li>

                    JScript

                </li>

            </ul>

        </li>

        <li>Server-Side Languages

            <ul>

                <li>

                    C#

                </li>

                <li>

                    VB.NET

                </li>

                <li>

                    Others

                </li>

            </ul>

        </li>

    </ul>   

    </div>

    </form>

</body>

</html>


Пример, показанный выше, скрывает и разворачивает секцию тегов li находящуюся внутри тега ul. Безусловно, в такой деятельности jQuery рулит !


Это перевод. Оригинал здесь.

Похожие записи


Вопросы на собеседовании C#, Net, ASP.NET, SQL
Продолжая тему вопросов на собеседовании. Нашел еще одну подборку. Оригинал лежит здесь . Перенес, чтобы не затерялось. Есть вполне вменяемые ответы (хотя, на некоторые вопросы ответил бы по-другому). Ответы находятся после списка вопросов, я их не менял. 23. Что такое шаблон проектирования Model/View/Controller? Как и зачем его применяют? 2...

Как перевести ASP.NET TextBox-ы в режим только для чтения на jQuery ?
В этом посте, мы рассмотрим как перевести ASP.NET TextBox в режим только для чтения, используя jQuery. Такое поведение часто можно увидеть в приложениях, где форма открывается в режиме редактирования, но некоторые текстовые поля ввода переводятся в режим только для чтения, для предотвращения ввода пользователем текста в них. Давайте посмотрим, как просто можно...

Сортировка колонки ASP.NET GridView с использованием плагина jQuery TableSorter
Этот пост показывает как, используя плагин jQuery, отсортировать колонки привязанные к пользовательским классам. Создайте ASP.NET вебсайт и добавьте GridView на него. Здесь я добавляю некий класс Employee и привязываю его к GridView. Теперь загрузите плагин tablesorter отсюда tablesorter.com и положите его в папку со скриптами. Здесь я добавил jQuery плаг...

Добавить комментарий




biuquote
  • Комментарий
  • Предпросмотр
Loading


  Сохранить комментарий