سفينة النجاة

الله أكبر .. الله أكبر .. لا إله إلا الله الله أكبر .. الله أكبر .. ولله الحمد

dimanche 25 juin 2017

بغاء.. شذوذ.. وامتيازات للمخنثين.!.

Example
  • . بغاء.. شذوذ.. وامتيازات للمخنثين.!.ما لا تعرفه عن حقيقة ما يدعى بـ زواج (المتعة) في ايران وأسباب دعمه ومباركته من قبل مؤوسساتها الدينية وحرصها على ترويجه ونشره بالعراق بالذات.!
    • صديق الرابطة العراقية أبو الدرداء يسمي الأيرانيون زواج المتعة بـ(الصيغة) ويلفظونها (سيغه) حيث أن النساء اللواتي يرغبن في مثل هذه الممارسات الشاذة فالواحدة منهن تقترب من الرجل سواء في السيارة أو في الحدائق أو الأماكن العامة وتلفظ هذه الكلمة بصوت منخفض بحيث يسمعه الطرف الآخر، وغالبا ما تحمل المرأة في يدها كتاب ما كرمز (للعقد).! فإذا رغب الرجل بدعوتها فإنه يقول كلمة: "أي خدا" أي ياالله ثم يترافقان.
    • وبالنسبة للرجال وخاصة المعممين وهم أكثر الفئات تعاطيا مع هذه المسألة فإنهم يقتربون من المرأة وهم عادة يحملون أيضا بأيديهم كتب ما بحيث يمكن رؤيتها ويقولون بصوت خافت ومسموع عبارات من القرآن الكريم "وحاشا للقرآن الكريم". وفي الغالب يكون المعممين شخصين أثنين فيتضاهران بأنما يتحاوران حول هذه الآيات فيقولون أحدهما للآخر لتسمع المرأة التي بقربهما، فإذا كانت راغبة في ما يقصدون فستفهم الأشارة "على طول".!
    • إن الديانة المجوسية تعطي بعدا كبيرا وأباحية لا مثيل لها في أطلاق الشهوات والتعامل مع العلاقات الجنسية، وتتجسد هذه الرؤية عند الفرس في معظم رسوماتهم ونحوتهم ونقوشهم وأشعارهم وخاصة القديمة منها، وكيف يجمعون دائما بين الهيام بالطرف الآخر وبين كأس الخمر التي تطلق للفنطازيا الجنسية عندهم العنان. ولمن يقرأ الملحمة الفارسية المعروفة "الشاهنامه" يجد هذه الصورة المتعانقة ما بين الجنس والوجود.
  • ويكمن السر في كراهية الفرس لسيدنا عمر بن الخطاب [رضي الله عنه] هي أنه تم على يديه المباركتين فتح بلاد فارس وتحطيم دولتهم المجوسية وأقتلاع جذورها من على وجه الأرض، وما جائت به رسالة السماء التي حملها جنده اليهم وما فيها من قوانين وتشريعات سماوية تهدم كل أسسهم الفاسدة وتوجههم لدين الحق والصلاح وهذا لا يتناسب مع نزعتهم الدنيوية وشهوانيتهم الحيوانية فلم يعد بإمكانهم البوح علنا والدعوة إلى نمط الحياة المجوسية التقليدية..
  • فقد شرعوا لتحريف آيات القرآن الكريم ومعانيه ليوجدوا لأنفسهم متنفسا وسبيلا لممارسة إنحطاطهم وسقوطهم الأخلاقي وليجعلوا له (شرعية ومرجعا) والأنكى من ذلك أنهم يحاولون تصديره وتعميمه وتشريعه الى أمة المسلمين. ولهذا فإنهم لا يقيمون وزنا حتى لسيد البشرية [صلى الله عليه وسلم] ويدّعون أنه قد (تمتع) وحاشا لرسول الله أن ينسب له مثل هذا الكلام الفاحش.
    • لا توجد في دول العالم نسبة من مثيلي الجنس مثلما هي في ايران وخاصة في طهران التي هي معقل الفرس، فلا تمشي في الشوارع يوما من دون أن ترى واحدا على الأقل من الذين نسميهم المخنثين، وهذه الظاهرة إنما هي من تفريخات العلاقات المشبوهة التي حاشى لله أن ينزل بها من سلطان. ولشيوع هذه الظاهرة في ايران فإن الكثير من أعضاء الحكومة لا يخرجون عن دائرة الشبهات، ومن يدري قد يكون الخميني أو الخامنئي أو السيستاني واحدا من أبناء هذه العلاقات المشبوهة وإلا ما أباحوها وشجعوها. والذي يثير الإستغراب أن هؤلاء الأشخاص "المخنثين" يمثلون رمزا وعمقا (للحضارة) الفارسية ويحضون بإحترام وتقدير كافة المجتمع الفارسي وخاصة أعضاء الحكومة التي شرعت لهم قوانين إمتيازية كثيرة كان أحد أبرزها فتوى الخميني بجواز تغيير الجنس من قبل أي مواطن. وذلك للحد من ظاهرة العلاقات الشاذة كالمساحقة واللواط.!
    • وتنشر الصحف هذه الأيام خبرا عن تشريع قانون في ايران يبيح ممارسة الزنا ما يسمونه بزواج المتعة والذي يمكن من خلاله للوافدين والايرانيين من ممارسة الزنا والبغاء بشكل رسمي.! والحقيقة أن نظام الملالي كان منذ مجيئه للحكم في ايران وهو يمارس هذه الطرق من الفساد والممارسات غير الأخلاقية، ولكنه ونتيجة الضغوط التي صار يعاني منها بشدة من قبل المجتمع الايراني ومنظماته ودوائره المدنية لمواجهة الفقر والبطالة ، فقد وسّع من ممارسة هذه الأعمال وأضاف لها بعدا قانونيا جديدا، ولكنها كظاهرة فإنها موجودة قبل هذه (القوانين) بعدة عقود وحتى على نطاق الحكومة.
    • أن الجهة المشرفة على تنسيق علاقات الملالي غير الأخلاقية هي ما تسمى "قراركاه نصر" حيث تتصل مباشرة بمكتب خامنئي ولها عملاء في كافة مدن ايران، حيث تستلم منهم التقارير حول النساء اللواتي يتمتعن بقدر كبير من (الجمال) وهذه بدورها تنقل تقاريرها الى مكتب (السيد الولي) "وهذا هو اسم خامنئي الرسمي". ويقوم الخامنئي بأنتقاء (الزيجات) لنفسه ولعناصر النظام من الخاصة. وبالنسبة لـ"قراركاه نصر" فإن مهمتها الرسمية الظاهرية التنسيق بين مكتب الخامنئي والمنظمات الدينية وكانت كما كنت أعلم حلقة الوصل بين مكتب الخامنئي ومجلس الحكيم وحزب الدعوة ومنظمة العمل وما يسمى مجاهدين العراق.! ولكنها تمارس في الوقت نفسه تنسيق زيجات "الصيغة" لأركان النظام وعلى رأسهم خامنئي. حيث أن الحكومة لا تتورع ولا تستحي من مثل هذه الممارسات لأنها تعتبر (شرعية) عندهم.!
  • وعندما فاحت رائحة هذه الدائرة النتنة، وفي حالة الفقر والبطالة التي تسود ايران اليوم فلم يكن بامكان خامنئي وزبانيته من الاستمرار بهذه الأعمال من دون تبريرها بشكل رسمي وتوسيعها في المحيط الاجتماعي. وما فضيحة المدعو (مناف الناجي) في جنوب العراق "والعراق منه بريء" إلاّ امتداد لهذه الممارسات التي تمارس في الأوساط الدينية الأيرانية وبشكل صارخ.
  • من الأمور التي يجهلها الكثيرون هي أن ايران علاوة على أنها من أكبر الدول في العالم أستهلاكا للمخدرات فإنها وبنفس الوقت من بين أكثر دول العالم الثالث أستهلاكا للخمور.! ولدى الشرطة في طهران خاصة تعليمات بعدم التعرض لمن يتعاطى الكحول وخاصة النساء وقد ذهلت أنا عندما كنت أرى الكثير منهن يحملن قناني الويسكي بيد ويدخّنّ السكائر باليد الأخرى.!! جدير بالذكر يوجد في ايران من الفرس ملايين الأطفال من الذين يولدون من طرق غير شرعية، ولهذا فإن العلاقات الأسرية تكون شبه مصلحية فالإبن دائما بأنتظار موت أبيه لكي يستولي على ثروته، وقد رأيت الكثير من الأبناء الذين يتبرمون من طول بقاء آبائهم المرضى في المستشفيات والذين يعانون أمراضا خطرة أو بسبب التقدم في السن، وكيف أن وفاتهم تمثل فرحة للعائلة المفككة التي كانت تجمعها المصالح ولا غير.
  • والآن دعوني أسأل كيف يسمح المجتمع العراقي والذي أكاد أقسم بأن الله تعالى يباهي به الملائكة لشدة صبره الأسطوري وجلده على تحمل المآسي والنكبات وصلابة عقيدته على طاعة الرحمن.. أقول كيف يسمح هذا المجتمع الكريم بالتعامل مع هذه الفتاوى المجوسية المنحرفة والتي هي أصلا من سلوكيات المجتمع الفارسي المتحلل؟!. لقد عمد الفرس وعملائهم في العراق الى تقتيل أكبر عدد من الذكور في العراق عمدا لتزداد نسبة الإناث في العراق ظنا منهم بأن ذلك سيكون دافعا لشيوع الفساد، ولكن خسؤوا وخاب فألهم. يقول الله تعالى في كتابه الكريم {أن الذين يحبون أن تشيع الفاحشة في الذين آمنوا لهم عذاب أليم في الدنيا والآخرة والله يعلم وأنتم لا تعلمون} النور19.
  • ما أروع الذي قيل بحق "عوفة" تلك المرأة العراقية التي عرفت بكرمها وعفتها، والتي هي واحدة من نساء العراق، من أبناء الجنوب البواسل، حيث قالت في حقها الشاعرة الشعبية من أبناء مدينتها: " عوفه غرّبت جفجيرها وياها.. تخاف على الدرب خطار يلكاها ". فهل يرضى أحفاد "عوفة" أن تمتهن بناتها البغاء تحت نير الفتاوى المجوسية الساقطة؟!. في ثورة العشرين التي لم يشهد لها التأريخ مثيلا، فقد استشهد شاب على يد الإنكليز المحتلين، وجاء خال الشهيد ليخبر أمه بإستشهاده "وكانوا من عشيرة الضوالم المعروفة" فقال لها الخبر بشكل شعر فقال: " جن ما هزيتي ولوليتي" فأجابته أم الشهيد وقد فهمت ما يعنيه أخيها بفراستها: "هزيت ولوليت لهذا". هذه شيمنا التي يحاربها الفرس وعملائهم الأراذل في العراق اليوم لأن هذه المثل وهذه القيم أنما هي مفقودة تماما لدى أبناء ساسان الصفويين، فحذار حذار من أعداء الشرف والعروبة والانسانية.. وحذار مما يعدّه شياطين المرجعية الفارسية، فما سنّ أحفاد ساسان سنّة إلا كانت لدمار الدين والأخلاق ولتدمير المجتمعات وإشاعة الفاحشة.. فهل يقبلها العراقي الغيور على ابنته وأمه وأخته أو زوجته.!
