مصالح النفوس في مكروهاتها وأسباب هلكتها


Commentaires


أحاديث رمضان 1426هـ - الفوائد - الدرس (12-36) : مصالح النفوس في مكروهاتها وأسباب هلكتها في محبوبتها لفضيلة الدكتور محمد راتب النابلسي بتاريخ: 2005-10-19 بسم الله الرحمن الرحيم الحمد لله رب العالمين، والصلاة والسلام على سيدنا محمد الصادق الوعد الأمين. أيها الإخوة، مع فائدة جديدة من فوائد ابن القيم رحمه الها تعالى. يقول: " مصالح النفوس في مكروهاتها، ومضارها وأسباب هلكتها في محبوباتها " الحب هو الميل، فلحكمة أرادها الله جعل حاجات الجسد محببة، وجعل منهجه العظيم متوافقًا مع فطرة النفس، فهناك حاجات للجسد، وهناك فطرة للنفس، ولحكمة بالغةٍ بالغة أراد الله أن تكون حاجات الجسد إلى حد ما متناقضة مع حاجات النفس، الفرق بين حاجات الجسد وحاجات النفس ثمن الجنة: وهذا التناقض بين حاجات الجسد وحاجات النفس هو ثمن الجنة، كيف ؟ طبْعُك يأمرك أن تنام، والجسم يحب النوم المديد، والنفس مكلفة أن تعبد الله، ومكلفة أن تستيقظ، وقد ينهض الإنسان من فراشه بصعوبة، والجسم يروق له أن يملأ عينيه من محاسن النساء، والنفس حينما توافق هذا الجسم تحجب عن الله، لذلك حينما تغض البصر عن محاسن النساء ترتاح النفس، وترقى إلى الله، فإطلاق البصر وغض البصر متناقضان، أحدهما تابع للجسد، الثاني تابع للنفس. النفس أُمِرت أن تنفق المال، وطبْع الإنسان يقتضي أن يأخذ المال، هذا تناقض آخر. الإنسان يرغب في الخوض في فضائح الناس، والتكليف يأمره أن يكف لسانه عن مشكلات الناس. الميل الحسي و الميل العقلي: يبدو من هذه المقدمة أن هناك ميلاً حسياً، وأن هناك ميلاً عقلياً، هذا الشيء توضح لي مرةً، أن طبيبًا جراح قلب قدم له طعام نفيس جداً، لكن دهونه كثيرة، فأبى، ثم قال: أنا أحب هذا الطعام حباً جمًّا، ولكن عملي في جراحة القلب، فكم أجد من شرايين قد سُدت من قِبل هذا الطعام، فلذلك يكره هذا الطعام كراهية عقلية. ثمن الجنة هو إتباع الميل العقلي: الآن نحن كمسلمين المعاصي محببة، شئنا أم أبينا، لكن الذي ذاق طعم القرب من الله يؤثر طاعة الله على حاجات الجسد فيرقى، هذا ثمن الجنة، لذلك الإنسان البعيد عن الله يحب بحواسه، ويكره بحواسه، ينساق مع هوى نفسه، ولكن المؤمن يحب بعقله، ويكره بعقله، ويستجيب لنداء فطرته فيرقى، فالقضية في النهاية أن هناك حاجات للجسم، وهناك حاجات للنفس، الجسم فانٍ، والنفس خالدة إلى أبد الآبدين، كلما كان التعامل مع ميلك العقلي كنت أرقى، وعندما يكون التعامل مع ميلك الحسي اقترب الإنسان من مستوى البهيمة ، البهيمة تتحرك بحواسها فقط، بينما الإنسان يتحرك بقيمه، ويتحرك أيضاً بمبادئه، لذلك مصالح النفوس في مكروهاتها. ثمن النجاح في الدنيا هو إتباع الميل العقلي: دعك من الآخرة، تعال إلى الدنيا، هذا الذي ارتقى في سلم اجتماعي، ونال شهادة كبيرة جداً عالية ونادرة، وله دخلٌ فلكي، هل وصل إلى هذا الشيء مع راحة الجسم ؟ لا ، بل بذل جهدًا كبيرًا جداً، كم استيقظ في منتصف الليل ليقرأ، كم ألغى لقاءات ونزهاتٍ كثيرة جداً ليدرس، فهذه الثمرة اليانعة التي قطفها في الأربعين ثمنها دُفِع في العشرينات، وهذا الذي مال إلى النوم، وإلى تأجيل الإنجاز، وإلى الراحة، والاسترخاء، دفع الثمن باهظاً في عقود حياته القادمة، بلا عمل، بلا دخل، بلا وظيفة، بلا شهادة، بلا زواج. أيها الإخوة الكرام، بطولتك أن تحب بعقلك، وأن تكره بعقلك، الآن أحياناً يأكل الإنسان أكلا مناسبًا، يتمتع بصحة، يتمتع بلياقة بدنية عالية جداً، يتمتع بشكل مقبول، يتمتع بأناقة في اللباس، هذا مقابل ترك الطعام الطيب، فإذا انساق مع هوى نفسه، وأكل ما يشتهي عانى من متاعب في قلبه، وفي ضغطه، وفي شرايينه، فهذه القضية واضحة جداً، فإما أن تحب بعقله، وإما أن تحب بحسك، وكلما تدنى مستوى الإنسان، واقترب من مستوى البهيمية يحب بحواسه، ويكره بحواسه، وكلما ارتقى الإنسان إلى مستوى إنسانيته التي أرادها الله له يحب بعقله، ويكره بعقله. بالمناسبة أيها الإخوة، الواقعية في الموضوع ضرورية جداً، مرة ثانية: المعاصي محببة، من ذاق طعم القرب من الله ضحى بهذه اللذائذ الطارئة الآنية المحدودة من أجل قرب من الله مستمر، لذلك قيل: ألا يا رُبَّ نفس طاعمة ناعمة في الدنيا عارية جائعة يوم القيامة، وبالعكس، ألا يا رُبّ نفس طاعمة ناعمة في الدنيا جائعة عارية يوم القيامة، ألا يا رُبّ مهين لنفسه، وهو لها مكرم، ألا يا رُبَّ مكرم لنفسه وهو لها مهين. أعظم ما في الإنسان عقله، وعقله هو الذي كلِّف أن يختار بين البدائل، أنت مخير، وممد بقوة من الله عز وجل، وعندك بدائل، فحينما يهديك إلى الشيء الذي يرضي الله تكون أعقل العقلاء، وحينما يهديك عقلك إلى الشيء الممتع الحسي تكون أجهل الجهلاء، الدليل: ﴿ إِلَّا تَصْرِفْ عَنِّي كَيْدَهُنَّ أَصْبُ إِلَيْهِنَّ وَأَكُنْ مِنَ الْجَاهِلِينَ﴾ ( سورة يوسف ) جهل ما عند الله من سعادة أبدية، وآثر لذة طارئة، وفي بعض الأقوال: ألا يا رُبّ شهوة ساعة أورثت حزناً طويلاً. أناس كثيرون تزلّ أقدامهم إذا سافروا، يصابون بمرض الإيدز، هذا المرض يجر لأحدهم فضيحة في أسرته، وعند زوجته، وعند أولاده، ويجلب القلق، واليأس، والهم، إلى أن يموت، واللقاء الذي زلت به قدمه ساعة، ألا يا ربّ شهوة ساعة أورثت حزناً طويلاً. أنا أعرف رجلا سافر الإنسان وفي هذه السفرة زلت قدمه، من أجل أن يخفي مرضه الناتج عن هذا الخطأ عن زوجته وأولاده بذل جهداً فلكياً، ثم كشف أمره، وسقط من عين الهه، وعين أولاده، ومن عين زوجته، ألا يا ربّ شهوة ساعة أورثت حزناً طويلاً. فاجهد أيها المسلم أن تتعامل في الحب والكراهية تعاملا عقليًّا، واجهد أن تتوافق حركتك مع فطرتك.


