شرح كيفية عمل صغحة التحميل بالعد التنازلي







السلام عليكم ورحمة الله يسعدني ان اقدم شرحي هذا نزولا عند رغبة الكثير من الاعضاء الذين يسألون عن كيفية عمل رابط بالعد التنازلي بابسط الطرق سواء للمواقع او المدونات يتم فيه العد التنازلي بالثواني قبل تحميل الملف المثال للصفحة من هنا على مدونتي

مثال : اضغط هنا

نبدأ على بركة الله ملف css

رمز Code:
<style>
.button {
    background-color: #ddcccc;
    border: 1px solid black;
    color: black;
    font-family: Arial;
    font-size: small;
    text-decoration: none;
    padding: 3px;
}

</style>

ملف الجافا سكريبت

رمز Code:
<script type='text/javascript'>
var downloadButton = document.getElementById("download");
var counter = 10;
var newElement = document.createElement("p");
newElement.innerHTML = "يمكنك تحميل الملف بعد 10 ثواني.";
var id;
downloadButton.parentNode.replaceChild(newElement, downloadButton);
id = setInterval(function() {
counter--;
if(counter < 0) {
newElement.parentNode.replaceChild(downloadButton, newElement);clearInterval(id);} else {
newElement.innerHTML = "يمكنك تحميل الملف بعد " + counter.toString() + " .ثواني";}}, 1000);

رابط العد التنازلي لصفحة التحميل مع الزر المراد التحميل منه هذا الربط يوضع في الصفحة اللتي نريد ان يظهر للزائر

رمز Code:
<a class="button" href="http://www.masder.cf/2015/01/article1.html" id="download">الرابط جاهز يمكنك تحميل الملف ...</a>

googl : http://www.traidnt.net/vb/traidnt2498740