Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Скрипт с поочередным выводом информации.
 
 автор: Владимир55   (27.12.2008 в 15:19)   письмо автору
 
 

Как сделать скрипт, который с интервалом в пять-семь секунд будет поочередно выводить текст со ссылками типа:
<p style="margin-top: 0; margin-bottom: 0">
<font size="4" face="Arial">Это <a href="http://softtime.ru/">первый</a> вариант</font></p>

<p style="margin-top: 0; margin-bottom: 0">
<font color="#FF00FF" size="4" face="Arial">Второй <a href="http://softtime.ru/"> вариант</a> ссылки</font></p>

<p style="margin-top: 0; margin-bottom: 0">
<font color="#FF00FF" size="4" face="Arial">Ещё <a href="http://softtime.ru/"> вариант</a> ссылки</font></p> 

  Ответить  
 
 автор: PAT   (27.12.2008 в 16:02)   письмо автору
 
   для: Владимир55   (27.12.2008 в 15:19)
 

<script>
var Z = W = 3; //количество вариантов текстов
var S = 5; //задержка в секундах

onload = function myFunc ()
{
document.getElementById ('p' + Z).style.display = 'none'; Z = (Z == W) ? 1 : (Z + 1);
document.getElementById ('p' + Z).style.display = 'block'; setTimeout (myFunc, S * 1000);
}
</script>

<p style="margin-top: 0; margin-bottom: 0; display: noneid="p1">
<font size="4" face="Arial">Это <a href="http://softtime.ru/">первый</a> вариант</font></p>

<p style="margin-top: 0; margin-bottom: 0; display: noneid="p2">
<font color="#FF00FF" size="4" face="Arial">Второй <a href="http://softtime.ru/"> вариант</a> ссылки</font></p>

<p style="margin-top: 0; margin-bottom: 0; display: noneid="p3">
<font color="#FF00FF" size="4" face="Arial">Ещё <a href="http://softtime.ru/"> вариант</a> ссылки</font></p>

  Ответить  
 
 автор: Владимир55   (27.12.2008 в 17:49)   письмо автору
 
   для: PAT   (27.12.2008 в 16:02)
 

Супер!

То, что надо!

Большое Вам спасибо!

  Ответить  
 
 автор: Владимир55   (01.01.2009 в 18:06)   письмо автору
 
   для: PAT   (27.12.2008 в 16:02)
 

Как я понял, механизм этого кода базируется на нумерации каждой из выводимой строки типа
<p style="margin-top: 0; margin-bottom: 0; display: none" id="p1"> 
А как быть, если нужно выводить более сложный код? Например, содержащий таблицу или несколько строк?

  Ответить  
 
 автор: AlexSol   (01.01.2009 в 22:44)   письмо автору
 
   для: Владимир55   (01.01.2009 в 18:06)
 

нумеруется не строка, а блок с выводимой информацией

  Ответить  
 
 автор: Владимир55   (02.01.2009 в 11:45)   письмо автору
 
   для: AlexSol   (01.01.2009 в 22:44)
 

А как пронумеровать блоки с произвольным содержанием?

Например, блоки такого вида:

<div align="center">
    <table border="1" width="50%" id="table1" align="right" bgcolor="#FF0000" bordercolor="#0000FF">
        <tr>
            <td>
            <p align="center" style="margin-top: 0; margin-bottom: 0">ПРОВЕРКА
            <a href="http://softtime.ru/">возможностей</a></p>
            <p align="center" style="margin-top: 0; margin-bottom: 0">Две строки</td>
        </tr>
    </table>
</div>

  Ответить  
 
 автор: AlexSol   (02.01.2009 в 14:33)   письмо автору
 
   для: Владимир55   (02.01.2009 в 11:45)
 

<div style="display: none" id="p1"> ...
<div style="display: none" id="p2"> ...

  Ответить  
 
 автор: Владимир55   (02.01.2009 в 14:57)   письмо автору
 
   для: AlexSol   (02.01.2009 в 14:33)
 

Большое спасибо!

  Ответить  
 
 автор: Владимир55   (05.01.2009 в 11:49)   письмо автору
 
   для: Владимир55   (02.01.2009 в 14:57)
 

Величина
var S = 5; //задержка в секундах 
задается только в секундах?
Меньше одной секунды нельзя?

  Ответить  
 
 автор: ddhvvn   (05.01.2009 в 12:04)   письмо автору
 
   для: Владимир55   (05.01.2009 в 11:49)
 

можно.
тогда в коде нужно будет S * 1000 заменить на просто S.
а саму переменную задавать в микросекундах, например

var S = 1000; //1 с
var S = 777; //777 мс

  Ответить  
 
 автор: Владимир55   (05.01.2009 в 15:56)   письмо автору
 
   для: ddhvvn   (05.01.2009 в 12:04)
 

Теперь уж и совсем хорошо!

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования