السلام عليكم
هل من طريقة بالجافاسكريبت لعرض عنصر معين بعد عدد من الضغطات على زر معين ، مع الإحتفاط بعدد الضغطات في localstorage
يعني أن الموقع يحتفظ بعدد الضغطات حتى في حالة تعدد زيارات الموقع ؟
شكرا
دعوة إلى : @zakariamouhid @ahmedsaoud31
السلام عليكم
هل من طريقة بالجافاسكريبت لعرض عنصر معين بعد عدد من الضغطات على زر معين ، مع الإحتفاط بعدد الضغطات في localstorage
يعني أن الموقع يحتفظ بعدد الضغطات حتى في حالة تعدد زيارات الموقع ؟
شكرا
دعوة إلى : @zakariamouhid @ahmedsaoud31
صحيح هيه بعاده يقمون بتخزين ال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() فقد اخدتها من الموقع النشرته اعلاه لانها مفيده جدا وتسهل العمل ويمكنك مشهدته يعمل هنا
بتوفيق
اي يمكن نفس الفكره تقريبا
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 "";
}
التعليقات