VPF::После завершения таймера появляется форма

Cript777

Дата 31.10.2012, 22:17 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 82
Регистрация: 30.10.2012

Репутация: нет
Всего: нет

Приветствую! вопрос такой. вот например есть скрипт

Код


<h2 id="waiting"></h2>
<script>
function fnHide(secs){
    secs--;
    if(secs>0)  {
        document.getElementById("waiting").innerHTML = 'Ждите '+secs+' секунд';
        window.setTimeout("fnHide("+secs+")",1000);
    }  else { 
        document.getElementById("waiting").innerHTML = 'здесь какой нибудь текст или ссылка';
    }
}
fnHide(25);
</script>

нужно чтобы вместо ссылки появлялась примерно такая форма

Код


<form method=post action=script.php>
номер:
<input type=text name=pay size=12>
код:
<input type=text name=code size=16>
<input type=submit value=send>
</form>

skyboy

Дата 1.11.2012, 01:04 (ссылка)

(нет голосов)

Загрузка ...

неОпытный

Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 10
Всего: 260

во-первых, скрытие-показ формы осуществляется через style.display='block';
форму, как мне кажется, лучше не скрывать напрямую — поместить в контейнер.

Код


#payment_form {
 display: none;
}

Код


<div id="payment_form">
<form method="post" action="script.php">
номер:
<input type="text" name="pay" />
код:
<input type="text" name="code" />
<input type="submit" value="send" />
</form>
</div>

почему так — потому что form это не визуальный, а семантический элемент. и стилизировать его мне кажется не лучшей идеей. к сожалению, более внятной аргументации сейчас не предоставлю.
затем раздели вывод счетчика и показ формы:

Код


var timeoutLength = 60, counterIntervalId = setInterval(function() {
  document.getElementById('backcounter').firstChild.nodeValue = timeoutLength;
  timeoutLength--;  
}, 1000);
setTimeout(function() {
   document.getElementById('payment_form').style.display = 'block';
   clearInterval(counterIntervalId);
}, timeoutLength * 1000);

Cript777

Дата 1.11.2012, 01:34 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 82
Регистрация: 30.10.2012

Репутация: нет
Всего: нет

решил вопрос iframe но это не лучший вариант..

Код


'<iframe src= "form.php">'

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »