מדריך ארועים – קישור ללא קישור

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

קטע הקוד הבא לקוח מדף 09.html
:

<p>
	לחץ <a href="" onclick="document.bgColor='Orange';" >כאן</a>
	לשינוי רקע הדף
</p>

בכוונה לא נכתב דבר במאפיין href (המאפיין href חייב להופיע בתגית <a>, אחרת זה לא יהיה קישור). האם לחיצה על הקישור תפעיל משפט JavaScript שישנה את צבע הרקע? לא.

אל תאמין לי, נסה בעצמך.

כדי “לנטרל” את המאפיין href של התגית <a>, יש לכתוב:

<a href="javascript:void(0);"> 

קטע הקוד הבא לקוח מדף 10.html
:

<p>
	לחץ <a href="javascript:void(0);" onclick="document.bgColor='Orange';">כאן</a>
	לשינוי רקע הדף
</p>

בלי להיכנס להסבר של void(0), המילה כאן שבמשפט שלעיל היא קישור. לפחות ויזואלית, היא נראית כמו כל קישור “כשר”. אלא שלחיצה על הקישור לא תפנה ל-URL, שלא קיים, אלא תפעיל את האירוע onclick, אם קיים.

אם האירוע onclick לא ייכתב במסגרת התגית <a> בה המאפיין href מוגדר javascript:void(0), לחיצה על הקישור לא תעשה דבר.
בעת טעינת קובץ 10.html

תגיות: , , , , , , , , , ,

זהר עמיהוד

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

תגובות בפייסבוק

חדש! אחסון אתרים של וובמאסטר

שירות אחסון אתרים
המקצועי של וובמאסטר!

מומחים באירוח אתרי
WordPress, Joomla, Drupal

  • שרתי לינוקס עם CloudLinux, LiteSpeed
  • 1GB דיסק SSD, 10GB תעבורה חודשית
  • ממשק ניהול cPanel, תעודת SSL חינם

עכשיו במחיר היכרות:
רק 420 ש"ח לשנה!