الطبع و الفطرة و الصبغة: الطبع: عندنا طبع متعلق بالجسد، وعندنا فطرة، وعندنا صبغة الفطرة: الفطرة بين الطبع وبين الصبغة، الفطرة ليس معناها أنك خير، ولكنك تحب الخير، الفطرة ليس معناها أنك منصف، ولكن تحب الإنصاف، الفطرة ميل النفس إلى الكمال، وقد لا تكون كاملة، إلا أنها تميل إلى الكمال، الدليل: لو أن عصابة سرقت بيتاً كيف يقتسمون هذه السرقة، بالعدل، يقول له: اعدل، أنت كل عملك ما فيه عدل، يقول له: اعدل، لأن الإنسان ولو كان منحرفًا، ولو كان مجرمًا يميل إلى الكمال، هذا الميل الذي فطره الله عليه هو الذي يعذبه إذا أخطأ، لو أن الإنسان لم يفطر هذه الفطرة لم يعذب أبداً. مثلاً أقرب من ذلك: أنت مفطور على حب الروائح الطيبة، وتكره كراهية لا حدود لها الروائح الخبيثة، بينما الخنزير يتلذذ بأكل الجيف، وكأنها أنفس طعام، معنى ذلك أن ثمة حقيقة خطيرة، أنت مبرمج على الكمال، مولّف ومفطور ومجبول عليه، فإذا أخطأت نفسك وحدها تعذبك، وهذه هي الكآبة، وأكبر مرض نفسي الآن في العالم هو الكآبة، لأنك شئت أم أبيت، علمت أم جهلت أنت مبرمج وفق منهج الله، فإذا خالفته وأنت تجهل منهج الله، لكن نفسك مجبولة عليه تصاب بالكآبة، التي هي عقاب ذاتي للإنسان. إذاً الفطرة ليس معناها أنك كامل، لكنك تحب الكمال، الصبغة: أما حينما تنعقد الصلة مع الله عز وجل تدخل في الصبغة، فتصطبغ بالكمال لإلهي. ﴿ صِبْغَةَ اللَّهِ وَمَنْ أَحْسَنُ مِنَ اللَّهِ صِبْغَةً﴾ ( سورة البقرة الآية: 138 ) فبين الطبع والفطرة والصبغة، للصبغة صفات أصيلة ثابتة عميقة لا يمكن أن تزول، فالكريم كريم، لكن الذي نراه في العالم أن الذكي أحياناً ببراعة فائقة يمثّل، ويبدو لك أنه أخلاقيّ، مادامت مصالحه متوافقة مع هذا السلوك الذكي فهو أخلاقي، أما إذا هددت مصالحه فلا بد من أن ينقلب إلى وحش كاسر، وهذا نراه رأي العين، واضحاً جلياً عقب أحداث أيلول، هذه الحضارة، وهذا الرقي، وحقوق الإنسان والديمقراطية، والعدالة، وتكافؤ الفرص، والعولمة، هذه القيم الرائعة التي طرحت من قِبل الغرب تنكر لها أيّما تنكر، وسقط كحضارة، وبقي كقوة غاشمة. عندنا استثناء، يمكن للذكي أن يسلك سلوك الأخلاقي ما دامت مصالحه متوافقة مع هذا السلوك، أما إذا هددت مصالحه انقلب إلى وحش كاسر. الطبع يقتضي النوم، ويقتضي الفردية، وأن تستمتع بالحياة وحدك، ولا تعبأ بأحد ، ويقتضي النظر إلى النساء، ويقتضي أن تخوض في فضائح الناس، ويقتضي أن تنام، أما التكليف فمعاكس للطبع: ﴿ وَأَمَّا مَنْ خَافَ مَقَامَ رَبِّهِ وَنَهَى النَّفْسَ عَنِ الْهَوَى (40) فَإِنَّ الْجَنَّةَ هِيَ الْمَأْوَى ﴾ ( سورة النازعات ) ثمن الجنة هو التناقض بين الطبع والتكليف: ثمن الجنة هو التناقض بين الطبع والتكليف، التكليف ذو كلفة، متعب، هناك ممنوعات، ومحرمات، ومنهيات، ومكروهات، لكن الصبغة هي قمة الكمال البشري ، حينما تتصل بالله عز وجل تصطبغ النفس بكمال الله، هذا الكمال غير الكمال الناتج عن سلوك ذكي، هذا الكمال أصيل لا يتبدل، لا بتحقيق مصالحك، ولا بتعطل مصالحك، ولا بإقبال الدنيا، ولا بإدبارها، ولا بالغنى، ولا بالفقر، ولا بالشباب، ولا بالكهولة، لذلك قالوا: ـ دققوا في هذه الكلمة ـ من أبرز علامات الإخلاص ألا تتأثر لا بمديح الناس، ولا بذمهم عملك هُو هو، وما دام العمل يتأثر، ويتبدل، ويتغير عقب الذنب والنكران فأنت لست مخلصاً، ومادام العمل لا يتأثر إطلاقاً لا بمديح الناس ولا بذمهم، ولا بإقبال الدنيا ولا بإدبارها، فهذه من علامات الإخلاص. العمل لا يزيد أمام الناس، ولا ينقص وحدك في خلوتك، هذه علامة ثانية من علامات الإخلاص، المخلص عمله هو هوَ، لا يزيد في جلوته، ولا ينقص في خلوته، والمؤمن الذي اتصل بالله عز وجل عمله هُو هو، لا يزيد بالمدح، ولا ينقص بالذم، فمن عرف نفسه ما ضرته مقالة الناس به. أيها الإخوة، قضية أن تفكر قبل أن تتحرك قضية مهمة جداً، لأن ساعة الندم لمن عصى الله آتية، وآتية لا محالة. ﴿ فَكَشَفْنَا عَنْكَ غِطَاءَكَ فَبَصَرُكَ الْيَوْمَ حَدِيدٌ﴾ ( سورة ق ) الحقائق التي جاء بها الأنبياء تكسف لكل إنسان يلاقي ربه، مسلمًا كان أو غير مسلم، وثنيًا أو ملحدًا، عابد صنم أو بوذيًّا، سيخيًّا أو هندوسيًّا، أي إنسان حينما يأتيه الموت يرى الحقائق، ولكن بعد فوات الأوان، وعلى قمة هذه القصص فرعون، حينما أدركه الغرق قال: ﴿ حَتَّى إِذَا أَدْرَكَهُ الْغَرَقُ قَالَ آَمَنْتُ أَنَّهُ لَا إِلَهَ إِلَّا الَّذِي آَمَنَتْ بِهِ بَنُو إِسْرَائِيلَ وَأَنَا مِنَ الْمُسْلِمِينَ﴾ ( سورة يونس ) امتحن نفسك بماذا تُحب: إذاً امتحن نفسك، هل تحب بعقلك، أم تحب بحواسك ؟ إن أحببت بحواسك فهذا مستوى متدَنٍ جداً يقترب من البهيمية، أما إن أحببت بعقلك فإذاً تحب الطاعات، تحب إقامة الصلوات، تحب إيتاء الزكاة، تحب الصيام، تحب غض البصر، تحب ضبط اللسان، تحب فعل الخير، تحب العطاء، أما إذا عطلت عقلك تحب الراحة، تحب أن تأكل وحدك، أن تستمتع بالحياة وحدك، وهذا دليل البعد عن الله.



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


