أعماليمدونتيمن أنا ؟ English

[EL7R]

الجمعة، 3 يونيو، 2011

إضافة تنبيهات للجي كويري من برمجتي, الإصدار 0.1

هذه أول إضافة أبرمجها لمكتبة الجي كويري, شبيهة إلى حد كبير بنظام تنبيهات توزيعة أوبنتو لنظام التشغيل لينُكس.
السمة الافتراضية
المميزات:
  • بالإمكان تحديد مكان عرض التنبيه, أُفقياً و عمودياً. (مثال: أعلى يمين, اسفل يسار)
  • بالإمكان عرض أيقونة بجانب كل تنبيه.
  • تعددالسمات, يمكن اختيار سمة مختلقة لكل تنبيه في الصفحةنفسها.
  • يمكن تحديد مدة ظهور التنبيه.
    سمة silver
  • يمكن إظهار زر إخفاء التنبيه وإخفائه.
  • يمكن اختيار طريقة ظهور التنبيه (المؤثرات) (animations) وحالياً توجد 3 مؤثرات وهي (fade, slide و animate).
  • حجم الإضافة صغير, ولا تثقل التصفح.
  • تدعم المتصفحات الرئيسية (فَيَرفُكس, إنترنت اكسبلورر, كروم, أوبرا).
  • تعتمد على بعض خواص css3 وهي border-radius و box-shadow.
كيفية الإستخدام:
نزَّل الملفات وفك الضغط عنهم, ضعهم في أي مكان داخل مجلد موقعك. استدع el7r_notify.min.jq.css و el7r_notify.min.jq.js. وتأكد من أنك استدعيت مكتبة الجي كويري, إن لم تكن مستدعاة فعليك استدعاها قبل استدعاء تلك الملفات.
<script src="jquery-1.6.1.min.js" type="text/javascript"></script>
<script src="el7r_notify.min.jq.js" type="text/javascript"></script>
<link href="el7r_notify.min.jq.css" rel="stylesheet" type="text/css" />
الآن يمكنك استخدام الإضافة في أي مكان في الصفحة, الافضل لتكوين أكواد التنبيهات هي زيارة صفحة المثال حيث يمكنك تعديل الخيارات ومشاهدة النتيجة مباشرةً, والحصول على الكود. الكود يجب أن يكون على هذا النسق:
$().el7r_notify({'text':'hello world', 'place_v':'top', 'place_h':'right','icon':'', 'skin':'default', 'delay':'4000', 'ex':'true', 'effect':'animate'});
يمكنك استخدام هذا الكود بعدة طرق, مثال:
<script>
$(function() {
 $().el7r_notify({'text':'hello world'});
});
</script>
في المثال السابق سيظهر التنبيه فور انتهاء تحميل الصفحة.
<a href="#" onclick="$().el7r_notify({'text':'hello world'});">Click Me</a>
في المثال السابق سيظهر التنبيه عند النقر على وصلة.


ليست هناك تعليقات:

إرسال تعليق