السلام عليكم
كما هو موضح لدي كود جافا سكريبت و لم يعمل معي
لا أعلم أين هو المشكل كوني جديد على لغة الجافا سكريبت و الويب
الكود :
https://jsfiddle.net/pomxL0swالفكرة هي أنه عند الضغط على button يتم التعرف على اي button تم الضغط و عدد المرات ( في زمن 500 ميلي ثانية )التي كانت فيه مضغوطة
هذا مجرد مثال لاني سأستعملها في تحديد الاتجاه اي أعلى أسفل يمين يسار و أرسال القيم كل 500 ميلي ثانية
أنت تستخدم مكتبة jQuery ولم تقم بإختيارها ليتم تفعيلها:
ما هي المُشكلة تحديداً، الكود يعمل لدي، ما هو مُتصفح وإصداره؟
هذا تعديل على الكود:
لا أعلم لماذا لا تعمل معي عند وضعها في الملف ؟
ملف html :
ملف css :
!!
هذا لأنك تستخد كود الـ JavaScript قبل هيكلة الـ HTML ضع الأكواد في نهاية الصفحة أو ضعها عند حدث تحميل الصفحة.
لتنفيذ الأكواد بعد إنتهاء تحميل الصفحة ضعها ضمن:
$(function(){
// ضع أكوادك هنا
});
جربت و لم تعمل لا أعلم اين المشكل ممكن أرفاق الكود
لأني جربته عند تحميل الصفحة في أخر الصفحة في رأس الصفحة و لا نتيجة
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="style1.css">
<script src="js/jquery-2.1.4.min.js" /></script>
</head>
<body>
<script>
$(function(){
var intervalId;
var clicked = 0;
var buttonID = 0;
$("button").mousedown(function() {
buttonID = $(this).attr('id');
$("#demo").html("button: "+buttonID+" clicked : "+clicked);
intervalId = setInterval(dosom, 500);
}).mouseup(function() {
clicked = 0;
clearInterval(intervalId);
});
function dosom() {
clicked += 1;
$("#demo").html("button: "+buttonID+" clicked : "+clicked);
}
});
</script>
<div class="cadre">
<div class="guide1">
<button id="btn1" class="fa fa-chevron-circle-left fa-4x tai1 btnd ">1</button>
<button id="btn2" class="fa fa-chevron-circle-right fa-4x tai1 btng">2</button>
</div>
<div class="guide2">
<button id="btn3" class="fa fa-chevron-circle-up fa-4x tai2 btnh">3</button>
<br>
<button id="btn4" class="fa fa-chevron-circle-down fa-4x tai2 btnb" >4</button>
</div>
</div>
<p id="demo"> pp : </p>
</body>
</html>
التعليقات