Publié par pato à 16:43
Envoyer par e-mailBlogThis!Partager sur XPartager sur FacebookPartager sur Pinterest

Aucun commentaire:

Enregistrer un commentaire

Article plus récent Article plus ancien Accueil
Inscription à : Publier les commentaires (Atom)
jQuery Get an Element's Attribute Value

Tutorial Republic

Cloudy Sky
Opening Links in an iFrame

Open TutorialRepublic.com

موعظة

↓→←
▲▼
♂▬↨!
☺☻♥♦♣♠
•◘○◙
♂♫☼

milliseconds since midnight, January 1, 1970.

↓→←↑

milliseconds since midnight, January 1, 1970.

«↨↑»
Today is :
Date :
Aujourd'hui est :
.jpgblue
  • .jpgred [html]
    HTTP/1.1 200 OK Content-Type: text/html WWW-Authenticate: BASIC realm=MyRealm
  • Time is :
    * *:
    My Example
    My Example

    First name:

    Last name:

    Hello, !

    NetKontoret - School - JavaScript - Samplepage - Cookies
    Contact Us

    SCHOOL - JavaScript - Samplepage - Cookies    

    Home

     

     

    Click here to reset the cookie.

    Click here to reload the page.

     

    Date:

    Class 5 Class 6 Class 7
    Drop Down Menu Sample - 2 Menus (or more)

    Click here to return to the drop down menu tool.

    Click here to return to the tutorial explaning the drop down script.

    Click here to return to the EchoEcho.Com homepage.

    HTML Document Template

    Hello, world!

    الله أكبر

    HTML Document Template
    ♫☼►◄↕¶§▬↨↑↓→←∟↔▲▲▼ ☺☻♥♦♣☺‼♠•◘○◙♂♀ image
    • Home
      HTML/CSS DHTML Menu JavaScript
    • Download
      ASP Server-side Pulldown navigation AJAX Drop Submenu DIV Cascading
    • Order
    • Help
    • Contact
    HTML Document Template

    ..........

    HTML Document Template

    سُبْحَانَكَ سُبْحَانَكَ اللهم وَبِحَمْدِكَ، وَتَبَارَكَ اسْمُكَ، وَتَعَالَى جَدُّكَ، وَلَا إِلَهَ غَيْرُكَ الْحَمْدُ الْحَمْدُ للّهِ حَمْداً كَثِيراً طَيِّباً مُبَارَكاً فِيهِ.

    أشهد أن لا إله إلا الله وحده لا شريك له, وأشهد أن محمداً عبده ورسوله
    سبحانك اللهم وبحمدك أشهد أن لا إله إلا أنت, أستغفرك وأتوب إليك
    بسم الله, توكلت على الله, ولا حول ولا قوة إلا بالله

    Happy Codings :-) JavaScript Code Examples
    "H E L L O W O R L D"
    Ace Date Display Happy Codings :-) JavaScript Code Examples

    Happy Codings :-) C++, C#, HTML, Java, JavaScript Code Examples
    by Happy Codings :-) C++, C#, HTML, Java, JavaScript Code Examples

    ***** ENTER YOUR PAGE TITLE HERE *****





    ***** سُبْحَانَكَ سُبْحَانَكَ اللهم وَبِحَمْدِكَ، وَتَبَارَكَ اسْمُكَ، وَتَعَالَى جَدُّكَ، وَلَا إِلَهَ غَيْرُكَ. الْحَمْدُ الْحَمْدُ للّهِ حَمْداً كَثِيراً طَيِّباً مُبَارَكاً فِيهِ. اللهُ أكْبَرُ كَبِيْرًا، وَالْحَمْدُ لِلهِ كَثِيْرًا، وَسُبْحَانَ اللهِ بُكْرَةً وَّاصِيْلًا. أعُوْذُ بِاللهِ مِنَ الشَّيْطَانِ: مِنْ نَفْخِهِ، وَنَفْثِهِ، وَهَمْزِهِ. اللَّهُمَّ رَبَّ جَبْرَائِيلَ، وَمِيْكَائِيلَ، وَإِسْرَافِيْلَ، فَاطِرَ السَّمَوَاتِ وَالْأرْضِ، عَالِمَ الغَيْبِ وَالشَّهَادَةِ أنْتَ تَحْكُمُ بَيْنَ عِبَادِكَ فِيْمَا كَانُوا فِيْهِ يَخْتَلِفُونَ، اِهْدِنِيْ لِمَا اخْتُلِفَ فِيْهِ مِنَ الْحَقِّ بِإِذْنِكَ إِنَّكَ تَهْدِيْ مَنْ تَشَاءُ إِلَى صِرَاطٍ مُّسْتَقِيْمٍ. وَجَّهْتُ وَجْهِيَ لِلَّذِيْ فَطَرَ السَّمَوَاتِ وَالْأرْضَ حَنِيْفًا وَّمَا أنَا مِنَ الْمُشْرِكِيْنَ، إِنَّ صَلَاتِيْ، وَنُسُكِيْ، وَمَحْيَايَ، وَمَمَاتِيْ لِلهِ رَبِّ الْعَالَمِيْنَ، لَا شَرِيْكَ لَهُ وَبِذَلِكَ أُمِرْتُ وَانَا مِنَ الْمُسْلِمِيْنَ، اللهم أنْتَ الْمَلِكُ لَا إِلَهَ إِلَّا أنْتَ، أنْتَ رَبِّيْ وَأنَا عَبْدُكَ، ظَلَمْتُ نَفْسِيْ وَاعْتَرَفْتُ بِذَنْبِيْ فَاغْفِرْ لِيْ ذُنُوْبِيْ جَمِيْعًا إِنَّهُ لَا يَغْفِرُ الذُّنوبَ إِلَّا أنْتَ. وَاهْدِنِيْ لِأحْسَنِ الْأخْلَاقِ لَا يَهْدِيْ لِأحْسَنِهَا إِلَّا أنْتَ، وَاصْرِفْ عَنِّيْ سَيِّئَهَا، لَا يَصْرِفُ عَنِّيْ سَيِّئَهَا إِلَّا أنْتَ، لَبَّيْكَ وَسَعْدَيْكَ، وَالْخَيْرُ كُلُّهُ بِيَدَيْكَ، وَالشَّرُّ لَيْسَ إِلَيْكَ، أنَا بِكَ وَإِلَيْكَ، تَبارَكْتَ وَتَعَالَيْتَ، أسْتَغْفِرُكَ وَأتُوْبُ إِلَيْكَ. *****





    *****سُبْحَانَ ذِي الْجَبْرُوتِ وَالْمَلَكُوتِ وَالْكِبْرِيَاءِ وَالْعَظَمَةِ. اللَّهُمَّ اغْفِرْ لِي ذَنْبِي كُلَّهُ دِقَّهُ وَجِلَّهُ، وَأَوَّلَهُ وَآخِرَهُ، وَعَلاَنِيَتَهُ وَسِرَّهُ. اللَّهُمَّ لَكَ سَجَدْتُّ وَبِكَ آمَنْتُ، وَلَكَ أسْلَمْتُ، سَجَدَ وَجْهِي لِلَّذِيْ خَلَقَهُ، وَصَوَّرَهُ، وَشَقَّ سَمْعَهُ وَبَصَرَهُ، تَبَارَكَ اللهُ أحْسَنُ الْخَالِقيْنَ. اللَّهُمَّ إِنِّيْ أعُوْذُ بِرِضَاكَ مِنْ سَخَطِكَ، وَبِمُعَافَاتِكَ مِنْ عُقوْبَتِكَ، وَأعُوْذُ بِكَ مِنْكَ، لَا أُحْصِـي ثَنَاءً عَلَيْكَ، أنْتَ كَمَا أثْنَيْتَ عَلَى نَفْسِكَ. رَبِّ اعْطِ نَفْسِي تَقْوَاهَا زَكِّهَا أنْتَ خَيْرُ مَنْ زَكَّاهَا أنْتَ وَلِيُّهَا وَمَوْلَاهَا. اللَّهُمَّ اجْعَلْ فِي قَلْبِي نُورًا وَاجْعَلْ فِيْ سَمْعِيْ نُورًا وَاجْعَلْ فِيْ بَصَرِيْ نُورًا وَاجْعَلْ مِنْ تَحْتِي نُورًا وَاجْعَلْ مِنْ فَوْقِي نُورًا وَعَنْ يَمِينِي نُورًا وَعَنْ يَسَارِي نُورًا وَاجْعَلْ أمَامِي نُورًا وَاجْعَلْ خَلْفِي نُورًا وَأعْظِمْ لِيْ نُورًا. *****
    اللَّهُمَّ إِنِّي ظَلَمْتُ نَفْسِي ظُلْماً كَثِيراً ، وَلاَ يَغْفِرُ الذُّنُوبَ إِلاَّ أَنْتَ. فَاغْفِرْ لِي مَغْفِرَةً مِنْ عِنْدِكَ وَارْحَمْنِي، إِنَّكَ أَنْتَ الْغَفُورُ الرَّحِيمُ. اللَّهُمَّ اغْفِرْ لِي مَا قَدَّمْتُ وَمَا أَخَّرْتُ. وَمَا أَسْرَرْتُ وَمَا أَعْلَنْتُ. وَمَا أَسْرَفْتُ. وَمَا أَنْتَ أَعْلَمُ بِهِ مِنِّي. أَنْتَ الْمُقَدِّمُ وَأَنْتَ الْمُؤَخِّرُ. لاَ إِلهَ إِلاَّ أَنْتَ. رَبَّنَا آتِنَا فِي الدُّنْيَا حَسَنَةً وَفِي الآخِرَةِ حَسَنَةً وَقِنَا عَذَابَ النَّارِ. اللَّهُمَّ إِنِّيْ أسْألُكَ الْجَنَّةَ وَأعُوْذُ بِكَ مِنَ النَّارِ. اللَّهُمَّ إِنِّيْ أسْألُكَ يَا أللهُ بِأنَّكَ الْوَاحِدُ الْأحَدُ الصَّمَدُ الَّذِيْ لَمْ يَلِدْ وَلَمْ يُوْلَدْ، وَلَمْ يَكنْ لَهُ كُفُوًا أحَدٌ، أنْ تَغْفِرَ لِيْ ذُنُوْبِيْ إِنَّكَ أنْتَ الْغَفُوْرُ الرَّحِيْمُ. اللَّهُمَّ حَاسِبْنِيْ حِسَابَاً يَسِيراً. اللَّهُمَّ إِنِّيْ أسْألُكَ بِأنَّ لَكَ الْحَمْدُ لَا إِلَهَ إِلَّا أنْتَ وَحْدَكَ لَا شَرِيْكَ لَكَ، الْمَنَّانُ، يَا بَدِيعَ السَّمَوَاتِ وَالْارْضِ يَا ذَا الْجَلَالِ وَالْإِكْرَامِ، يَا حَيُّ يَا قَيُّومُ إِنِّيْ أسْألُكَ الْجَنَّةَ وَأعُوْذُ بِكَ مِنَ النَّارِ.
    Index
    find us at :(http://www.alukah.net/sharia/0/78860/)
    visit :"http://www.nabulsi.com/blue/ar/art.php?art=6048&id=55&sid=608&ssid=609&sssid=611"
    fly to :'https://forum.alsacreations.com/topic-5-81158-1-Script-chargement-de-page.html'
    Get in touch :[http://codes-sources.commentcamarche.net/source/101676-lecteur-audio-circulaire-rond#browser]

    Qui êtes-vous ?

    pato
    Afficher mon profil complet

    Archives du blog

    • ▼  2017 (10)
      • ►  juillet (3)
      • ▼  juin (2)
        • بغاء.. شذوذ.. وامتيازات للمخنثين.!.
        • ... وَلَا تَتَّبِعُوا خُطُوَاتِ الشَّيْطَانِ ...
      • ►  mai (5)
    //*************************************************************************** //scrollspeed est la vitesse de defilement que vous pouvez changer à votre gout. //Dans la page de l'iframe :

    //******************************************************************** //Maintenant, le code javascript à inserer dans toutes les pages qu'affichera l'iframe //Entre les balises
    من أقوال السلف في الموت قال الحسن : فضح الموت الدنيا فلم يترك لذي عقل عقلا قال بعض العلماء لأحد إخوانه :احذر الموت في هذه الدنيا قبل أن تصير إلى دار تتمنى فيها الموت فلا تجده قال أبو الدرداء : إذا ذكرت الموت فعد نفسك أحدهم قالت عائشة لامرأة : أكثري ذكر الموت يرق قلبك وقال إبراهيم التيمي : شيئان قطعا عني لذة الدنيا : ذكر الموت ، والوقوف بين يدي الله وقال الحسن : من عرف الموت هانت عليه مصائب الدنيا وقال الحسن : ما ألزم عبد ذكر الموت إلا صغرت الدنيا عنده

    أحاديث وأقوال مأثورة

    السلف وغض البصر قال عيسى : النظر يزرع في القلب الشهوة قال ذو النون : النظرات تورث الحسرات وقال أحمد : كم من نظرة ألقت في قلب صاحبها البلايا قال داود : كانوا يكرهون فضول النظر قال ابن مسعود : ما كان من نظرة فإن للشيطان فيها مطمعاً قال الحسن بن مجاهد : غض البصر عن محارم الله يورث حب الله قال الوراق : من غض بصره عن محرّم أورثه الله حكمة على لسانه قال بعض السلف : نظرة إلى امرأة لا تحل لي ، فنظرت زوجتي إلى رجل أبغضه قال عمرو بن مرة : نظرت إلى امرأة فأعجبتني فكُفّ بصري ، فأرجو أن يكون ذلك كفارة

    My Example
    My Example

    My Example
    My Example
    السلف والزهد "قال علي : من زهد في الدنيا هانت عليه المصائب"
    Example

    كلام من ذهب - ليست الرجوله أن تصرخ بوجه إمرأة، أو طفل، أو مسكين، أو فقير، الرجولة هي أن تحترم هؤلاء الأربعه. - قاوم عدوك بالإحسان إليه, فإن لم تستطع كسب وده فمن الممكن أن تفقع مرارته. - الإنسان لم يخلق نفسه ولم يختر ملامحه, ففي سخريتك من غيرك سخريتك من الله عز وجل الذي خلق وأبدع فصور, وخد العبرة من نبي الله نوح عليه السلام. - قـد يـرى الناس الجرح الـذي في رأسـك ولكـنهم لا يشعـرون بالألـم الـذي تعانـيه؟ - من جار على شبابه جارت عليه شيخوخته - سئل حكيم : ما الحكمة؟ فقال : أن تميز بين الذي تعرفه والذي تجهله. - إذا كنت مخلصاً ... فليكن إخلاصك إلى حد الوفاء ، وإذا كنت صريحاً فلتـكن صراحتك إلى حد الاعتراف - نمرٌ مفترس أمامك خير من ذئب خائن وراءك - لسان العاقل وراء قلبه ، و قلب الاحمق وراء لسانه - القـناعة دليل الامانة ، والأمانة دليل الشكر ، والشكر دليل الزيادة ، والزيادة دليل بقاء النعمة ، والحياة دليل الخير كله - تعلم من الزهرة البشاشة ، و من الحمامة الوداعة ،و من النحلة النظام ، و من النملة العمل ، ومن الديك النهوض باكراً - اجعل نفسك ميزاناً في ما بينك وبين غيرك - اذا اهانتك الحياة بارزها بسيف الارادة ، وأرسل لها شاهديك: العمل والصبر. راجي الراعي - كُن عادلاً قبل أن تكون كريماً - من زاد في حبه لنفسه زاد كره الناس له - يسخر من الجروح كل من لا يعرف الألم - أكثر الرجال حكمة الذي يظن أنه أقل حكمة - اللسان ليس عظماً لكنه يكسر العـظام - لا يصل الناس إلى حديقة النجاح دون أن يمروا بمحطات التعب والفشل واليأس، وصاحب الإرادة القوية لا يطيل الوقوف في هذه المحطات. جون تشارلز سالاك - يد الثروة اليمنى هي المهارة، ويدها اليسرى هي التوفير. - احذر كل عمل اذا سئل عنه صاحبه انكره او اعتذر منه. الامام علي بن ابي طالب كرم الله وجهه - ينبغي للمرء أن ياكل ليحيا لا ان يحيا لياكل. سقراط - اذا ارتكبت اثما فانتضر أن تتألم. سفوكل - اذا أردت أن تعيش سعيدا لفترة وجيزة انتقم، واذا أردت السعادة الدائمة سامح الاخرين. - ان تكون انسانا فأمر سهل أما أن تكون رجلا فهذا صعب. مثل روسي - الاهانة لا تأتيك ممن يسيء اليك، بل من حكمك الذي يجعلك تعتقد أنه يهينك. ...

    My Example

    Check out my Bootstrap 4 tutorial.

    My Example
    • almurabbi.com
    • emanway.com
    • ferkous.com
    • planet-source
    Open tab links in browser window instead.
    LEGACY+ART - Birds of Prey
    LEGACY+ART
    • Collections
      • Birds of Prey
      • Cars
      • Guitars
    • Interiors
    • View
    • Info
    Close
    Menu
    LEGACY+ART
    LEGACY+ART
    LEGACY+ART Merlin
    LEGACY+ART Barbed Wire
    LEGACY+ART
    LEGACY+ART
    LEGACY+ART
    LEGACY+ART
    LEGACY+ART
    ....

    حكم ومواعظ وأقوال مأثورة

    prettyGallery

    https://www.facebook.com/profile.php?id=534793769975563&ref=br_rs

    • T 1
    • T 2

    https://www.facebook.com/MirrorFootballLFC/?ref=br_rs

    • T 1
    • T 2
    jQuery Set Multiple Attribute for the Elements

    Hot Air Balloons

    jQuery Set Element's Attribute Value

    I agree with terms and conditions.

    jQuery Smooth Hover Effect
    Cloudy Sky
    Choose which browser you prefer:

    Contact the author of this page:

    nizerwael75@gmail.com
    (213) 65907-3869
    Example

    My Example
    Sunset over beach
    Rob Roy Glacier
    Longtail boats at Phi Phi
    Longtail boats at Phi Phi
    Longtail boats at Phi Phi
    Longtail boats at Phi Phi
    Longtail boats at Phi Phi
    Previous Next
    HTML5 Video is required for this example
    Full player example HTML5 Video is required for this example


    onclick Event on Grouped Controls Sample

    onclick Event on Grouped Controls Sample

    Grouped Radio Buttons


    Ungrouped Radio Button

    Value of control on which the onclick event has fired:



    [Right-click and choose View Source from the shortcut menu.]

    © 2007 Microsoft Corporation. All rights reserved. Terms of use.
    My Example
    My Example
    My Example
    My Example
    jQuery plugin for Avgrund concept popin

    Avgrund Modal.

    Avgrund is a jQuery plugin for modal boxes and popups. It uses interesting concept showing depth between popup and page. It works in all modern browsers and gracefully degrade in those that do not support CSS transitions and transformations (e.g. in IE 6-9 has standard behavior). File size is under 2Kb, MIT Licensed.

    Show it Download source

    You can simply init Avgrund with one line:

    $('element').avgrund();

    Avgrund has several options for you to customize it easily:

    $('element').avgrund({
    	width: 380, // max is 640px
    	height: 280, // max is 350px
    	showClose: false, // switch to 'true' for enabling close button
    	showCloseText: '', // type your text for close button
    	closeByEscape: true, // enables closing popup by 'Esc'..
    	closeByDocument: true, // ..and by clicking document itself
    	holderClass: '', // lets you name custom class for popin holder..
    	overlayClass: '', // ..and overlay block
    	enableStackAnimation: false, // another animation type
    	onBlurContainer: '', // enables blur filter for specified block
    	openOnEvent: true, // set to 'false' to init on load
    	setEvent: 'click', // use your event like 'mouseover', 'touchmove', etc.
    	onLoad: function (elem) { ... }, // set custom call before popin is inited..
    	onUnload: function (elem) { ... }, // ..and after it was closed
    	template: 'String content..' // or function (elem) { }, or $('.content')
    });

    Avgrund plugin was inspired by Hakimel's Avgrund.js demo.

    ©2012 @IlyesDream / pixelhunter.me
    Fork me on GitHub
    NetKontoret - School - JavaScript - Samplepage - Cookies
    Contact Us

    SCHOOL - JavaScript - Samplepage - Cookies    

    Home

     

     

    Click here to reset the cookie.

    Click here to reload the page.

     

    Jump to the Analysis of the project Now if the link was in the menu window of our example, and we wanted it to load a page in the main window, the HTML code would be: Jump to the Analysis of the project

    أحاديث وأقوال مأثورة


    السلف والإخلاص
    السلف والإخلاص قال سهل : ليس شيء أشق على النفس من الإخلاص لإنه ليس لها فيه نصيب
    قال ابن القيم : لا شيء أفسد للأعمال من العجب ورؤية النفس
    وقال الربيع : كل ما لا يراد به وجه الله يضمحل
    قال ابن المبارك : رب عمل صغير تكبره النية
    قال بشر بن الحارث : لا تعمل لتذكر ، اكتم الحسنة كما تكتم السيئة
    وقال الفضيل بن عياض : إنما يريد الله منك نيتك وإرادتك
    وقال سهل بن عبدالله : ليس شيء اشق من الإخلاص لأنه ليس لها فيه نصيب

    السلف والإخلاص


    وقال سفيان الثوري : ما عالجت شيئاً أشد علي من نيتي
    وقال إبراهيم بن أدهم : ما صدق عبد أحب الشهرة
    وقال بشر الحافي : لا يجد حلاوة الآخرة رجل يحب أن يعرفه الناس
    وقال الشافعي : وددت أن الناس تعلموا هذا العلم ولا ينسب لي منه شيء
    وقال سعيد بن الحداد : ما صدّ عن الله مثل طلب المحامد وطلب الرفعة
    وجاء عن الشاطبي أنه قال : لا يقرأ أحد قصيدتي هذه إلا ينفعه الله لأني نظمتها لله والله أعلم
    المرجع / سير أعلام النبلاء - جامع العلوم والحكم

    .......
    Browser detection
    NetKontoret - School - JavaScript - Samplepage - Cookies
    Contact Us

    SCHOOL - JavaScript - Samplepage - Cookies    

    Home

     

     

    Click here to reset the cookie.

    Click here to reload the page.

    ONE TYPE OF LINKS
    youtube
    dailymotion


    ANOTHER TYPE OF LINKS
    dotnetslackersforums
    developpez.net/forums
    Designer & creativebloq
    ;
    First Name:
    Last Name:
    Favourite Colour:
    HTML Document Template

    ....

    HTML Document Template
    Enter new background color:
    HTML Document Template Delete this entry
    HTML Document Template

    Click on a list item below:

    1. This is an ordered list.
    2. Click on any item in the list.
    3. JavaScript can get its position!
    4. Very useful for dynamic lists.

    Click on a graphic below (these are in a different container from the ones above):

    Designer & creativebloq
    Designer & creativebloq
    RoundSlider - A sample demo

    roundSlider v - A free jQuery plugin

    Slider Types

    Circle Shapes




    For more details please check the Demos and Documentation page.

    Avgrund - A modal UI concept

    That's all, folks

    You can hit ESC or click outside to close the modal. Give it a go to see the reverse transition.

    If you like this you would probably enjoy Meny, reveal.js and stroll.js.

    Avgrund

    A modal concept which aims to give a sense of depth between the page and modal layers. Click the button below to give it a try.

    Uses CSS transforms to scale components and CSS filters to blur the page. Built for the fun of it, not intended for any practical use.

    Avgrund is Swedish for abyss.

    Created by @IlyesDream / Get in touch
    Fork me on GitHub Avgrund - A modal UI concept

    That's all, folks

    You can hit ESC or click outside to close the modal. Give it a go to see the reverse transition.

    If you like this you would probably enjoy Meny, reveal.js and stroll.js.

    That's a completely different popup

    You can hit ESC or click outside to close the modal. Give it a go to see the reverse transition.

    Avgrund

    A modal concept which aims to give a sense of depth between the page and modal layers. Click the button below to give it a try.

    Uses CSS transforms to scale components and CSS filters to blur the page. Built for the fun of it, not intended for any practical use.

    Avgrund is Swedish for abyss.

    Created by @IlyesDream / look at
    Fork me on GitHub
    My Example

    My Example

    My Example

    Demo
    Demo
    #using 
    Welcome To Master.com

           Master.com provides free high 
         
       
     value cloud application services 
       
       to your web site with your 
       
     site's look & feel.  Now your site 
    can have most of the advanced 
    Email 
     
    Password 
     
     
    Make sure you have cookies enabled
       
      Create Account
       
      Learn more about our products
       
      ISP refugees (Excite@Home, Geocities, Mediaone) read this
     features found on  large portal 
     sites, using the same software 
     they use  but without the need
     for you to purchase and install 
     software on your web server. 


    Hosted by Master.com - Terms and Conditions | Using Texis Copyright © 2003 Thunderstone


    ', 'win01', width=screen.availWidth, 768); return false;"><%# DataBinder.Eval(Container.DataItem, "EMPNO")%> <%--<%# DataBinder.Eval(Container.DataItem, "EMPNO")%> --%>
    valeur 1 :
    valeur 2 :
    résultat :
    Demonstrate IE7 document.getElementById() bug Demonstrate IE7 getAttribute() bug
    ONE TYPE OF LINKS
    yogihosting.com/aspnet
    espaceclientv3.orange.fr


    ANOTHER TYPE OF LINKS
    quackit.com/html/tutorial
    forum.raymond.cc
    Upload images to server using Node JS
    Double Click Me!
    You've clicked   times
    That's too many clicks! Please stop before you wear out your fingers.
    ThreeSixty

    threesixty

    a jQuery plugin for creating draggable 360s

    next frame
    previous frame

    download


    html

    js

    Connecting to database

    Connecting to database

    Product
    Version
    Maintainer

    my test
    dynamic_loading(100); $conn->render_table("users","uid","uid,username,password,usertype,locname"); ?>
    Do you like this site? Tell a friend!

    NameEmail
    You:
    Friend:

    [ Get your own FREE referral system! ]

    HTML5 Video is required for this example
    My Example
    My Example

    My Example

    My Example

    My Example

    #using 
    Add item: Add

    Your values:

    Remove Sort

    Planets

    Show:

    People

    • has   children: Add child (person rendered at )
      • (child rendered at )

    What's in the model?

    Text value:
    Password:
    Bool value:
    Selected option:
    Multi-selected options:
    Radio button selection:

    HTML controls

    Text value (updates on change):
    Text value (updates on keystroke):
    Text value (multi-line):
    Password:
    Checkbox:
    Drop-down list:
    Multi-select drop-down list:
    Radio buttons:

    Contacts

    First name Last name Phone numbers
    Delete
    Delete
    Add number

    Save to JSON

    ONE TYPE OF LINKS
    forums.asp.net
    weblogs.asp.net


    ANOTHER TYPE OF LINKS
    jqueryscript.net
    no-margin-for-errors
    This is my page Welcome to my world!
    This Link To sibeeshpassion has no underline
    Celsius-Fahrenheit converter
    CELSIUSFAHRENHEIT
    Checkboxes and radio buttons customization (jQuery and Zepto) plugin

    super customized checkboxes and radio buttons for jQuery & Zepto

    iCheck v1.0.2

    @Fronteed

    Plugin features

    • Identical inputs across different browsers and devices — both desktop and mobile
    • Touch devices support — iOS, Android, BlackBerry, Windows Phone, Amazon Kindle
    • Keyboard accessible inputs — Tab, Spacebar, Arrow up/down and other shortcuts
    • Screenreader accessible inputs — ARIA attributes for VoiceOver and others
    • Customization freedom — use any HTML and CSS to style inputs (try 6 Retina-ready skins)
    • jQuery and Zepto JavaScript libraries support from single file
    • Lightweight size — 1 kb gzipped
    • 32 options to customize checkboxes and radio buttons
    • 11 callbacks to handle changes
    • 9 methods to make changes programmatically
    • Saves changes to original inputs, works carefully with any selectors
    • Download latest version
    • Follow @fronteed
    • Share on Twitter
    • Star on GitHub

    Demo

    Add checked state to 1 and 3 inputs show code
    $('#input-1, #input-3').iCheck('check');
    
    Remove checked state from 1 and 3 inputs show code
    $('#input-1, #input-3').iCheck('uncheck');
    
    Add disabled state to 2 and 4 inputs show code
    $('#input-2, #input-4').iCheck('disable');
    
    Remove disabled state from 2 and 4 inputs show code
    $('#input-2, #input-4').iCheck('enable');
    
    Remove all traces of iCheck show code
    $('input').iCheck('destroy');
    

    Callbacks

      Skins

      Minimal skin

      Live

      Color schemes

      States

      • Normal
      • Hover
      • Checked
      • Disabled
      • Disabled & checked
      Demo

      Make sure jQuery v1.7+ (or Zepto [polyfill, event, data]) is loaded before the icheck.js.

      1. Choose a color scheme, there are 10 different styles available:
        • Black — minimal.css
        • Red — red.css
        • Green — green.css
        • Blue — blue.css
        • Aero — aero.css
        • Grey — grey.css
        • Orange — orange.css
        • Yellow — yellow.css
        • Pink — pink.css
        • Purple — purple.css
      2. Copy /skins/minimal/ folder and icheck.js file to your site.
      3. Insert before </head> in your HTML (replace your-path and color-scheme):

        <link href="your-path/minimal/color-scheme.css" rel="stylesheet">
        <script src="your-path/icheck.js"></script>
        

        Example for a Red color scheme:

        <link href="your-path/minimal/red.css" rel="stylesheet">
        <script src="your-path/icheck.js"></script>
        
      4. Add some checkboxes and radio buttons to your HTML:

        <input type="checkbox">
        <input type="checkbox" checked>
        <input type="radio" name="iCheck">
        <input type="radio" name="iCheck" checked>
        
      5. Add JavaScript to your HTML to launch iCheck plugin:

        <script>
        $(document).ready(function(){
          $('input').iCheck({
            checkboxClass: 'icheckbox_minimal',
            radioClass: 'iradio_minimal',
            increaseArea: '20%' // optional
          });
        });
        </script>
        

        For different from black color schemes use this code (example for Red):

        <script>
        $(document).ready(function(){
          $('input').iCheck({
            checkboxClass: 'icheckbox_minimal-red',
            radioClass: 'iradio_minimal-red',
            increaseArea: '20%' // optional
          });
        });
        </script>
        
      6. Done.
      Usage

      Square skin

      Live

      Color schemes

      States

      • Normal
      • Hover
      • Checked
      • Disabled
      • Disabled & checked
      Demo

      Make sure jQuery v1.7+ (or Zepto [polyfill, event, data]) is loaded before the icheck.js.

      1. Choose a color scheme, there are 10 different styles available:
        • Black — square.css
        • Red — red.css
        • Green — green.css
        • Blue — blue.css
        • Aero — aero.css
        • Grey — grey.css
        • Orange — orange.css
        • Yellow — yellow.css
        • Pink — pink.css
        • Purple — purple.css
      2. Copy /skins/square/ folder and icheck.js file to your site.
      3. Insert before </head> in your HTML (replace your-path and color-scheme):

        <link href="your-path/square/color-scheme.css" rel="stylesheet">
        <script src="your-path/icheck.js"></script>
        

        Example for a Red color scheme:

        <link href="your-path/square/red.css" rel="stylesheet">
        <script src="your-path/icheck.js"></script>
        
      4. Add some checkboxes and radio buttons to your HTML:

        <input type="checkbox">
        <input type="checkbox" checked>
        <input type="radio" name="iCheck">
        <input type="radio" name="iCheck" checked>
        
      5. Add JavaScript to your HTML to launch iCheck plugin:

        <script>
        $(document).ready(function(){
          $('input').iCheck({
            checkboxClass: 'icheckbox_square',
            radioClass: 'iradio_square',
            increaseArea: '20%' // optional
          });
        });
        </script>
        

        For different from black color schemes use this code (example for Red):

        <script>
        $(document).ready(function(){
          $('input').iCheck({
            checkboxClass: 'icheckbox_square-red',
            radioClass: 'iradio_square-red',
            increaseArea: '20%' // optional
          });
        });
        </script>
        
      6. Done.
      Usage

      Flat skin

      Live

      Color schemes

      States

      • Normal
      • Checked
      • Disabled
      • Disabled & checked
      Demo

      Make sure jQuery v1.7+ (or Zepto [polyfill, event, data]) is loaded before the icheck.js.

      1. Choose a color scheme, there are 10 different styles available:
        • Black — flat.css
        • Red — red.css
        • Green — green.css
        • Blue — blue.css
        • Aero — aero.css
        • Grey — grey.css
        • Orange — orange.css
        • Yellow — yellow.css
        • Pink — pink.css
        • Purple — purple.css
      2. Copy /skins/flat/ folder and icheck.js file to your site.
      3. Insert before </head> in your HTML (replace your-path and color-scheme):

        <link href="your-path/flat/color-scheme.css" rel="stylesheet">
        <script src="your-path/icheck.js"></script>
        

        Example for a Red color scheme:

        <link href="your-path/flat/red.css" rel="stylesheet">
        <script src="your-path/icheck.js"></script>
        
      4. Add some checkboxes and radio buttons to your HTML:

        <input type="checkbox">
        <input type="checkbox" checked>
        <input type="radio" name="iCheck">
        <input type="radio" name="iCheck" checked>
        
      5. Add JavaScript to your HTML to launch iCheck plugin:

        <script>
        $(document).ready(function(){
          $('input').iCheck({
            checkboxClass: 'icheckbox_flat',
            radioClass: 'iradio_flat'
          });
        });
        </script>
        

        For different from black color schemes use this code (example for Red):

        <script>
        $(document).ready(function(){
          $('input').iCheck({
            checkboxClass: 'icheckbox_flat-red',
            radioClass: 'iradio_flat-red'
          });
        });
        </script>
        
      6. Done.
      Usage

      Line skin

      Live

      Color schemes

      States

      • Normal
      • Hover
      • Checked
      • Disabled
      • Disabled & checked
      Demo

      Make sure jQuery v1.7+ (or Zepto [polyfill, event, data]) is loaded before the icheck.js.

      1. Choose a color scheme, there are 10 different styles available:
        • Black — line.css
        • Red — red.css
        • Green — green.css
        • Blue — blue.css
        • Aero — aero.css
        • Grey — grey.css
        • Orange — orange.css
        • Yellow — yellow.css
        • Pink — pink.css
        • Purple — purple.css
      2. Copy /skins/line/ folder and icheck.js file to your site.
      3. Insert before </head> in your HTML (replace your-path and color-scheme):

        <link href="your-path/line/color-scheme.css" rel="stylesheet">
        <script src="your-path/icheck.js"></script>
        

        Example for a Red color scheme:

        <link href="your-path/line/red.css" rel="stylesheet">
        <script src="your-path/icheck.js"></script>
        
      4. Add some checkboxes, radio buttons and labels to your HTML:

        <input type="checkbox">
        <label>Checkbox 1</label>
        
        <input type="checkbox" checked>
        <label>Checkbox 2</label>
        
        <input type="radio" name="iCheck">
        <label>Radio button 1</label>
        
        <input type="radio" name="iCheck" checked>
        <label>Radio button 2</label>
        
      5. Add JavaScript to your HTML to launch iCheck plugin:

        <script>
        $(document).ready(function(){
          $('input').each(function(){
            var self = $(this),
              label = self.next(),
              label_text = label.text();
        
            label.remove();
            self.iCheck({
              checkboxClass: 'icheckbox_line',
              radioClass: 'iradio_line',
              insert: '<div class="icheck_line-icon"></div>' + label_text
            });
          });
        });
        </script>
        

        For different from black color schemes use this code (example for Red):

        <script>
        $(document).ready(function(){
          $('input').each(function(){
            var self = $(this),
              label = self.next(),
              label_text = label.text();
        
            label.remove();
            self.iCheck({
              checkboxClass: 'icheckbox_line-red',
              radioClass: 'iradio_line-red',
              insert: '<div class="icheck_line-icon"></div>' + label_text
            });
          });
        });
        </script>
        
      6. Done.
      Usage

      Polaris skin

      Live

      States

      • Normal
      • Hover
      • Checked
      • Disabled
      • Disabled & checked
      Demo

      Make sure jQuery v1.7+ (or Zepto [polyfill, event, data]) is loaded before the icheck.js.

      1. Copy /skins/polaris/ folder and icheck.js file to your site.
      2. Insert before </head> in your HTML (replace your-path and color-scheme):

        <link href="your-path/polaris/polaris.css" rel="stylesheet">
        <script src="your-path/icheck.js"></script>
        
      3. Add some checkboxes and radio buttons to your HTML:

        <input type="checkbox">
        <input type="checkbox" checked>
        <input type="radio" name="iCheck">
        <input type="radio" name="iCheck" checked>
        
      4. Add JavaScript to your HTML to launch iCheck plugin:

        <script>
        $(document).ready(function(){
          $('input').iCheck({
            checkboxClass: 'icheckbox_polaris',
            radioClass: 'iradio_polaris',
            increaseArea: '-10%' // optional
          });
        });
        </script>
        
      5. Done.
      Usage

      Futurico skin

      Live

      States

      • Normal
      • Checked
      • Disabled
      • Disabled & checked
      Demo

      Make sure jQuery v1.7+ (or Zepto [polyfill, event, data]) is loaded before the icheck.js.

      1. Copy /skins/futurico/ folder and icheck.js file to your site.
      2. Insert before </head> in your HTML (replace your-path and color-scheme):

        <link href="your-path/futurico/futurico.css" rel="stylesheet">
        <script src="your-path/icheck.js"></script>
        
      3. Add some checkboxes and radio buttons to your HTML:

        <input type="checkbox">
        <input type="checkbox" checked>
        <input type="radio" name="iCheck">
        <input type="radio" name="iCheck" checked>
        
      4. Add JavaScript to your HTML to launch iCheck plugin:

        <script>
        $(document).ready(function(){
          $('input').iCheck({
            checkboxClass: 'icheckbox_futurico',
            radioClass: 'iradio_futurico',
            increaseArea: '20%' // optional
          });
        });
        </script>
        
      5. Done.
      Usage

      All skins (except Line) are transparent, you may use them on any background.

      Square, Flat, Polaris and Futurico skins are based on Designmodo's UI packs.

      Awesome UI packs

      Simple usage

      iCheck plugin works with checkboxes and radio buttons like a constructor.
      It wraps each input with a div, which may be customized by you or using one of the available skins.
      You may also place inside that div some HTML code or text using insert option.

      For this HTML:

      <label>
        <input type="checkbox" name="quux[1]" disabled>
        Foo
      </label>
      
      <label for="baz[1]">Bar</label>
      <input type="radio" name="quux[2]" id="baz[1]" checked>
      
      <label for="baz[2]">Bar</label>
      <input type="radio" name="quux[2]" id="baz[2]">
      

      With default options you'll get nearly this:

      <label>
        <div class="icheckbox disabled">
          <input type="checkbox" name="quux[1]" disabled>
        </div>
        Foo
      </label>
      
      <label for="baz[1]">Bar</label>
      <div class="iradio checked">
        <input type="radio" name="quux[2]" id="baz[1]" checked>
      </div>
      
      <label for="baz[2]">Bar</label>
      <div class="iradio">
        <input type="radio" name="quux[2]" id="baz[2]">
      </div>
      

      By default, iCheck doesn't provide any CSS styles for wrapper divs (if you don't use skins).

      Options

      These options are default:

      {
        // 'checkbox' or 'radio' to style only checkboxes or radio buttons, both by default
        handle: '',
      
        // base class added to customized checkboxes
        checkboxClass: 'icheckbox',
      
        // base class added to customized radio buttons
        radioClass: 'iradio',
      
        // class added on checked state (input.checked = true)
        checkedClass: 'checked',
      
          // if not empty, used instead of 'checkedClass' option (input type specific)
          checkedCheckboxClass: '',
          checkedRadioClass: '',
      
        // if not empty, added as class name on unchecked state (input.checked = false)
        uncheckedClass: '',
      
          // if not empty, used instead of 'uncheckedClass' option (input type specific)
          uncheckedCheckboxClass: '',
          uncheckedRadioClass: '',
      
        // class added on disabled state (input.disabled = true)
        disabledClass: 'disabled',
      
          // if not empty, used instead of 'disabledClass' option (input type specific)
          disabledCheckboxClass: '',
          disabledRadioClass: '',
      
        // if not empty, added as class name on enabled state (input.disabled = false)
        enabledClass: '',
      
          // if not empty, used instead of 'enabledClass' option (input type specific)
          enabledCheckboxClass: '',
          enabledRadioClass: '',
      
        // class added on indeterminate state (input.indeterminate = true)
        indeterminateClass: 'indeterminate',
      
          // if not empty, used instead of 'indeterminateClass' option (input type specific)
          indeterminateCheckboxClass: '',
          indeterminateRadioClass: '',
      
        // if not empty, added as class name on determinate state (input.indeterminate = false)
        determinateClass: '',
      
          // if not empty, used instead of 'determinateClass' option (input type specific)
          determinateCheckboxClass: '',
          determinateRadioClass: '',
      
        // class added on hover state (pointer is moved onto input)
        hoverClass: 'hover',
      
        // class added on focus state (input has gained focus)
        focusClass: 'focus',
      
        // class added on active state (mouse button is pressed on input)
        activeClass: 'active',
      
        // adds hoverClass to customized input on label hover and labelHoverClass to label on input hover
        labelHover: true,
      
          // class added to label if labelHover set to true
          labelHoverClass: 'hover',
      
        // increase clickable area by given % (negative number to decrease)
        increaseArea: '',
      
        // true to set 'pointer' CSS cursor over enabled inputs and 'default' over disabled
        cursor: false,
      
        // set true to inherit original input's class name
        inheritClass: false,
      
        // if set to true, input's id is prefixed with 'iCheck-' and attached
        inheritID: false,
      
        // set true to activate ARIA support
        aria: false,
      
        // add HTML code or text inside customized input
        insert: ''
      }
      

      There's no need to copy and paste all of them, you can just mention the ones you need:

      $('input').iCheck({
        labelHover: false,
        cursor: true
      });
      

      You can choose any class names and slyle them as you want.

      Initialize

      Just include icheck.js after jQuery v1.7+ (or Zepto [polyfill, event, data]).

      iCheck supports any selectors, but handles only checkboxes and radio buttons:

      // customize all inputs (will search for checkboxes and radio buttons)
      $('input').iCheck();
      
      // handle inputs only inside $('.block')
      $('.block input').iCheck();
      
      // handle only checkboxes inside $('.test')
      $('.test input').iCheck({
        handle: 'checkbox'
      });
      
      // handle .vote class elements (will search inside the element, if it's not an input)
      $('.vote').iCheck();
      
      // you can also change options after inputs are customized
      $('input.some').iCheck({
        // different options
      });
      

      Indeterminate

      HTML5 allows specifying indeterminate ("partially" checked) state for checkboxes. iCheck supports it for both checkboxes and radio buttons.

      You can make an input indeterminate through HTML using additional attributes (supported by iCheck). Both do the same job, but indeterminate="true" may not work in some browsers (like IE7):

      <!-- indeterminate="true" -->
      <input type="checkbox" indeterminate="true">
      <input type="radio" indeterminate="true">
      
      <!-- determinate="false" -->
      <input type="checkbox" determinate="false">
      <input type="radio" determinate="false">
      

      indeterminate and determinate methods can be used to toggle indeterminate state.

      Callbacks

      iCheck provides plenty callbacks, which may be used to handle changes.

      Callback name When used
      ifClicked user clicked on a customized input or an assigned label
      ifChanged input's checked, disabled or indeterminate state is changed
      ifChecked input's state is changed to checked
      ifUnchecked checked state is removed
      ifToggled input's checked state is changed
      ifDisabled input's state is changed to disabled
      ifEnabled disabled state is removed
      ifIndeterminate input's state is changed to indeterminate
      ifDeterminate indeterminate state is removed
      ifCreated input is just customized
      ifDestroyed customization is just removed

      Use on() method to bind them to inputs:

      $('input').on('ifChecked', function(event){
        alert(event.type + ' callback');
      });
      

      ifCreated callback should be binded before plugin init.

      Methods

      These methods can be used to make changes programmatically (any selectors can be used):

      $('input').iCheck('check'); — change input's state to checked

      $('input').iCheck('uncheck'); — remove checked state

      $('input').iCheck('toggle'); — toggle checked state

      $('input').iCheck('disable'); — change input's state to disabled

      $('input').iCheck('enable'); — remove disabled state

      $('input').iCheck('indeterminate'); — change input's state to indeterminate

      $('input').iCheck('determinate'); — remove indeterminate state

      $('input').iCheck('update'); — apply input changes, which were done outside the plugin

      $('input').iCheck('destroy'); — remove all traces of iCheck

      You may also specify some function, that will be executed on each method call:

      $('input').iCheck('check', function(){
        alert('Well done, Sir');
      });
      

      Feel free to fork and submit pull-request or submit an issue if you find something not working.

      Comparison

      iCheck is created to avoid routine of reinventing the wheel when working with checkboxes and radio buttons. It provides an expected identical result for the huge number of browsers, devices and their versions. Callbacks and methods can be used to easily handle and make changes at customized inputs.

      There are some CSS3 ways available to style checkboxes and radio buttons, like this one. You have to know about some of the disadvantages of similar methods:

      • — inputs are keyboard inaccessible, since display: none or visibility: hidden used to hide them
      • — poor browser support
      • — multiple bugs on mobile devices
      • — tricky, harder to maintain CSS code
      • — JavaScript is still needed to fix specific issues

      While CSS3 method is quite limited solution, iCheck is made to be an everyday replacement covering most of the tasks.

      Browser support

      iCheck is verified to work in Internet Explorer 6+, Firefox 2+, Opera 9+, Google Chrome and Safari browsers. Should also work in many others.

      Mobile browsers (like Opera mini, Chrome mobile, Safari mobile, Android browser, Silk and others) are also supported. Tested on iOS (iPad, iPhone, iPod), Android, BlackBerry and Windows Phone devices.

      Download plugin
      iCheck plugin is released under the MIT License. Feel free to use it in personal and commercial projects.
      • Star on Github
      • Share on Twitter
      • Follow @fronteed
      Created by Damir Sultanov
      Fork me on GitHub
      My Example

      Thème Filigrane. Fourni par Blogger.