روعة النماذج forms مع الجي كويري jquery
http://www.dzbatna.com/images/icons/iconrote.gif ط±ظˆط¹ط© ط§ظ„ظ†ظ…ط§ط°ط¬ forms ظ…ط¹ ط§ظ„ط¬ظٹ ظƒظˆظٹط±ظٹ jquery
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
-------
موضوعنا اليوم عبارة عن اضافة plugin
لمكتبة الجي كويري
والهدف منها هو تجميل النماذج بشكل رائع جدا
وهي سهلة الاستخدام لابعد الحدود
-------
قل بسم الله واقرا الدرس مفصل بتمعن
في البداية ، هذه الصورة تبين الشكل التقليدي للنماذج
وهذه الصورة تبين الشكل بعد التطبيق، فقط انظر اليها واحكم انت بمدى الفرق الجمالي بين الشكلين
ولمشاهدة المثال الحي من هنا
http://www.dfc-e.com/metiers/multime...e/jqtransform/
لتقوم باستخدام هذه الاضافة ، اولا لا بد من تنزيل الملفات المرفقة التي تحتوي على الاضافة والصور وجميع الملفات اللازمة
بعد ذلك نقوم بتضمين الملفات في وسم الهيد
رمز PHP:
<script type="text/javascript" src="js/jquery.js">
وتقوم بعمل النموذج الخاص بك
مثلا
رمز PHP:
<form class="jqtransform">
<div class="rowElem">
<label for="name">Name: label>
<input type="text" name="name" />
div>
<div class="rowElem"><input type="submit" value="send" /><div>
form>
ثم تقوم بتطبيق كود code الجي كويري مع تعديل كلاس الفورم اللي قمت بتسميته في الكود code
هكذا
رمز PHP:
<script type="text/javascript">
$(function() {
//find all form with class jqtransform and apply the plugin
$("form.jqtransform").jqTransform();
});
اذا لم تفهم طريقة التركيب install، ما الك الا ان تدخل ملف demo.html الموجود داخل الملفات المرفقة
حتى ترى مثال تطبيقي على التركيب install، فالعملية سهلة جدا
الملفات حسب المبرمج انه يتوافق مع
انترنت اكسبلورر 6+
سفاري 2+
فايرفوكس 2+
وانا من عندي مشغله على الكروم
وشغال تمام
بالتوفيق للجميع، الى هنا نكون قد وصلنا الى نهاية درس مفصلنا لليوم
اذا اعجبك الدرس مفصل، فلا تنس ان تدع لنا بالسداد والتوفيق
والهداية والمغفرة
واخر دعوانا ان الحمد لله رب العالمين
اخوكم
مهند عيسى
الملفات المرفقة [TR]
http://www.traidnt.net/vb/images/attach/zip.gif jqtransform.zip (95.8 كيلوبايت, عدد مرات المشاهدة 628 مرة) [/TR]
https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
