2

هل من طريقة بالجافاسكريبت لعرض عنصر معين بعد عدد من الضغطات على زر معين ...

السلام عليكم

هل من طريقة بالجافاسكريبت لعرض عنصر معين بعد عدد من الضغطات على زر معين ، مع الإحتفاط بعدد الضغطات في localstorage

يعني أن الموقع يحتفظ بعدد الضغطات حتى في حالة تعدد زيارات الموقع ؟

شكرا

دعوة إلى : @zakariamouhid @ahmedsaoud31


1
Mohammed_Alkhafaji1

صحيح هيه بعاده يقمون بتخزين الcookie ب php ولكن يوجد طريقه بJavascript وموجود شرحها هنا

وكمثال قمت بتعديل على الكود الي كتبه أ. @CDT ويعمل الان مع الcookie

var counter;
if(getCookie("counter") == ""){
  counter = 0;
} else {
  counter = getCookie("counter");
}
function count() {
   counter++;
   if (counter === 3) {
     alert('3 clicks');
   }
   setCookie("counter",counter,365);
   document.getElementById("timesyouclicked").innerHTML = counter;
   }

function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
    var expires = "expires="+d.toUTCString();
    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') {
            c = c.substring(1);
        }
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
}

بنسبه لل getCookie() و setCookie() فقد اخدتها من الموقع النشرته اعلاه لانها مفيده جدا وتسهل العمل ويمكنك مشهدته يعمل هنا

بتوفيق

0
mohamed asfar

عمل متقن ، هل يمكنك إضافة إمكانية عرض النافذة المنبثقة عند 3 ضغطات و 10 ضغطات ...

0
Mohammed_Alkhafaji1

اي يمكن نفس الفكره تقريبا 

var counter;
if(getCookie("counter") == ""){
  counter = 0;
} else {
  counter = getCookie("counter");
}
function count() {
   counter++;
   if (counter === 3 || counter === 10) {
     window.open("

http://www.example.com ",500,300) } setCookie("counter",counter,365); document.getElementById("timesyouclicked").innerHTML = counter; }

function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
    var expires = "expires="+d.toUTCString();
    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') {
            c = c.substring(1);
        }
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
}