الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

كيف أجعل input text ينفذ تابع function في الجافا سكريبت - يوجد مثال جاهز للاستفاسر عنه

بدأه مبتدئ #c في 17 أبريل 2010 · 3 رد · 927 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم ورحمة الله وبركاته

أرجوا من اخواني ذوي الخبرة في جافا سكريبت متابعة الكود التالي :

<html>
<head>
<script type="text/javascript">
function f()
{
	var x=document.getElementById("num1").value;
	var y=document.getElementById("num2").value;
	var z=x+y;
	alert("x+y="+z);
	}
</script>
</head>
<body>
x=<input type="text"  id="num1"><br/>
y=<input type="text"  id="num2"><br/>
<input type="button" value="add" onClick="f()"><br/>
</body>
</html>

و النتيجة ستكون هكذا عند التنفيذ

17042010062144.png

وعند الضغط على زر add يقوم بتنفيذ التابع f()

وماأريده أنه بعد إدخال الرقم y إذا ضغطت على الزر enter من لوحة المفاتيح أن يتم تنفيذ التابع f()

ولتوضيح الفكرة أكثر :

في محرك البحث غوغل عند كتابة نص البحث و الضغط على زر enter يبدأ البحث

أو عند الضغط على زر البحث search

أرجوا منكم الإجابة

#2

وعليكم السلام ورحمة الله وبركاته

تفضل أخي الكود بعد التعديل

<html>
<head>
<script type="text/javascript">
function f()
{
        var x = document.getElementById("num1").value;
        var y = document.getElementById("num2").value;
        var z = Number(x) + Number(y) ;
alert(x + " + " + y + " = " + z);
        }
</script>
</head>
<body>
x=<input type="text"  id="num1"><br/>
y=<input type="text"  id="num2" onkeyup="document.getElementById('b').focus()"><br/>
<input type="button" id="b" value="add" onclick="f()"><br/>
</body>
</html>

تم تعديل هذه المشاركة بواسطة sn1per في 17 أبريل 2010 في 20:20

1
#3

شكراً جزيلاً لك يا أستاذنا الكبير يا sn1per

على الإجابة و الرد

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

أي يتم تنفيذ التابع فوراً عند الضغط على انتر

أما الآن فنحن بحاجة إلى الضغط مرتين متتاليتين على انتر حتى يتم التنفيذ

بانتظار يامعلمنا الكبير على أحر من الجمر وشكراً جزيلاً

1
#4
<html>
<head>
<script type="text/javascript">
function f(keyCode)
{
if(keyCode==13)
{
        var x = document.getElementById("num1").value;
        var y = document.getElementById("num2").value;
        var z = Number(x) + Number(y) ;alert(x + " + " + y + " = " + z);
        }
}
function fo(keyCode)
{
if(keyCode==13)
{
document.getElementById('num2').focus()
}
}
</script>
</head>
<body>
x=<input type="text"  id="num1" onkeypress="fo(event.keyCode)"><br/>
y=<input type="text"  id="num2" onkeypress="f(event.keyCode)">
<br/>
<input type="button" id="b" value="add" onclick="f()">
<br/></body>
</html>

جرب تضغط انتر بالحقل الاول

وبعدين بالحقل الثاني

صديقي رفعتلك ملف نفس هذا الكود مشان السرعة

test.html

تم تعديل هذه المشاركة بواسطة AsJsGle في 19 أبريل 2010 في 21:44

In bad state

مواضيع مشابهة

عدد الزوار حالياً

المتواجدون خلال آخر دقيقتين · يتحدّث كل ٣٠ ثانية

—الإجمالي—أعضاء مسجّلون—زوار بدون تسجيل

جارٍ التحقق من المتواجدين…