Contact Us

SCHOOL - JavaScript -
Samplepage - Buttons    

Home

 

green1.GIF (2273 bytes)

blue1.gif (2273 bytes)

yellow1.gif (2273 bytes)

red1.gif (2273 bytes)
Sample of four buttons animated with javascript.

To the left you see four buttons.

Moving the mouse over them will cause each to change.

If you click any of the buttons you will be taken back to the javascript-page.

Below is the entire code for this page. It shows how the code on the javascriptpage,
can easily be used for making more than just a single button animated.

Choose View-->Pagesource to view the source of this page in Netscape 4.

Choose View-->Source to view the source of this page in Internet Explorer 4.

 

♫☼►◄↕‼¶§▬↨↑↓♣←∟↔▲☺▼ !"#$%&'()*+,-./♂◙♦☻♠◘○♥♀♪☺•
Easy Notification

Easy Notification plugin: Demo 1

This example is using default values.

Usage

$(function(){		   
    $.easyNotification();		
});

back to the article

Easy Notification plugin is brought to you by Css Globe, Easy front-end framework and supported by Css Templates by Templatica

Easy Notification

Easy Notification plugin: Demo 2

Easy notification triggered by event.

Click here to show notification!

Usage

$(function(){		   
    $('#clickable').click(function(){ 
        $.easyNotification('The paragraph has been clicked!'); 
    })
});

