כפתורי HTML Backward ו - HTML Forward

כפתורי Backward או Forward מאפשרים לגולש לחזור לדף האחרון שבו גלש לפני הדף הנוכחי. הדבר זהה ללחיצה על הכפתורים המתאימים בדפדפן של המשתמש. כדי לממש יכולת זו בדף HTMLעלינו להשתמש בשפת סקריפט כלשהי ובדרך כלל זו תהיה Javascript. האמת חייבת להיאמר, לא לעתים קרובות אנו באמת צריכים לספק יכולת זו לגולשים באתרינו. הכפתורים המצויים בכל דפדפן עושים את העבודה מצוין. אולם, מתי ההיגיון עצר אותנו מלכתוב קוד Javascript טוב? חוץ מזה שאני בטוח שיש סיבות טובות לכתוב קוד מסוג זה רק שאני לא מסוגל לחשוב על אף אחת מהן כרגע...

לצורך הדוגמה נצמיד את קוד ה - Javascript שלנו לכפתור פשוט שאותו נגדיר בעזרת התג <input>. לתג זה נצמיד אירוע של click שיקרא לפונקציה שלנו. פשוט וישיר.

דוגמת קוד לכפתור HTML Backward:

<form name="form1">
<input onclick="history.back()" type="button" value="Back" />
</form>

כעת נכתוב קוד שיקפיץ אותנו דף אחד קדימה.

דוגמת קוד לכפתור HTML Forward:

<form name="form1">
<input onclick="history.back()" type="button" value="FORWARD"/>
</form>

כפי שביכולתכם לראות את הקוד שלנו מיקמנו באירוע click של האלמנט <input>. בכך הבטחנו שהקוד שלנו ירוץ לאחר שהמשתמש ילחץ על הכפתור שלנו. כמובן שאת אותו קוד ניתן להצמיד לקישור <a> רגיל ולכל אלמנט אחר שהוא בר הקלקה

דוגמה לקישור HTML Backward:

<form name="form1">
<a href="#" onclick="history.go(-1)">Back</a>
</form>

בדוגמת הקוד הבאה נראה כיצד בקליק אחד על כפתור ביכולתנו לחזור לא דף אחד לאחור אלא מספר דפים על פי רצוננו.

דוגמת קוד לכפתור HTML Backward שמחזיר אותנו לאחור 3 דפים:

<form name="form1">
<input onclick="history.back(-3)" type="button" value="Back"/>
</form>

סיכום

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


 
© 2010-2013  www.Devschool.co.il | מדיניות פרטיות | תנאי שימוש