روائع الجي كويري - Booklet jQuery Plugin

al-saker · #1 21-12-2010, 01:49 AM

روائع الجي كويري - Booklet jQuery Plugin

بأسم الله الرحمن الرحيم

السلام عليكم و رحمة الله و بركاته

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

أعتقد أني محق ؟

شرح طريقة التركيب :
أولا نضمن الملفات الظرورية لعمل التطبيق و الموجودة داخل المجلد booklet

كود PHP:

  1
<script src="booklet/jquery-1.4.4.min.js" type="text/javascript"></script>
2
<script src="booklet/jquery.easing.1.3.js" type="text/javascript"></script>
3
<script src="booklet/jquery.booklet.1.1.0.min.js" type="text/javascript"></script>
4
<link href="booklet/jquery.booklet.1.1.0.css" type="text/css" rel="stylesheet" media="screen, projection, tv" />

ثانيا نضيف الدالة المسؤولة عن تنفيذ التطبيق :

كود PHP:

  <script type="text/javascript">
02
   $(function() {
03
       $('#mybook').booklet({
04
           name:'ajaxar.com',
05
           direction:'RTL',
06
           width:800,
07
           height:500,
08
           startingPage:'',
09
           speed:600,
10
           hash:0,
11
           keyboard:1,
12
           closed: 0,
13
           covers: 0,
14
           pageNumbers:0,
15
           arrows:1,
16
           cursor:'pointer',
17
           before:             function(){},
18
           after:              function(){}
19
       });
20
   });
21
   </script>

و ما يهنا فيها :
name : عنوان الكتاب .
direction : أتجاه الصفحة - RTL للعربية و LTR لغيرها .
width : عرض الكتاب بالبكسل .
height :أرتفاع الكتاب بالبكسل .
startingPage :رقم الصفحة الأولية و يمكن تركه فارغ .
speed : سرعة الأنتقال بين الصفحات بالميلي ثانية - 1 ثانية يساوي 1000 ميلي ثانية .
hash : بوضع القيمة 1 يظهر رابط الصفحة في شريط العناوين و لاخفائه نعدل القيمة لصفر .
keyboard : القيمة 1 تعني تمكين التبديل بين الصفحات باستخدام ازرار الاتجاهات من لوحة المفاتيح .
closed : بالقيمة 1 سيظهر الكتاب في الاول مغلق .
covers : بوضع قيمته 1 مع closed ستظهر للكتاب واجهه أمامية و أخرى خلفية .
pageNumbers : بالقيمة 1 يظهر ترقيم الصفحات في الاسفل .
arrows : بالقيمة 1 تظهر ايقونات التنقل بين الصفحات .

الأن نأتي لخطوة تجهيز صفحات الكتاب و محتواها :
أولا نفتتح الوسمين <div id="mybook"><div class="b-load">
ثانيا نضيف :

كود PHP:

  1
<div>
2
<h1>الأولى</h1>
3
<p>
4
محتوى الصفحة الأولى
5
</p>
6
</div>

نلاحظ اننا افتتحنا اولا الديف :

كود PHP:

      <div>

و بعده حصرنا عنوان الصفحة ضمن الوسم h1 و محتواها ضمن الوسم p .
و بعده اغلقنا الديف الذي فتحناه :

كود PHP:

  </div>

نكرر الكود مع تعديل ما يلزم بالعدد الذي نريده من صفحات الكتاب
و اخيرا لازم نغلق الوسمين اللذان افتتحناهما في الأول :

كود PHP:

  1
</div>
2
</div>

بهذه الخطوات البسيطة تحصلنا على تطبيق مبهر للغاية ...

تحميل الملفات من المرفقات

مثال

http://al-saker.com/privacy/

السلام عليكم

ترانيم عمري · 23-12-2010, 11:10 AM

حائطي

سجل دخولك او إضغط هنا للتسجيل

الله يجزيك الف خييير
ع الطررح القييم
لآعدمناا جديدك

al-saker · 23-12-2010, 12:17 PM

حائطي

سجل دخولك او إضغط هنا للتسجيل

الله يخليك اخي

شكرا على مرورك

star wolf · 23-12-2010, 05:33 PM

حائطي

سجل دخولك او إضغط هنا للتسجيل

يعطيك العافية اخوي
بوابة التكنولوجيا العربية

al-saker · 23-12-2010, 05:35 PM

حائطي

سجل دخولك او إضغط هنا للتسجيل

شكرا على مرورك

المبرمج العربي · 04-01-2011, 08:30 PM

حائطي