back to the article

Easy Notification plugin is brought to you by Css Globe, Easy front-end framework and supported by Css Templates by Templatica

Easy Notification

Easy Notification plugin: Demo 3

Cookie based notifications. Notification will only show on first page visit. If you don't see the notification above, you have already visited this page.

Usage

$(function(){		   
    $.easyNotification({
        cookieEnable: true,
        text: 'Cookie enabled notification. This is the only time you will see the notification!'
    }); 
});

back to the article

Easy Notification plugin is brought to you by Css Globe, Easy front-end framework and supported by Css Templates by Templatica

CSS Calculator

CSS Calculator

Start from left to right and use the up and down arrows to show a number from 0 - 9.
Once you have selected your number then click the number itself and the square will turn orange
Move to the middle box and again use the arrows to select the number to add and once chosen click the number itself
and the result will be shown in the box on the right

The sequence only works from left to right and you must click each box in turn
(Doesn't work in Opera or IE6).

+

=

  •  
  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
The CSS3 Matrix Construction Set

The Matrix Construction Set

Show Advanced SettingsHide Advanced Settings What is this?
Advanced
From To
Point (, ) (, )
Point (-, ) (, )
Point (, -) (, )
Point (-, -) (, )
Change HTML and CSS

Using 3D transforms will allow greater control over the transform, but fonts may appear blocky compared to 2D transforms unless the object you are transforming is physically bigger that the size you are transforming to. The show vendor prefixes option will guarentee your transforms will work even on older browsers and devices (e.g. old iPhone and Android browsers). Change HTML and CSS will allow you to customize the HTML and CSS of the transformed objects.

Unfortunately, your browser doesn't support 3D transforms, so you will not be able to use this tool to manipulate them. Please upgrade your browser if you want to use this feature.

CSS Transform Code

        
Diagram

This is a block element.

↘

This is a block element.

Unfortunately, this tool only works in browsers that support transform-origin (which doesn't include any present version of IE) and HTML5 Drag and Drop (which excludes Opera at the moment). When I update cssSandpaper with a transform-origin polyfill, I'll refactor this tool to use it so IE will work. Opera users will have to wait for HTML5 Drag and Drop support in the future.

Note: we only allow basic HTML here (e.g. no <script> tags) to avoid XSS attacks. See the Sanitize.js recipe we use for more information.

HTML Content
CSS Content

The Matrix Construction Set v.2.0

This tool allows developers to create pixel perfect CSS3 Transforms by dragging and dropping objects on the screen (or filling out the form below). The red box is the object before transformation, the purple one is the box after transformaton. You can drag the red box around as well as resize it using the resizer widget in the bottom right corner. You can also transform the green object by dragging the three control points around the grid.

Made a mistake? Click on your browser's back button!

Want to share your creation? Share the whole URL! The hashtag contains all of your layour data using LZW compression)

Examples

References

Credits

Although this tool was built using libraries I have created over the years (config, visibleIf and DragDropHelpers), it would not be as cool as it is without the following open source projects:
  1. The Google Chrome team's dialog polyfill, for allowing non-Blink browsers to use HTML5 dialogs.
  2. Pieroxy's lz-string, to compress HTML and CSS data inside the hash of the tool's URL.
  3. Gabriel Birke's sanatize.js to ensure that the HTML stored by lz-string is not vulnerable to XSS attacks.
  4. James Coglan's sylverster to calculate the matrix arithmatic needed to calculate the CSS matrix() and matrix3d() numbers.
  5. modernizr to detect 3D transform (and other cutting edge front-end tech) support. (I am using version 3, which is currently in beta)
  6. Matrix Font by Gyusan

prettyGallery

.....

  • T 1
  • T 2

.......

  • T 1
test-cors.org

test-cors.org

Use this page to test CORS requests. You can either send the CORS request to a remote server (to test if CORS is supported), or send the CORS request to a test server (to explore certain features of CORS). Send feedback or browse the source here: https://github.com/monsur/test-cors.org.

Client
Server
var createCORSRequest = function(method, url) {
  var xhr = new XMLHttpRequest();
  if ("withCredentials" in xhr) {
    // Most browsers.
    xhr.open(method, url, true);
  } else if (typeof XDomainRequest != "undefined") {
    // IE8 & IE9
    xhr = new XDomainRequest();
    xhr.open(method, url);
  } else {
    // CORS not supported.
    xhr = null;
  }
  return xhr;
};

var url = '';
var method = '';
var xhr = createCORSRequest(method, url);

xhr.onload = function() {
  // Success code goes here.
};

xhr.onerror = function() {
  // Error code goes here.
};

xhr.send();
Fork me on GitHub

Todo

{{todoList.remaining()}} of {{todoList.todos.length}} remaining [ archive ]
Aligning labels with List
input:


textarea:
Copy Bootstrap Copy
Bootstrap Example

Tooltip Example

Hover over me


SeanSoft � Media Player

SeanSoft� Media Player

Filename:

Title:

Ask me
Ask DRM REAL questions about Liquid
Format: "How can I use Liquid?"
<b>Sorry</b><br/><br/> I couldn't dig up anything, sorry.<br/> I was designed to answer questions about <b>Liquid</b>, but I can refer you to somebody who might know more on that subject on this live chat.<br/><br/> <a href="http://forums.webdeveloper.com">WebDeveloper Forums</a> <br /> JavaScripts.com - Your place for free JavaScripts. Enjoy! <b>Details</b><br/><br/> This technology depends on clientside XML, and is W3C-compatible, but doesn't support namespaces as of yet.<br/> This is only version 1.1, so we will add support for this later.<br/> Scripting <b>Liquid</b> is also compatible with the standards set by ECMA and DOM. <b>Design</b><br/><br/> This technology allows for any type of arcade-games to be created.<br/> Some games will require some scripting to adjust or organize the elements, but in most cases this wont be needed.<br/> The rights for these games belongs to you, the author, and we claim no ownership of these in any way. <b>Technology</b><br/><br/> This technology allows for multiplayer-modes since it's easy to hook up to a server.<br /> To do this, however, you'll need a commercial lincense.<br /> Flash and java is also compatible with this technology, and even adds to the strengths of both.<br /> This is also included in the commercial license.<br /> Also, note that <b>Liquid</b> is best run with <b>MIO</b>, which includes the resource-files, and in this format, <b>Liquid</b> handles sound very well and wont experience any problems with preloads. <b>Liquid</b><br/><br/> This is a new markup language that is already supported by your browser.<br/> It's defined for sophisticated animations and interactive 2D-games.<br/> (also known as arcade-games) <b>Nom</b><br/><br/> This is the <b>Node Object Model</b>, and you can tell by the name that it is using nodes as objects, data-objects, to be specific.<br/> The nodes are used to define contexts for the unique type of processing that runs <b>Liquid</b>, which we usually refers to as 'slicing'.<br/> It's like a poor mans version of multithreading.:-)<br/> <b>Extending Liquid</b><br/><br/> This is done using a version of javascript, that has been slightly tweaked to work with <b>Liquids</b> behaviour-model.<br/> <b>Rights and availability</b><br/><br/> <b>Liquid</b> and/or <b>DRM</b> are both free to use, but neither are open source.<br/> There is a commercial license for those who wishes to use it in commercial webapplications, and/or wish to add their own custom-defined elements to the collection. <b>About Liquid</b><br/><br/> <b>Liquid</b> is about creating animations and 2D-games real fast.<br/> By using XML, it's portable to other platforms as well. <b>About Me</b><br/><br/> I'm a <b>Dynamic Reply Mechanism</b> (DRM), and my purpose is to analyze and respond to your sentences and word-structure, and see if I happen to have anything of interest in my (currently very small) database corresponding to that. <b>DRM data</b><br/><br/> DRM means <b>Dynamic Reply Mechanism</b>.<br/> I was created the 25th, Mar, 2003<br/> I'm pretty smart already, but I am growing very fast now.<br/> My database is to small at this time, but it's going to be expanded before the end of Mars, according to my creator. <b>Adding Liquid</b><br/><br/> You simple add the required meta-tag in the documents header, looking like this:<br/><br/> <br/><br/> And then add the script-link that is required also:<br/><br/> <script src="//forums.webdeveloper.com"></script><br/><br/> And once this is done, you are all set to start coding.<br/> A common tag is:<br/><br/> <move x="1" y="1" >Moving text</move>
My web page

