Форум Сайтостроение Веб-строительство

Простой скрипт - ротатор текстовой информации

юни
На сайте с 01.11.2005
Offline
933
юни
1516

Возникла нужда в такой функции: 1) есть, к примеру, текстовый файл с подсказками, 2) есть в дизайне выделенное место, где показываются "Советы", 3) есть кнопки "Предыдущий" и "Следующий".

Нужен скриптец, который при нажатии на "Следующий" будет брать кусок текста из файла и показывать на страничке.

Есть готовое решение? Как это вообще удобнее сделать, чтоб без перезагрузки странички и на голом html?

https://searchengines.guru/ru/forum/944108 - прокси-сервис на базе операторов домашнего интернета, сотни тысяч IP-адресов, канал от 20 Мбит
BadBoy
На сайте с 31.01.2005
Offline
308
BadBoy
#1
юни:
Нужен скриптец

попробуй тут, вроде что-то есть.

http://yandex.ru/yandsearch?text=c%D0%BA%D1%80%D0%B8%D0%BF%D1%82+%D1%80%D0%BE%D1%82%D0%B0%D1%82%D0%BE%D1%80%D0%B0+%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%B0

юни:
Как это вообще удобнее сделать, чтоб без перезагрузки странички и на голом html?

ну наверно только через iframe

Rulin
На сайте с 16.01.2008
Offline
143
Rulin
#2
юни:
... чтоб без перезагрузки странички и на голом html?

Зачем на голом html? юзай AJAX! Или много скрытых div`ово с подсказками которые будут визиблиться по одному при onclick

Bitcoin Debit Card
СКОРПИОН
На сайте с 05.01.2006
Offline
120
СКОРПИОН
#3
Rulin:
юзай AJAX!

Самое правильное решение...

юни, Денис, если данных немного, то вот я тут изваял тебе минут за пять простенький скриптик:

Файл tip.js 


<!--

var __tips   = new Array();

var __curTip = -1;



__tips[0] = 'Совет 1...';

__tips[1] = 'Совет 2...';

__tips[2] = 'Совет 3...';

__tips[3] = 'Совет 4...';

__tips[4] = 'Совет 5...';



var __RT = {init: function(){showTip(1);}}



function showTip(np)

{

  (np > 0)?__curTip++:__curTip--;

  (__curTip == __tips.length-1)?(document.getElementById('nextTP').disabled = true):(document.getElementById('nextTP').disabled = false);

  (__curTip == 0)?(document.getElementById('prevTP').disabled = true):(document.getElementById('prevTP').disabled = false);

  document.getElementById('tpRT').innerHTML = __tips[__curTip];

}



window.onload = __RT.init;

-->

Ну и пример работы:

Файл tip.html 


<html>

<head>

  <script type="text/javascript" src="tip.js"></script>

  <link rel="stylesheet" type="text/css" href="tip.css" />

</head>

<body>

  <div id="tpRT"></div>

  <div id="btBL">

    <input id="prevTP" class="rtBt" type="button" value="Предыдущий" title="Показать предыдущий совет" onclick="showTip(-1);" />

    <input id="nextTP" class="rtBt" type="button" value="Следующий" title="Показать следующий совет" onclick="showTip(1);" />

  </div>

</body>

</html>

И стили, файл tip.css 


html, body {margin: 0Px; padding: 0Px; font-size: 10Pt; font-family: tahoma, verdana, "ms sans serif", arial;}

body {padding: 0; margin: 0; width: 100%; height: 100%; background-color: #eee;}

div {position: relative;}



#tpRT {margin: 10Px; padding: 5Px; width: 300Px; color: #008; background-color: #fff; border: 1Px solid #b00;}

#btBL {margin: 10Px; padding: 5Px; width: 300Px; text-align: center;}

.rtBt {cursor: pointer;}

Сваливаешь всё в одну папку, открывашь в браузере и жмёшь кнопки... ;)

• Контекстные ссылки с внутренних страниц навсегда (/ru/forum/370882) • Качественные сайты для заработка на контекстной рекламе и ссылках
Z-Den
На сайте с 30.06.2007
Offline
25
Z-Den
#4

Вот посмотри мое решение http://ibuym.ru/

I
На сайте с 02.12.2005
Offline
99
iDrum
#5

news slider - небольшой плагин для jquery

Динамика изменения курса евро и бакса (http://valuta.itemp.ru/)
юни
На сайте с 01.11.2005
Offline
933
юни
#6

О... сэнкс, бояре. :)

BadBoy:
ну наверно только через iframe

Ну... это не-то всё же.

Rulin:
Или много скрытых div`ово с подсказками которые будут визиблиться по одному при onclick

Тоже не самый удачный случай. Надо примерно такие же советы, как в некоторых программах выскакивают "А знаете ли Вы, что...". На скрытых дивах это затратно делать, ведь придётся весь хэлп засовывать в код, как я понимаю?

А вот яваскрипт, это да.

СКОРПИОН:
Денис, если данных немного, то вот я тут изваял тебе минут за пять простенький скриптик:

Спасибо, Михаил. :) На работе заценю, как приеду, вместе с этим вариантом:

Z-Den:
Вот посмотри мое решение http://ibuym.ru/

Спасибо всем ещё раз.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий