Разработка Запретить повторное нажатие на кнопку

[baltun]

baltun разместил(а) новый ресурс:

Запретить повторное нажатие на кнопку - Запретить повторное нажатие на кнопку.

Создаем разметку HTML:

<div id="button" download="1">кнопочка</div>

Пишем небольшой скрипт:

$("#button").on("click", function() {
    if($(this).attr("download") == 1) {
        alert("Качаем файл");
        $(this).attr("download", "0");
    }
    else {
        alert("Вы уже скачали файл");
    }
});

Посмотреть страницу этого ресурса...

 

[Роман_Тютин]

Привет, классно получилось, прилепил этот код на кнопку скачать в менеджере ресурсов, а можно его как то изменить на функцию обновления страницы при нажатие ?

 

[baltun]

Да можно, завтра посмотрю, сейчас поздновато уже.

 

[Роман_Тютин]

ок, спасибо

 

[baltun]

Существует несколько вариантов:

<button type="button" onClick="refreshPage()">Close</button>

<script>
function refreshPage(){
    window.location.reload();
}
</script>

<button type="button" onClick="window.location.reload();">Close</button>

<input type="button" value="Reload Page" onClick="window.location.reload()">

<input type="button" value="Reload Page" onClick="history.go(0)">

<input type="button" value="Reload Page" onClick="window.location.href=window.location.href">

<button type="button" onClick="Refresh()">Close</button>

<script>
    function Refresh() {
        window.parent.location = window.parent.location.href;
    }
</script>

 

[Роман_Тютин]

Всё таки победил я эту кнопку, если кому то нужно будет, то я сделал вот так, да кстати у меня установлена XenForo 1.5.4
ищем шаблон "resource_view_header"
и в самом верху страницы после <xen:require css="resource_view_header.css" />
вставляем

<script>$(function(){
    $('#reload').on('click', function(){
        setTimeout(function(){ location.reload() }, 2000)
    })
})</script>

далее ищем <xen:elseif is="!{$resource.is_fileless}" /> и ниже заменяем три строки на эти

<li><label class="downloadButton {xen:if '!{$resource.canDownload}', downloadDisabled}">
                    <a href="{xen:link resources/download, $resource, 'version={$resource.current_version_id}'}" <div class="inner" input id='reload' class='reload'</div>
                        <xen:if is="{$resource.canDownload}">{xen:phrase download_now}<xen:else />{xen:phrase download_not_available}</xen:if>

не знаю на сколько это правильно, но у меня работает, при нажатие на кнопку скачать страница обновляется автоматически через 2 секунды