Tested under IE6 and Mozilla Firefox 1.0.3.

These four div elements were faded in/out individually by four simple JavaScript functions.

Syntax: fade(element id,time increment, "in" or "out");
The default value for the fade time is about 30 89 milisecond intervals; for the "in" or "out" values the default is "out", so the only real value that you have to set is the element's id that you want to fade. The others are optional.
NOTE: Be sure to set the css width property of the element you want to fade to a value before using the fade() function so it will work.

element 1 fades in at 100 89 milisecond increments
element 2 fades out at 50 89 milisecond increments
element 3 fades out at 20 89 milisecond increments
element 4 fades in at 20 89 milisecond increments

filter

Stretch filter

Stretch filter

Using:
HTML: <ELEMENT STYLE="filter:progid:DXImageTransform.Microsoft.Stretch(sProperties)">
Script: object.style.filter = "progid:DXImageTransform.Microsoft.Stretch(sProperties)"
sProperties
Duration: Sets or returns duration of transformation in seconds.
StretchStyle: Sets or returns the method of substituting for old maintenance of element of page new.
For property the followings values are accessible:
� Hide - new maintenance of element crawls on old on the left on a right (default value);
� Spin - new maintenance of element of page crawls on old from the middle of element to to by sides;
� Push is new maintenance of element of page moved apart from the left side, squeezes old maintenance.

