|
|
01.02.2012, 18:28
|
|
Аспирант
|
|
Регистрация: 17.12.2011
Сообщений: 85
|
|
|
slow не важно, но а где та ссылка которая появиться вместо текста ?
|
|
01.02.2012, 18:30
|
 |
''
|
|
Регистрация: 11.12.2011
Сообщений: 636
|
|
|
то есть должна появляться новая, а не та, которую убрали?
Последний раз редактировалось Раед, 01.02.2012 в 18:33.
|
|
01.02.2012, 18:33
|
|
''
|
|
Регистрация: 11.12.2011
Сообщений: 636
|
|
ну тогда вот:
<a id="hidden_link" onclick="toggle('hidden_link','hidden_content','after_process_link')" style="cursor:pointer">Я кнопка</a>
<div id="hidden_content" style="display: none;">А я текст и я исчезну после 25 секунды</div>
<a href="#" id="after_process_link">А я ссылка, которая появиться вместо блока</a>
<script>
function toggle(id1,id2,id3) {
var el1 = document.getElementById(id1);
el1.style.display = 'none';
var el2 = document.getElementById(id2);
el2.style.display = 'block';
handler = function() {
el2.style.display = 'none';
el1.style.display = '';
document.getElementById(id3).style.display='inline';
}
setTimeout(handler,25000);
}
</script>
|
|
01.02.2012, 18:51
|
|
Аспирант
|
|
Регистрация: 17.12.2011
Сообщений: 85
|
|
|
Раед, Спасибо большое! только вам нужно было добавить еще и display:none ) я сам поставил) спасибо еще раз!
|
|
01.02.2012, 19:17
|
|
Интересующийся
|
|
Регистрация: 24.11.2011
Сообщений: 24
|
|
Сообщение от Изучаю_JS
|
|
Раед, Спасибо большое! только вам нужно было добавить еще и display:none ) я сам поставил) спасибо еще раз!
|
вот это ты одолжение ему сделал, нельзя же так перетруждаться то! |
|
01.02.2012, 19:42
|
|
Аспирант
|
|
Регистрация: 17.12.2011
Сообщений: 85
|
|
|
irezvov, да нет, а если кто нить еще тупее меня в js по поиску найдет этот скрипт ? поэтому написал чтобы другие могли вставить код
display:none;
|
|
02.02.2012, 01:45
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,103
|
|
Изучаю_JS,
Вариант )))
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<a id="hidden_link" onclick="toggle(this)" style="cursor:pointer">Я кнопка</a>
<script>
function toggle(elem)
{ var text = ['я текст и я исчезну после 25 секунды','я ссылка, которая появиться вместо блока'];
elem.innerHTML = text[0];
elem.onclick = null;
elem.style.cursor = 'text';
setTimeout(function ()
{
elem.href = 'http://javascript.ru/';
elem.innerHTML = text[1];
elem.style.cursor = 'pointer';
},25000);
}
</script>
</body>
</html>
|
|
02.02.2012, 21:23
|
|
Аспирант
|
|
Регистрация: 17.12.2011
Сообщений: 85
|
|
|
рони, спасибо, тоже пригодиться.
|
|
10.10.2015, 09:33
|
|
Новичок на форуме
|
|
Регистрация: 10.10.2015
Сообщений: 2
|
|
|
А как подобную замену сделать не для ссылки, текста и ссылки, а для 3х div-ов?
Т.е. первый div кнопка, по клику он скрыается и появляется второй, а через N секунд второй сменяется третьим..
Или можно эти 2 div-а прописать вместо ['я текст и я исчезну после 25 секунды','я ссылка, которая появиться вместо блока'];?
|
|
10.10.2015, 10:25
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,103
|
|
|
открытие через паузу
shurik-malish,
для теста 5 сек. кликать на 1 блок
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style type="text/css">
.bl{
display: none;
}
.bl.active{
display: block;
}
</style>
</head>
<body>
<div class="bl active">1 блок</div>
<div class="bl">2 блок</div>
<div class="bl">3 блок</div>
<script>
var bl = document.querySelectorAll(".bl"),
n = 0;
function fn() {
bl[n++].classList.remove("active");
bl[n].classList.add("active")
}
bl[n].addEventListener("click", function() {
fn();
setTimeout(fn, 5000)
});
</script>
</body>
</html>
Последний раз редактировалось рони, 10.10.2015 в 10:30.
|
|
|
|