سجل دخولك او إضغط هنا للتسجيل

مشكور للطرح

al-saker · 04-01-2011, 08:31 PM

حائطي

سجل دخولك او إضغط هنا للتسجيل

مشكور على مرورك

قمراية · 05-01-2011, 11:08 PM

حائطي

سجل دخولك او إضغط هنا للتسجيل

شكور على طرحك الجميل

الغلات · 06-01-2011, 01:16 AM

حائطي

سجل دخولك او إضغط هنا للتسجيل

الله يعطيك الف عافية ..

منير بادي · 27-02-2011, 05:04 PM

حائطي

سجل دخولك او إضغط هنا للتسجيل

سلام عليكم
شكرا لك يا غالي على درس روعة و ممتقن وفقك الله

أحمد عآدل · 01-03-2011, 10:35 AM

حائطي

سجل دخولك او إضغط هنا للتسجيل

تسلم يا غالى

احمد المقبل · 01-03-2011, 04:25 PM

حائطي

سجل دخولك او إضغط هنا للتسجيل

يعطيك العافية اخوي ويسلم ايديك ع الموضوع الرائع

aymanfm · 03-03-2011, 05:04 PM

حائطي

سجل دخولك او إضغط هنا للتسجيل

اقتباس:

المشاركة الأصلية كتبت بواسطة احمد المقبل

يعطيك العافية اخوي ويسلم ايديك ع الموضوع الرائع

اكرر نفس الرد

23-12-2010, 11:10 AM	رقم المشاركة : [2]
ترانيم عمري مطور خبير بيانات موقعي : إسم الموقع : اصدار المنتدى :	حائطي سجل دخولك او إضغط هنا للتسجيل الله يجزيك الف خييير ع الطررح القييم لآعدمناا جديدك
	التوقيع: عضو جديد في معهد مطور التطويري - Mtwer.com/vb يمكنك تعديل التوقيع من خلال لتوحة تحكمك الخاصة عبر الرابط التالي : لوحة التحكم

23-12-2010, 12:17 PM	رقم المشاركة : [3]
al-saker مطور محترف بيانات موقعي : إسم الموقع : اصدار المنتدى :	حائطي سجل دخولك او إضغط هنا للتسجيل الله يخليك اخي شكرا على مرورك
	التوقيع: موقع الصقور www.al-saker.com

23-12-2010, 05:33 PM	رقم المشاركة : [4]
star wolf عميد المطورين بيانات موقعي : إسم الموقع : اصدار المنتدى :	حائطي سجل دخولك او إضغط هنا للتسجيل يعطيك العافية اخوي بوابة التكنولوجيا العربية
	التوقيع: عضو جديد في معهد مطور التطويري - Mtwer.com/vb يمكنك تعديل التوقيع من خلال لتوحة تحكمك الخاصة عبر الرابط التالي : لوحة التحكم

23-12-2010, 05:35 PM	رقم المشاركة : [5]
al-saker مطور محترف بيانات موقعي : إسم الموقع : اصدار المنتدى :	حائطي سجل دخولك او إضغط هنا للتسجيل شكرا على مرورك
	التوقيع: موقع الصقور www.al-saker.com

04-01-2011, 08:30 PM	رقم المشاركة : [6]
المبرمج العربي مطور خبير بيانات موقعي : إسم الموقع : مدونة بلعجفة اصدار المنتدى : لا أملك منتدى	حائطي سجل دخولك او إضغط هنا للتسجيل مشكور للطرح
	التوقيع: السيو \| الربح من الأنترنيت \| مدونة بلعجفة \| الربح من النت \| الشركات الربحية \| التسويق الإلكتروني

04-01-2011, 08:31 PM	رقم المشاركة : [7]
al-saker مطور محترف بيانات موقعي : إسم الموقع : اصدار المنتدى :	حائطي سجل دخولك او إضغط هنا للتسجيل مشكور على مرورك
	التوقيع: موقع الصقور www.al-saker.com

05-01-2011, 11:08 PM	رقم المشاركة : [8]
قمراية مطور محترف بيانات موقعي : إسم الموقع : اصدار المنتدى :	حائطي سجل دخولك او إضغط هنا للتسجيل شكور على طرحك الجميل
	التوقيع: عضو جديد في معهد مطور التطويري - Mtwer.com/vb يمكنك تعديل التوقيع من خلال لتوحة تحكمك الخاصة عبر الرابط التالي : لوحة التحكم