Author's site


Example using Stratch filter



Author's site

Earth Moon
forum.ashefaa.com
Elastic text

Simple good text effect. If you enjoy it, visit my site here

Visit my site

DS Snow - script
DS Snow

This script displays a snow effect
Compatible with IE, NS4 and NS6


Click here for HTML code generator
Click here for another example with changed parameters
Click here for parameters description
Click here for registration info


DS Effects


Copyright � DS Effects - All Rights Reserved

MP3 player with WMP and iPhone 3G skin
Install Flash Player to see
Exemple de lien

Free JavaScripts provided
by The JavaScript Source

Click anywhere on the screen.

Free JavaScripts provided
by The JavaScript Source

Please Enter a Color
Background:
Text:

Free JavaScripts provided
by The JavaScript Source

Color Chooser

Background Foreground
Red
Green
Blue

Free JavaScripts provided
by The JavaScript Source

Anchor background-color Anchor background-color
Anchor background-image
Anchor background-repeat no-repeat
Anchor float left
Simple JS
JavaScript Evaluator
Change JS code below, and tab out of the field for your result:
mustang.jpg
A newer Mustang.
camaro.jpg
A modern Camaro.
classic.jpg
An oldie but a goodie!
classic2.jpg
More old cars.
video_game_car.jpg
A good rendering of a classic race car.





