Справка по навигации по Javascript - PullRequest
Новая
       10

Справка по навигации по Javascript

1 голос
/ 16 февраля 2010

Я работаю над небольшим сценарием, в котором есть несколько элементов списка. Если вы обратитесь к приведенному ниже коду, вы заметите, что в списке 15 пунктов. Теперь я просто хочу отобразить 9 из них, скажем, в логах пользователей в первый раз должны отображаться первые девять, если он нажмет на список №. 7, затем отобразится список № 3, 4, 5, 6, 7, 8, 9, 10, 11.

Должен ли я дать идентификатор каждому списку?

Спасибо 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
        <title>Title</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link href="/library/styles/styles.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <ul id="list1">
            <li><a href="1">1</a></li>
            <li><a href="2">2</a></li>
            <li><a href="3">3</a></li>
            <li><a href="4">4</a></li>
            <li><a href="5">5</a></li>
            <li><a href="6">6</a></li>
            <li><a href="7">7</a></li>
            <li><a href="8">8</a></li>
            <li><a href="9">9</a></li>
            <li><a href="10">10</a></li>
            <li><a href="11">11</a></li>
            <li><a href="12">12</a></li>
            <li><a href="13">13</a></li>
            <li><a href="14">14</a></li>
            <li><a href="15">15</a></li>
        </ul>
        <!-- start: javascripts -->
        <script type="text/javascript">
            var ul = document.getElementById("list1");
            var liNodes = [];

            for (var i = 0; i < ul.childNodes.length; i++) {
                if (ul.childNodes[i].nodeName == "LI") {
                    liNodes.push(ul.childNodes[i]);
                }
            }

            document.write("LiNodes:" +liNodes.length);
            if (liNodes.length < 9) {
                display_nine(); 
            }

            function display_nine() {
            }
        </script>
        <!-- end: javascripts -->
    </body>
</html>

1 Ответ

0 голосов
/ 16 февраля 2010

Вы можете сделать это с помощью CSS и JavaScript или просто JavaScript.

CSS:

чтобы скрыть

дисплей: нет;

Показать

дисплей: блок;

Тогда дайте каждому идентификатор. Установите скрытый для отображения: нет, затем в JavaScript установите для блокировки, когда пользователь нажимает на номер 7.

ИЛИ

JavaScript:

Введите HTML-код списка на основе взаимодействия с пользователем 

document.write('<li><a href="13">13</a></li>');

И используйте вызов функции для номера семь, чтобы записать весь список при нажатии.

Вы также можете поместить это в DIV и переписать список в DIV на основе взаимодействия с пользователем.

...