استعمل مربع البحث في الاسفل لمزيد من المواضيع
سريع للبحث عن مواضيع في المنتدى
-
11-01-2013, بتوقيت غرينيتش 03:51 PM
#1
روعة النماذج forms مع الجي كويري jquery
ط±ظˆط¹ط© ط§ظ„ظ†ظ…ط§ط°ط¬ forms ظ…ط¹ ط§ظ„ط¬ظٹ ظƒظˆظٹط±ظٹ jquery
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
-------
موضوعنا اليوم عبارة عن اضافة plugin
لمكتبة الجي كويري
والهدف منها هو تجميل النماذج بشكل رائع جدا
وهي سهلة الاستخدام لابعد الحدود
-------
قل بسم الله واقرا الدرس مفصل بتمعن
في البداية ، هذه الصورة تبين الشكل التقليدي للنماذج
وهذه الصورة تبين الشكل بعد التطبيق، فقط انظر اليها واحكم انت بمدى الفرق الجمالي بين الشكلين
ولمشاهدة المثال الحي من هنا
http://www.dfc-e.com/metiers/multime...e/jqtransform/
لتقوم باستخدام هذه الاضافة ، اولا لا بد من تنزيل الملفات المرفقة التي تحتوي على الاضافة والصور وجميع الملفات اللازمة
بعد ذلك نقوم بتضمين الملفات في وسم الهيد
رمز PHP:
<code style="white-space:nowrap"> <code> <script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.jqtransform.min.js"></script>
</code> </code>
وتقوم بعمل النموذج الخاص بك
مثلا
رمز PHP:
<code style="white-space:nowrap"> <code> <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>
ثم تقوم بتطبيق كود code الجي كويري مع تعديل كلاس الفورم اللي قمت بتسميته في الكود code
هكذا
رمز PHP:
<code style="white-space:nowrap"> <code> <script type="text/javascript">
$(function() {
//find all form with class jqtransform and apply the plugin
$("form.jqtransform").jqTransform();
});
</script>
</code> </code>
اذا لم تفهم طريقة التركيب install، ما الك الا ان تدخل ملف demo.html الموجود داخل الملفات المرفقة
حتى ترى مثال تطبيقي على التركيب install، فالعملية سهلة جدا
الملفات حسب المبرمج انه يتوافق مع
انترنت اكسبلورر 6+
سفاري 2+
فايرفوكس 2+
وانا من عندي مشغله على الكروم
وشغال تمام
بالتوفيق للجميع، الى هنا نكون قد وصلنا الى نهاية درس مفصلنا لليوم
اذا اعجبك الدرس مفصل، فلا تنس ان تدع لنا بالسداد والتوفيق
والهداية والمغفرة
واخر دعوانا ان الحمد لله رب العالمين
اخوكم
مهند عيسى
الملفات المرفقة [TR]
jqtransform.zip (95.8 كيلوبايت, عدد مرات المشاهدة 628 مرة) [/TR]
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
المواضيع المتشابهه
-
بواسطة walid في المنتدى لغات البرمجه للويب
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 04:00 PM
-
بواسطة admin في المنتدى لغات البرمجه للويب
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 03:33 PM
-
بواسطة romaissa في المنتدى لغات البرمجه للويب
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 02:37 PM
-
بواسطة said في المنتدى القسم العام لتطوير المواقع
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 03:32 AM
-
بواسطة said في المنتدى القسم العام لتطوير المواقع
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 03:18 AM
ضوابط المشاركة
- لا تستطيع إضافة مواضيع جديدة
- لا تستطيع الرد على المواضيع
- لا تستطيع إرفاق ملفات
- لا تستطيع تعديل مشاركاتك
-
قوانين المنتدى