دروس javascript: طرق ادخال البيانات في الجافا سكريبت

السلام عليكم و رحمة الله تعالى و بركاته زوارنا الكرام اهلا وسهلا بكم واتمنى ان تكونوا بالف خير سوف نتعلم اليوم طرق إدخال البیانات فلغة الجافا سكربت توفر لنا طريقتين لإدخال البیانات و هي كالتالي:

- الطریقة confirm :

تقوم بإظهار رسالة مثل الطریقة alert بالإضافة إلي أنها تقوم بإرجاع أحدي القیمتین false أو true و تعتبر إحدي الوظائف التابعة للكائن window

وطریقة إستخدامها كالتالي :

confirm("ضع هنا رسالتك");

او

window.confirm(" ضع هنا رسالتك");

مثال:إظهار رسالة تأكید حذف إشتراك احد العملاء

<HTML>

<Title> الطریقة confirm </Title>

<HEAD>

<!--

confirm("من فضلك هل أنت متأكد من إتمام عملیة حذف هذا العمیل");

//-->

</SCRIPT>

</HEAD>

</HTML>

ويكون الناتج كما يلي:

لمشاهدة الصورة بوضوح المرجوا الضغط عليها

كما تري ظھور الرسالة ولكن بعد الضغط علي احد الزرين ok أو cancel لم نتعرف أيھما تم الضغط علیه ، وحتى نتعرف علي القیمة الراجعة من الإختیار نحتاج إلي :

- تخزين القیمة الراجعة في متغیر ثم نحدد قیمة ھذا المتغیر فإذا كانت قیمته true فھذا يعني أن المستخدم قد ضغط الزر ok , وإذا كانت قیمته false فھذا يعني أن المستخدم قد ضغط زر cancel

- أو نقوم بإستخدام القیمة الراجعة بدون تخزينھا ( من علي الطائر كما يقال ) كما سوف يتضح في المثال التالي :

alert حیث سوف نقوم بطباعة القیمة الراجعة من الإختیار بواسطة الطريقة

<HTML>

<Title> الطریقة confirm </Title>

<HEAD>

<!--

alert( confirm(" من فضلك هل أنت متأكد من إتمام عملیة حذف هذا العمیل"));

//-->

</SCRIPT>

</HEAD>

</HTML>

ويكون الناتج كما يلي:

فعند الضغط علي زر ok يكون الناتج كالتالي :

وعند الضغط علي زر cancel يكون الناتج كالتالي :

- الطریقة prompt :

تقوم بإظهار رسالة مثل الطریقة confirm السابقة بالإضافة إلي أنها تقوم بإرجاع أحدي القیمتین القیمة المدخلة من خلال المستخدم أو القیمة null ( وهي تعني لا شيء) تعتبر إحدي الوظائف التابعة للكائن window

طریقة إستخدامها :

prompt (" القیمة الإفتراضیة للقیمة الراجعة " ," ضع هنا رسالتك ");

او

window.prompt (" القیمة الإفتراضیة للقیمة الراجعة " ," ضع هنا رسالتك ");

مثال :إظهار رسالة بها اسم المستخدم بعد إدخال اسمه

<HTML>

<Title> الطریقة prompt </Title>

<HEAD>

<!--

alert ( prompt ( "أدخل هنا اسمك" ,"ما هو اسمك "));

//-->

</SCRIPT>