روعة النماذج forms مع الجي كويري jquery

[Chakira]

http://www.dzbatna.com/images/icons/iconrote.gif ط±ظˆط¹ط© ط§ظ„ظ†ظ…ط§ط°ط¬ forms ظ…ط¹ ط§ظ„ط¬ظٹ ظƒظˆظٹط±ظٹ jquery (http://www.dzbatna.com/t1572370/)



بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
-------
موضوعنا اليوم عبارة عن اضافة plugin
لمكتبة الجي كويري
والهدف منها هو تجميل النماذج بشكل رائع جدا
وهي سهلة الاستخدام لابعد الحدود
-------
قل بسم الله واقرا الدرس مفصل بتمعن




صورة تطبيقية:


في البداية ، هذه الصورة تبين الشكل التقليدي للنماذج

http://dzbatna.net/vb/attachment.php?attachmentid=487477&stc=1&d=1274914257


وهذه الصورة تبين الشكل بعد التطبيق، فقط انظر اليها واحكم انت بمدى الفرق الجمالي بين الشكلين

http://dzbatna.net/vb/attachment.php?attachmentid=487478&stc=1&d=1274914257


ولمشاهدة المثال الحي من هنا
http://www.dfc-e.com/metiers/multime...e/jqtransform/ (http://www.dfc-e.com/metiers/multimedia/opensource/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+
وانا من عندي مشغله على الكروم
وشغال تمام


بالتوفيق للجميع، الى هنا نكون قد وصلنا الى نهاية درس مفصلنا لليوم
اذا اعجبك الدرس مفصل، فلا تنس ان تدع لنا بالسداد والتوفيق
والهداية والمغفرة

واخر دعوانا ان الحمد لله رب العالمين

اخوكم
مهند عيسى












ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)


الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif jqtransform.zip (http://www.traidnt.net/vb/attachments/487480d1274914420-jqtransform.zip) (95.8 كيلوبايت, عدد مرات المشاهدة 628 مرة)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©