06-01-2011, 01:16 AM	رقم المشاركة : [9]
الغلات مطور خبير بيانات موقعي : إسم الموقع : اصدار المنتدى :	حائطي سجل دخولك او إضغط هنا للتسجيل الله يعطيك الف عافية ..
	التوقيع: عضو جديد في معهد مطور التطويري - Mtwer.com/vb يمكنك تعديل التوقيع من خلال لتوحة تحكمك الخاصة عبر الرابط التالي : لوحة التحكم

27-02-2011, 05:04 PM	رقم المشاركة : [10]
منير بادي مطور محترف بيانات موقعي : إسم الموقع : غير موجود اصدار المنتدى : لا أملك منتدى	حائطي سجل دخولك او إضغط هنا للتسجيل سلام عليكم شكرا لك يا غالي على درس روعة و ممتقن وفقك الله
	التوقيع: عضو جديد في معهد مطور التطويري - Mtwer.com/vb يمكنك تعديل التوقيع من خلال لتوحة تحكمك الخاصة عبر الرابط التالي : لوحة التحكم

01-03-2011, 10:35 AM	رقم المشاركة : [11]
أحمد عآدل مطور محترف بيانات موقعي : إسم الموقع : اصدار المنتدى :	حائطي سجل دخولك او إضغط هنا للتسجيل تسلم يا غالى
	التوقيع: معهد مطور فى بى يرحب بكم خاطب العاقل بما لا يِِِِعقل .. فان صدق فلا عقل له

01-03-2011, 04:25 PM	رقم المشاركة : [12]
احمد المقبل مطور نشيط بيانات موقعي : إسم الموقع : اصدار المنتدى :	حائطي سجل دخولك او إضغط هنا للتسجيل يعطيك العافية اخوي ويسلم ايديك ع الموضوع الرائع
	التوقيع: عضو جديد في معهد مطور التطويري - Mtwer.com/vb يمكنك تعديل التوقيع من خلال لتوحة تحكمك الخاصة عبر الرابط التالي : لوحة التحكم

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
روعة النماذج forms مع الجي كويري jquery	Ahmed Amar	تصميم المواقع بتقنية الـ جي كويري jQuery	33	25-01-2012 08:14 PM
تعلم الجي كويري، [مناقـشـة] الدرس الخامس شرح تغيير استايل والوان موقعك ب jquery	vista-design	تصميم المواقع بتقنية الـ جي كويري jQuery	25	19-12-2011 10:24 PM
دورة الجي كويري، [مناقشة ] الدرس التاسع : شرح برمجة وتصميم موقع به كافة امكانيات jquery	vista-design	تصميم المواقع بتقنية الـ جي كويري jQuery	14	12-05-2011 08:05 PM
تعليم الجي كويري، [مناقشة] الدرس الأول ماهى jquery وقصتها وكيف ظهرت وفيما تستخدم	vista-design	تصميم المواقع بتقنية الـ جي كويري jQuery	48	12-05-2011 08:02 PM
تعليم الجي كويري، تعليم jquery ، شرح كيفية عمل معرض صور لموقعك او منتداك بال jquery [الدرس الرابع]	vista-design	تصميم المواقع بتقنية الـ جي كويري jQuery	1	17-08-2010 02:28 PM

Powered by vBulletin® Version 3.8.7 Copyright ©2000 - 2012, Jelsoft Enterprises Ltd. Search Engine Friendly URLs by vBSEO 3.5.2 new notificatio by 9adq_ala7sas الحقوق محفوظة لكل المطورين والمواقع العربية Security team المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه التعليقات المنشورة لا تعبر عن رأي معهد مطور ولا نتحمل أي مسؤولية قانونية حيال ذلك ( ويتحمل كاتبها مسؤولية النشر ) روابط ننصح بزيارتها : العاب بنات جديدة \| العاب فلاش جديدة \| العاب فلاش \| استضافة \| تصميم موقع تصميم منتدى \| دعم فني \| مركز تحميل الصور \| مركز تحميل الملفات \| رسائل جوال \| ستايلات \| منتديات \| سكربتات \| هاكات جوجل ادسنس \| نطاقات و دومينات \| تطوير منتديات \| أرشفة المواقع \| وظائف \| توظيف \| برمجة مواقع \| رسائل sms \| حماية المواقع \| فقر الدم
جميع الأوقات بتوقيت GMT +3. الساعة الآن 05:28 AM.	- الأرشيف - الاتصال بنا - معهد مطور - الأعلى

روائع الجي كويري - Booklet jQuery Plugin

تصميم المواقع بتقنية الـ جي كويري jQuery