1. Гость, мы просим Вас ознакомиться с Правилами Форума и Отказом от ответственности!

Урок по ява скриптам. Точнее исходник

Тема в разделе 'Javascript и JQuery', создана пользователем dikabraz, 9 мар 2011.

  1. TopicStarter Overlay

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

    Сообщения:
    3
    Лайки:
    0
    Пол:
    Мужской
    Репутация:
    0
    Команда:
    Stalker-Portal
    Недавно у меня появилась идея: "А что если сделать блок, в этом блоке будет текст, будет кнопкЭ, кнопкЭ ТЫК. Текст меняется на текст 2, КнопкЭ ТЫК, текст 2 пропал, появился текст 3. Так вот я собсно решил выложить свой исходник.
    Код:
    <script>
    [color="#FF0000"]pages = 5;[/color]
    function listNext(page) {
    if (page == 1)
    prev_page = pages;
    else
    prev_page = page-1;
    if (page == pages)
    next_page = 1;
    else
    next_page = page+1;
    prev_id = "page_"+prev_page;
    prev_elem = document.getElementById(prev_id);
    prev_elem.style.display = "none";
    
    id = "page_"+page;
    elem = document.getElementById(id);
    elem.style.display = "block";
    
    document.getElementById('button').innerHTML = '<input type="button" onclick="listNext('+next_page+')" value="Дальше" />';
    }
    </script>
    <style>
    .page {
    display: none;
    }
    </style>
    </head>
    <body>
    <div id="page_1">text page 1 text page 1 text page 1 text page 1 </div>
    <div id="page_2" class="page">text page 2 text page 2 text page 2 text page 2 </div>
    <div id="page_3" class="page">text page 3 text page 3 text page 3 text page 3 </div>
    <div id="page_4" class="page">text page 4 text page 4 text page 4 text page 4 </div>
    [color="#00FF00"]<div [color="#4B0082"]id="page_5"[/color] class="page">text page 5 text page 5 text page 5 text page 5 </div>[/color]
    <div id="button"><input type="button" onclick="listNext(2)" value="Дальше" /></div>
    Объясняю...
    Строчка pages = 5; (выделеная красным) это показатель того, сколько страниц используется в скрипте. Если надо больше то 5 меняем на свое
    Так же вот эта строчка:
    Код:
    [color="#00FF00"]<div [color="#4B0082"][/color]id="page_5" class="page">text page 5 text page 5 text page 5 text page 5 </div>[/color][code]
    Это последняя страница, если в строчке pages = 5; вместо 5 мы поставим 6, то после строчки [code][color="#00FF00"]<div [color="#4B0082"]id="page_5"[/color] class="page">text page 5 text page 5 text page 5 text page 5 </div>[/color][code] нужно написать точно такую же только заменить 5 на 6. вот что выйдет:
    [code]<script>
    pages = 6;
    function listNext(page) {
    if (page == 1)
    prev_page = pages;
    else
    prev_page = page-1;
    if (page == pages)
    next_page = 1;
    else
    next_page = page+1;
    prev_id = "page_"+prev_page;
    prev_elem = document.getElementById(prev_id);
    prev_elem.style.display = "none";
    
    id = "page_"+page;
    elem = document.getElementById(id);
    elem.style.display = "block";
    
    document.getElementById('button').innerHTML = '<input type="button" onclick="listNext('+next_page+')" value="Дальше" />';
    }
    </script>
    <style>
    .page {
    display: none;
    }
    </style>
    </head>
    <body>
    <div id="page_1">text page 1 text page 1 text page 1 text page 1 </div>
    <div id="page_2" class="page">text page 2 text page 2 text page 2 text page 2 </div>
    <div id="page_3" class="page">text page 3 text page 3 text page 3 text page 3 </div>
    <div id="page_4" class="page">text page 4 text page 4 text page 4 text page 4 </div>
    <div id="page_5" class="page">text page 5 text page 5 text page 5 text page 5 </div>
    <div id="page_6" class="page">text page 6 text page 6 text page 6 text page 6 </div>
    <div id="button"><input type="button" onclick="listNext(2)" value="Дальше" /></div>
    А вот как я использовал этот код: В подписи стоит баннер на мой проек по сталкеру. Я решил сделать там блок с заданиями. Пользователь сайта листает страницы скрипта, выбирает задания и выполняет то, которое больше понравилось. Данные для проверки, пользователь высылает в ЛС на сайте. Если понравился такой исходник то пожалоста +
Черновик сохранён Черновик удалён

Поделиться этой страницей