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

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

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

  1. TopicStarter Overlay
    dikabraz

    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>
    А вот как я использовал этот код: В подписи стоит баннер на мой проек по сталкеру. Я решил сделать там блок с заданиями. Пользователь сайта листает страницы скрипта, выбирает задания и выполняет то, которое больше понравилось. Данные для проверки, пользователь высылает в ЛС на сайте. Если понравился такой исходник то пожалоста +
    dikabraz, 9 мар 2011
    #1
Черновик сохранён Черновик удалён

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