X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Появление кнопки через некоторое время
karabok2
karabok2
Topic Starter сообщение 10.3.2017, 16:24; Ответить: karabok2
Сообщение #1


Все кто помнит эту тему

Ссылка в кнопке. Нужна помощь

Нужно сделать так, чтобы кнопка появлялась через короткий промежуток времени: код кнопки такой (кому лень ту тему открывать):

<div class="column_3" id="hidden_link1" onclick="document.all.hidden_link2.style.display='block';" style="display:none">
<a align="center" class="vklady_1" href="javascript:document.getElementById('plan').value=1;with(document.getElementById('vklad_form')){ submit(); }">
<input type="submit" class="btn" value="Получить бонус"></a>


чтобы можно было настроить время и было видно таймер)
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
сообщение 10.3.2017, 16:53; Ответить: k0ttee
Сообщение #2


В страницу добавляем однострочный скрипт
<script>$(function(){ $('#show_button_div').delay(3000).show(1000); });</script>

Где:
3000 = три секунды задержки
1000 = плавное появление в течении одной секунды

Кнопку оборачиваем в блок
<div id="show_button_div" style="display:none">
это содержимое будет появляться
</div>


Добавлено спустя 2 минуты 13 секунд:
А таймер... таймер можно взять какой-нибудь красивый. И тупо выставить в таймере такое же время как в скрипте отвечающем за появление.


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
karabok2
karabok2
Topic Starter сообщение 10.3.2017, 17:17; Ответить: karabok2
Сообщение #3


k0ttee, Что-то у меня не получается... может я что-то не туда ставлю? Ты бы не мог сам завернуть? а то я понаделаю делов. С меня на конфету)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
сообщение 10.3.2017, 17:18; Ответить: k0ttee
Сообщение #4


Мог бы :D
<script>$(function(){ $('#show_button_div').delay(3000).show(1000); });</script>
<div id="show_button_div" style="display:none">
<div class="column_3" id="hidden_link1" onclick="document.all.hidden_link2.style.display='block';" style="display:none">
<a align="center" class="vklady_1" href="javascript:document.getElementById('plan').value=1;with(document.getElementById('vklad_form')){ submit(); }">
<input type="submit" class="btn" value="Получить бонус"></a>
</div>


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
karabok2
karabok2
Topic Starter сообщение 10.3.2017, 17:35; Ответить: karabok2
Сообщение #5


k0ttee, а как сделать так, чтобы по нажатию вылезало сообщение, что кнопка появиться через (отсчет таймера)
А потом таймер исчезал и появлялась кнопка?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
сообщение 10.3.2017, 17:39; Ответить: k0ttee
Сообщение #6


а как сделать так, чтобы

Убрать обертку которая документ-рэди, прикрутить к клику.

Наверно надо расписать по-пунктам последовательность "что после чего и как". А я пошел в магазин за конфетой. :D


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
karabok2
karabok2
Topic Starter сообщение 10.3.2017, 17:41; Ответить: karabok2
Сообщение #7


(k0ttee)
Убрать обертку которая документ-рэди, прикрутить к клику.

:unsure: я не понимаю как это((( тяжко быть новичком в этом
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
сообщение 10.3.2017, 19:00; Ответить: k0ttee
Сообщение #8


Вот, накатал полностью готовую конструкцию (32 строки).
Поведение именно такое, как описано в недоТехническомЗадании. ;)
<!-- счетчик появления -->
<script>
function show_button_function(){
    var counter=5;//время отсчета таймера (в секундах)
    var interval=setInterval(function() {
        $('#counter_starter').html('Ожидайте '+counter+ ' секунд') //текст на счетчике
        counter--; //обратный отсчет
        if(counter==0){
            clearInterval(interval);
            $('#counter_starter').hide() //скрыть кнопку запуска
            $('#show_button_div').show(1000) //плавно показать кнопку получения
        }
    }, 1000);
}
</script>
<!-- счетчик появления -->

<!-- кнопка начала отсчета -->
<button onClick="show_button_function()" id="counter_starter">
НАЧАТЬ
</button>
<!-- кнопка начала отсчета -->

<!-- появляется по счетчику -->
<div id="show_button_div" style="display:none">
    <div class="column_3" id="hidden_link1" onclick="document.all.hidden_link2.style.display='block';" style="display:none">
        <a align="center" class="vklady_1" href="javascript:document.getElementById('plan').value=1;with(document.getElementById('vklad_form')){ submit(); }">
            <input type="submit" class="btn" value="Получить бонус">
        </a>
    </div>
</div>
<!-- появляется по счетчику -->


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
karabok2
karabok2
Topic Starter сообщение 10.3.2017, 19:17; Ответить: karabok2
Сообщение #9


Не работает должным образом( таймер должен всплывать после нажатия по баннеру, а не быть такой

Прикрепленное изображение


Добавлено спустя 33 секунды:
то есть так выглядит без нажатия по баннеру
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
k0ttee
k0ttee
сообщение 10.3.2017, 19:24; Ответить: k0ttee
Сообщение #10


таймер должен всплывать после нажатия по баннеру

Ко всей херне, которая запускает счетчик, добавить onClick="show_button_function()"

Блок кода
<!-- счетчик появления -->
<script>
function show_button_function(){
    var counter=5;//время отсчета таймера (в секундах)
    var interval=setInterval(function() {
        $('#counter_starter').html('Ожидайте '+counter+ ' секунд') //текст на счетчике
        counter--; //обратный отсчет
        if(counter==0){
            clearInterval(interval);
            $('#counter_starter').hide() //скрыть кнопку запуска
            $('#show_button_div').show(1000) //плавно показать кнопку получения
        }
    }, 1000);
}
</script>
<!-- счетчик появления -->

<!-- таймер -->
<div id="counter_starter"></div>
<!-- таймер -->

<!-- появляется по счетчику -->
<div id="show_button_div" style="display:none">
    <div class="column_3" id="hidden_link1" onclick="document.all.hidden_link2.style.display='block';" style="display:none">
        <a align="center" class="vklady_1" href="javascript:document.getElementById('plan').value=1;with(document.getElementById('vklad_form')){ submit(); }">
            <input type="submit" class="btn" value="Получить бонус">
        </a>
    </div>
</div>
<!-- появляется по счетчику -->


--------------------
Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыBropush - Твой бро в монетизации через Push-уведомления
28 bropush 11194 Вчера, 12:52
автор: bropush
Открытая тема (нет новых ответов) Через какой браузер и как можно найти в кэшэ браузера видео
10 Room 1932 23.3.2024, 7:41
автор: Room
Горячая тема (нет новых ответов) Вы тратите собственное время зря?
35 metvekot 2457 19.3.2024, 20:14
автор: MisterBit
Открытая тема (нет новых ответов) Странный трафик на сайте длительное время
26 TABAK 7513 16.3.2024, 17:31
автор: Boymaster
Открытая тема (нет новых ответов) XMLSeo - поисковая выдача Яндекс, Wordstat, Google, Bing, DuckDuckGo через API
0 Malpertu36 1537 25.12.2023, 19:34
автор: Malpertu36


 



RSS Текстовая версия Сейчас: 28.3.2024, 23:12
Дизайн