Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / скрывать/отображать div при помощи таймера / 15 сообщений из 15, страница 1 из 1
19.10.2009, 16:55
    #36260134
INOKENTiY
INOKENTiY
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
скрывать/отображать div при помощи таймера
Здравствуйте
есть один div с стилем "display:none", а второй отображается, так вот как сделать что бы они каждые 5 сек менялись местами?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.10.2009, 20:47
    #36260680
Ps-spectre
Ps-spectre
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
скрывать/отображать div при помощи таймера
А в чем собсна сложность?
Вот решение в лоб:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
 
    <style type="text/css">
        .divInvisible { display: none; }
        .divVisible { display: block; }
    </style>
    <script type="text/javascript">
        function DivChange(div1, div2) {
            var div1 = document.getElementById(div1);
            var div2 = document.getElementById(div2);
            div1.className = (div1.className == "divVisible") ?
                "divInvisible" : "divVisible";
            div2.className = (div2.className == "divVisible") ?
                "divInvisible" : "divVisible";
        }
        
        var timer;
        var timerOn = false;
        function Tick() {
            DivChange('div1', 'div2');
            timer = setTimeout("Tick()",  5000 );
        }
        function Start() {
            if (!timerOn) {
                timerOn = true;
                Tick();
            }
        }
        function Stop() {
            clearTimeout(timer);
            timerOn = false;
        }
    </script>
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
    <input type="button" value="Start" onclick="Start()" />
    <input type="button" value="Stop" onclick="Stop()" />
    
    <div id="div1" class="divVisible">
        div1
    </div>
    
    <div id="div2" class="divInvisible">
        div2    
    </div>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.10.2009, 21:26
    #36260742
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
скрывать/отображать div при помощи таймера
А чё так сложно? Да и код не рабочий? Вот примерчик:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
<html>
<script>
function toggle(){
if(document.getElementById('div2').style.display=='block')
  {document.getElementById('div2').style.display='none';document.getElementById('div1').style.display='block';}
else
  {document.getElementById('div1').style.display='none';document.getElementById('div2').style.display='block';}
}
</script>
<body>
<div id="div1">aaaaaaa</div>
<div id="div2">bbbbbbb</div>
<script>
document.getElementById("div2").style.display="none";
setInterval("toggle()", 5000 );
</script>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.10.2009, 21:37
    #36260750
Ps-spectre
Ps-spectre
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
скрывать/отображать div при помощи таймера
ShSerge , да, так короче ))
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.10.2009, 22:19
    #36260787
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
скрывать/отображать div при помощи таймера
Ps-spectre,

У тебя, конечно, правильнее написано с классами цсс и т.д., а у меня - по простому. Зато понятно и скопипастить примерчик можно. Хотя, пускай лучше ТС смотрит в сторону твоего поста.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.10.2009, 08:24
    #36261072
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
скрывать/отображать div при помощи таймера
Только не понятно зачем он "самовызов" делает...

Код: plaintext
1.
2.
3.
function Tick() {
    DivChange('div1', 'div2');
    timer = setTimeout("Tick()",  5000 );
}
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.10.2009, 08:35
    #36261086
EmilRegis
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
скрывать/отображать div при помощи таймера
видимо не знал про setInterval, вот так и сделал
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.10.2009, 11:33
    #36261457
Ps-spectre
Ps-spectre
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
скрывать/отображать div при помощи таймера
Сорри, действительно протупил, писал сходу, уже вечером, усталость и все такое... )))
сетИнтервал да, и клиарИнтервал приятней, да . )
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.10.2009, 14:34
    #36262048
INOKENTiY
INOKENTiY
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
скрывать/отображать div при помощи таймера
ShSerge,
спасибо, забыл совсем про setTimeout, а я копался с jquery Effects , думал как-то сделать что бы баннер уезжал как-то, но не получается
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.10.2009, 15:32
    #36262245
INOKENTiY
INOKENTiY
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
скрывать/отображать div при помощи таймера
Код: plaintext
1.
2.
3.
4.
function toggle(){
    $("#banner1").slideToggle("slow");
    $("#banner2").slideToggle("slow");
}
поставил так, но выходит что один банер уезжает вниз, а потом опять вверх, а как бы сделать, что бы они справа на лево уезжали?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.10.2009, 17:01
    #36262520
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
скрывать/отображать div при помощи таймера
Пользуйся .animate() и указывай изменения как координат, так и габаритов (к примеру - если надо, чтобы вправо подавался, надо менять левую координату и ширину).
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.10.2009, 17:42
    #36262661
INOKENTiY
INOKENTiY
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
скрывать/отображать div при помощи таймера
просто двигать выходит а вот что бы баннер как бы из-за границы выезжаед и накрывает видимый как сделать
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.10.2009, 17:48
    #36262685
INOKENTiY
INOKENTiY
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
скрывать/отображать div при помощи таймера
Код: plaintext
1.
2.
3.
4.
5.
6.
$("banner1").animate({
      "height": "toggle", "opacity": "toggle"
    }, "slow");
$("banner2").animate({
      "height": "toggle", "opacity": "toggle"
    }, "slow");
так не получается
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.10.2009, 09:59
    #36263460
EmilRegis
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
скрывать/отображать div при помощи таймера
Не выходит не знаю почему , но то, что у элементов, к которым обращаешься по id должна стоять решётка это точно))
Код: plaintext
1.
2.
$("#banner1").animate({opacity: "0.1", left: "+=400"},  1000 )
		.animate({opacity: "0.4", top: "-=400"},  1000 )
Вот пример движущегося блока, изменяющего прозрачность
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.10.2009, 10:28
    #36263537
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
скрывать/отображать div при помощи таймера
INOKENTiYа вот что бы баннер как бы из-за границы выезжаед и накрывает видимый как сделать

Как вариант увеличивать ширину "появляющегося" и одновременно уменьшать "исчезающего"... Вроде как получится справо на лево...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / скрывать/отображать div при помощи таймера / 15 сообщений из 15, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 512ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1454103]:
 0ms
get settings:
 7ms
get forum list:
 13ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 186ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 47ms
get tp. blocked users:
 1ms
others: 242ms
total:  512ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]