override alert function

21 במאי 2012

תגיות: , , , , ,
תגובה אחת

בעבר כתבתי כיצד לדרוס את ההתנהגות הדפולטבית של parseInt, הפעם אני רוצה להראות איך קוד פשוט ישדרג את ה – alert הסטדנרטי של הדפדפן לשימוש ב – jquery ui dialog

בדרך כלל הקוד הבא:

<input type="button" value="Show" onclick="alert('is jquery ui dialog ?')" />

לחיצה על הלחצן תציג את ההודעה הבאה:

image

במידה ונכתוב את הקוד הבא: (בתחילת העמוד)

<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>

<link href="js/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" />

<script src="js/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>

<script>

    alert = function (text) {

        $('<div>' + text + '</div>').dialog({

            modal: true,

            title: 'Message'

        });

    }

</script>

כעת לחיצה על הלחצן תציג:

image

הוסף תגובה
facebook linkedin twitter email

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

תגובה אחת

  1. משה25 במאי 2012 ב 18:53

    רעיון רע!

    הסיבה פשוטה: alert/confirm/prompt (בדגש על השניים האחרונים) עוצרים את הביצוע עד לקבלת אישור/ביטול של הפעולה.

    הפעולה שלך לא עושה את זה וחבל.

    הגב