If you find this demo useful, please consider donating $1 dollar for a coffee or purchasing one of my songs from iTunes.com or Amazon.com for only 0.99 cents each. I have also released CDs with my band Ivory Knight and Annihilator main-man Jeff Waters.

Rob uses and recommends MochaHost, which provides Web Hosting for as low as $1.95 per month, as well as unlimited emails and disk space!

https://media4.giphy.com/media/KM4wvOMtKUu8o/200.gif#5-grid1
https://media1.giphy.com/media/l41m5vJF8IhHHaoi4/200.gif#1-grid1
https://media1.giphy.com/media/E6IcYCXzHbbxu/200.gif#19-grid1
classic2.jpg
https://media1.giphy.com/media/1c4v9Y9JuSh3O/200.gif#1-grid1
... ...
Anchor font-size
Bloom Demo – Just another WordPress site Bloom Demo – Just another WordPress site
  • Guybrush Threepwood

  • Elaine Marley

  • LeChuck

  • Stan

  • Voodoo Lady

  • Herman Toothrot

  • Meathook

  • Carla

  • Otis

  • Rapp Scallion

  • Rum Rogers Sr.

  • Men of Low Moral Fiber

  • Murray

  • Cannibals

    A prepopulated text field with a maximum length

    happycodings.com - A link to send an email

    happycodings.com@gmail.com

    Free JavaScripts provided
    by The JavaScript Source

    .....
    Happy Codings :-) JavaScript Code Examples
    ....


    Try entering the words "bloody", "war", or "terror" in the text box above.

    Articles les plus consultés

    السلف وقيام الليل

    تبسيط علوم السلف

    حكم خضاب الرجل أصابعه بالحناء

    Happy Codings :-) JavaScript Code Examples
    Anchor font-size
    Anchor font-size
    mustang.jpg
    A newer Mustang.
    camaro.jpg
    A modern Camaro.
    classic.jpg
    An oldie but a goodie!
    classic2.jpg
    More old cars.
    video_game_car.jpg
    A good rendering of a classic race car.





    If you find this demo useful, please consider donating $1 dollar for a coffee or purchasing one of my songs from iTunes.com or Amazon.com for only 0.99 cents each. I have also released CDs with my band Ivory Knight and Annihilator main-man Jeff Waters.

    Rob uses and recommends MochaHost, which provides Web Hosting for as low as $1.95 per month, as well as unlimited emails and disk space!

    Swipebox | A touchable jQuery lightbox

    What is Swipebox ?

    Swipebox is a jQuery "lightbox" plugin for desktop, mobile and tablet.

    Main Features

    1. Swipe gestures for mobile
    2. Keyboard Navigation for desktop
    3. CSS transitions with jQuery fallback
    4. Retina support for UI icons
    5. Easy CSS customization

    Compatibility

    Chrome, Safari, Firefox, Opera, IE9+, IOS4+, Android, windows phone.

    Basic Usage

    Javascript

    Include jquery and the swipebox script in your head tags or right before your body closing tag.

    <script src="lib/jquery-2.0.3.js"></script>
    <script src="src/js/jquery.swipebox.js"></script>

    CSS

    Include the swipebox CSS style in your head tags.

    <link rel="stylesheet" href="src/css/swipebox.css">

    HTML

    Use a specific class for your links and use the title attribute as caption.

    <a href="big/image.jpg" class="swipebox" title="My Caption">
    <img src="small/image.jpg" alt="image">
    </a>

    Fire the plugin

    Bind the swipebox behaviour on every link with the "swipebox" class.

    <script type="text/javascript">
    ;( function( $ ) {
    
    	$( '.swipebox' ).swipebox();
    
    } )( jQuery );
    </script>
    

    Advanced

    Gallery

    You can add a rel attribute to your links to seperate your galleries.

    <!-- Gallery 1 -->
    <a rel="gallery-1" href="big/image1.jpg" class="swipebox">
    	<img src="small/image1.jpg" alt="image">
    </a>
    <a rel="gallery-1" href="big/image2.jpg" class="swipebox">
    	<img src="small/image2.jpg" alt="image">
    </a>
    <!-- Gallery 2 -->
    <a rel="gallery-2" href="big/image3.jpg" class="swipebox">
    	<img src="small/image3.jpg" alt="image">
    </a>
    <a rel="gallery-2" href="big/image4.jpg" class="swipebox">
    	<img src="small/image4.jpg" alt="image">
    </a>

    Video support

    Simply paste a youtube or vimeo video URL in your href attribute. The script will automatically check if it's a youtube or vimeo URL and open the video in the swipebox.

    My Video

    <a class="swipebox-video" rel="vimeo" href="http://vimeo.com/29193046">My Videos</a>

    Load slides dynamically

    You can set your gallery dynamically by passing an array object to the swipebox.

    View gallery

    $( '#gallery' ).click( function( e ) {
    	e.preventDefault();
    	$.swipebox( [
    		{ href:'big/image1.jpg', title:'My Caption' }, 
    		{ href:'big/image2.jpg', title:'My Second Caption' }
    	] );
    } );

    Check open state

    if ( $.swipebox.isOpen ) {
    	// do stuff
    }

    Options

    <script type="text/javascript">
    ;( function( $ ) {
    
    	$( '.swipebox' ).swipebox( {
    		useCSS : true, // false will force the use of jQuery for animations
    		useSVG : true, // false to force the use of png for buttons
    		initialIndexOnArray : 0, // which image index to init when a array is passed
    		hideCloseButtonOnMobile : false, // true will hide the close button on mobile devices
    		removeBarsOnMobile : true, // false will show top bar on mobile devices
    		hideBarsDelay : 3000, // delay before hiding bars on desktop
    		videoMaxWidth : 1140, // videos max width
    		beforeOpen: function() {}, // called before opening
    		afterOpen: null, // called after opening
    		afterClose: function() {}, // called after closing
    		loopAtEnd: false // true will return to the first image after the last image is reached
    	} );
    
    } )( jQuery );
    </script>
    ` `
    960 Grid System — Demo

    960 Grid System

    12 Column Grid

    940

    60

    860

    140

    780

    220

    700

    300

    620

    380

    540

    460

    460

    60

    60

    60

    60

    60

    60

    60

    60

    60

    60

    60

    60

    60

    380

    220

    220

    220

    220

    60

    380

    16 Column Grid

    940

    40

    880

    100

    820

    160

    760

    220

    700

    280

    640

    340

    580

    400

    520

    460

    460

    40

    40

    40

    40

    40

    40

    40

    40

    40

    40

    40

    40

    40

    40

    40

    40

    40

    400

    220

    220

    220

    220

    40

    400

    Team Member

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


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