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

Результаты поиска

  1. dikabraz
  2. dikabraz
    Недавно у меня появилась идея: "А что если сделать блок, в этом блоке будет текст, будет кнопкЭ, кнопкЭ ТЫК. Текст меняется на текст 2, КнопкЭ ТЫК, текст 2 пропал, появился текст 3. Так вот я собсно решил выложить свой исходник. <script> pages = 5; 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="button"><input type="button" onclick="listNext(2)" value="Дальше" /></div> Объясняю... Строчка pages = 5; (выделеная красным) это показатель того, сколько страниц используется в скрипте. Если надо больше то 5 меняем на свое Так же вот эта строчка: <div id="page_5" class="page">text page 5 text page 5 text page 5 text page 5 </div>[code] Это последняя страница, если в строчке pages = 5; вместо 5 мы поставим 6, то после строчки [code]<div id="page_5" class="page">text page 5 text page 5 text page 5 text page 5 </div>[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> А вот как я использовал этот код: В подписи стоит баннер на мой проек по сталкеру. Я решил сделать там блок с заданиями. Пользователь сайта листает страницы скрипта, выбирает задания и выполняет то, которое больше понравилось. Данные для проверки, пользователь высылает в ЛС на сайте. Если понравился такой исходник то пожалоста +
    Автор темы: dikabraz, 9 мар 2011, ответов - 0, в разделе: Javascript и JQuery
  3. dikabraz
  4. dikabraz