הקפצת הודעות

כאן הגענו לחלקים שיותר קשורים לנוחות המשתמש וזה הקפצת הודעות. כאשר מתרחש ארוע מסויים אנחנו נרצה להתריע למשתמש על כך או למשל כאשר המשתמש מבצע פעולה סופית (למשל מחיקה) נרצה לאמת את ביצוע הפעולה של המשתמש.

התרעה - alert

נועד להקפיץ התרעה על מצב כלשהו, כאן אנחנו נבחר את המלל.

קוד JS:

			<script type="text/javascript">
				alert("webmasters.co.il");
			</script>

קטע הקוד מאוד פשוט, המלל שיכנס להתרעה יהיה "webmasters.co.il" ואת ההתרעה חשוב לסיים בנקודה פסיק.

וכאן נראה בתמונה להמחשה, ההודעה קופצת לנו עם המלל שהצבנו לה.

המשתמש רק יכול ללחוץ "אישור" ולהמשיך הלאה, זה נועד אך ורק להתריע על משהו שהתרחש וזהו.

אישור - confirm

נועד לאשר ולוודא שהמשתמש אכן רוצה לבצע פעולה שהוא החליט לבצע, כאן נציג את התיבה הפשוטה ובדוגמא הבאה נציג קוד שבאמת מטפל בבקשה של המשתמש באם הוא לחץ "אישור" (ok) או לחץ "ביטול" (cancel).

קטע קוד:

			<script type="text/javascript">
				confirm("you sure?");
			</script>

בדוגמא הבאה נשתמש בתנאי if על מנת לבדוק האם הביטוי החזיר אמת (במידה ולחץ OK זה יחזיר אמת) או שקר (במידה ויחלץ על cancel זה יחזיר שקר).

			<script type="text/javascript">
				var clickedOn=confirm("click on what you want");
				if (clickedOn==true)
				{
					alert("You clicked OK!");
				}
				else
				{
					alert("You clicked CANCEL!");
				}
			</script>

הקוד הפשוט הזה גם מקפיץ הודעה של התרעה (שעליה למדנו קודם) במידה וקרה אחד משני התנאים. על ידי הצבת התיבה confirm לתוך המשתנה clickedOn אנחנו בעצם מזינים את התשובה לתוך המשתנה הנ"ל ובתנאי if כבר מבצעים בדיקה אם הוחזר אמת, ז"א true (משמע הכפתור OK נלחץ) או הוחזר שקר, ז"א false (משמע הכפתור cancel נלחץ).

קבלת קלט - prompt

בעזרת קבלת קלט (מידע מהמשתמש) נוכל לבקש מידע מהמשתמש ולהדפיס אותו בהתאם.

קטע קוד:

			<script type="text/javascript">
				prompt("sometext","default value");
			</script>

הערך הראשון "sometext" יכול להכיל את ההודעה שלנו למידע שאנחנו מצפים מהמשתמש למשל "איך קוראים לך?" (דוגמא מוחשית בהמשך) וה-default value זה מידע ברירת מחדל והוא לא חובה. למשתמש תוקפץ הודעה עם שדה למילוי.

כמו שאמרתי בדוגמאת הקוד הבאה אציג לכם בקשה למילוי השם והדפסתו.

			<script type="text/javascript">
				var name = prompt("What is ur name?","write here");
				document.write("<p>Shalom " + name + "!</p>");
			</script>

את הערך שמתקבל מה-prompt נכניס לתןך המשתנה name ולאחר מכן נשתמש בפקודה write על מנת להדפיס אותו עם מסר חברותי קטן משלנו.