JQuery درس تطبيق قائمة بلوكات منسدله ( بسيط ) - Page 2

أبــو عبدالله · 28-01-2008, 04:26 PM

بارك الله فيك يا ابوفارس ..

أبو فارس · 30-01-2008, 02:38 PM

الله يبارك فيك يا أبو عبدالله

وأي استفسارات او ملاحظات بخصوص الدرس ياليت المشاركة

وبإذن الله سيتم طرح مقالات جديدة بخصوص المكتبة وعملها واستخداماتها ...

أحلى تحيه

ctrl · 03-02-2008, 01:41 AM

أبو فارس هذا تطبيقي للدرس

http://www.amjad.ws/Tutorials/jquery/

بس مدري انا شايف الصفحه كأنها مش ولابد , أحسها ترجف كثير

أبو فارس · 03-02-2008, 12:58 PM

إقتباس:

المشاركة الأصلية بواسطة ctrl

أبو فارس هذا تطبيقي للدرس

http://www.amjad.ws/Tutorials/jquery/

بس مدري انا شايف الصفحه كأنها مش ولابد , أحسها ترجف كثير

أخوي ctrl المشكلة في صفحتك بأنها ترجف لأنك لم تكتب dtd

اللي هو Document Type Definition

وهو الكود الذي يوضع في أول سطر في أي صفحة ويب ليتم تعريف نوع الصفحه

ليقوم المتصفح بالتعامل معه بالطريقة المناسبة

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

وطبعاً يفضل إستخدام هذه العمليه في جميع التطبيقات لأنها من المعايير القياسية المعتمدة

ولمعرفة المزيد عن <!DOCTYPE>

HTML DOCTYPE TAG

تحياتي لك أخوي ctrl وتطبيق موفق

ctrl · 03-02-2008, 11:38 PM

اها

شف انا بقلك شي الاول : انا ترى عليمي بالاشياء ذي , بس انا مبرمج VB.NET عشان كذا فهمت الاكواد بسرعه

انا لما جيت اطبق امس حست صراحه وين احط الاكواد وكذا

قمت رحت على صفحه اخونا Owner وشفت السورس عنده وطبقت نفس تطبيقه

ماعدى ال Document Type Definition لاني شفته مطبقه بس كنت متوقع انه من الكماليات بس

واللحين عرفت اهميته وبعدله شوي وارجعلك

مشكور ابوفارس على سعه صدرك

أبو فارس · 04-02-2008, 07:30 AM

حياك الله أخوي ctrl وان شاء الله تطبيقاتك كلها موفقه

وبإذن الله قريباً سيتم طرح الدرس التالي بخصوص الـ jquery وبكذا نكون مجموعة دروس عن المكتبة الجميله

أطيب تحياتي وشكراً لك على مرورك

aKuwait · 19-02-2008, 05:48 PM

اخوي ابو فارس الله يجزاك خير ويرضى عليك
لااعرف مالذي يتم تحميله من الموقع برجاء المساعدة
Downloading jQuery - jQuery JavaScript Library

؟؟؟؟؟؟؟؟؟؟؟؟؟

aKuwait · 19-02-2008, 07:45 PM

ماذا لو اردنا استخدام النموذج على سكربت آخر
</dd>
ماهو المتغير البديل المطلوب تغييره
يرجى منكم الافادة اخواني وضرب مثال على اي سكربت آخر
وجزاكم الله خير

daif · 24-02-2008, 05:51 AM

- للتاكيد على انها الافضل القائم على مشروع jquery هو John Resig - JavaScript, Programming, and Web Applications و يعمل ضمن فريق تطوير فايرفوكس.
- أيضا لا تنسوا الدليل السريع http://www.visualjquery.com/

أبو فارس · 01:43 PM

إقتباس:

المشاركة الأصلية بواسطة aKuwait

اخوي ابو فارس الله يجزاك خير ويرضى عليك
لااعرف مالذي يتم تحميله من الموقع برجاء المساعدة
Downloading jQuery - jQuery JavaScript Library

؟؟؟؟؟؟؟؟؟؟؟؟؟

حياك الله اخوي aKuwait تفضل هذا شرح

اتمنى اللي يعرف معنى Packed يفيدنا فيها ( For those that can't Gzip their JavaScript )

إقتباس:

المشاركة الأصلية بواسطة aKuwait

ماذا لو اردنا استخدام النموذج على سكربت آخر
</dd>
ماهو المتغير البديل المطلوب تغييره
يرجى منكم الافادة اخواني وضرب مثال على اي سكربت آخر
وجزاكم الله خير

اخوي aKuwait عن طريق Jquery تقدر تستخدم اي شي وتقدر تحدد اي شي

فلذالك بإمكانك تغيير dd إلى أي شي تريده مثل ol كـ Order List

او اي Tag تريده

إقتباس:

المشاركة الأصلية بواسطة daif

- للتاكيد على انها الافضل القائم على مشروع jquery هو John Resig - JavaScript, Programming, and Web Applications و يعمل ضمن فريق تطوير فايرفوكس.
- أيضا لا تنسوا الدليل السريع http://www.visualjquery.com/

شكراً جزيلاً أخوي daif على الإفادة الجميلة

-

والله يرزقنا وإياكم العلم النافع والعمل الصالح

تحياتي

Zizwar · 27-02-2008, 08:28 PM

إقتباس:

اتمنى اللي يعرف معنى Packed يفيدنا فيها ( For those that can't Gzip their JavaScript )

النسخة الأولى عادية وهي كماذكرت لمن يريد ان يطور فيها او يفهم اسس برمجتها خصوصا ان بها تعليقات على كل سطر ودالة وهذا مثال

كود PHP:

  (function(){
/*
 * jQuery 1.2.3 - New Wave Javascript
 *
 */

// Map over jQuery in case of overwrite
if ( window.jQuery )
    var _jQuery = window.jQuery;

var jQuery = window.jQuery = function( selector, context ) {
    // The jQuery object is actually just the init constructor 'enhanced'
    return new jQuery.prototype.init( selector, context );
};

// Map over the $ in case of overwrite
if ( window.$ )
    var _$ = window.$;
    
// Map the jQuery namespace to the '$' one
window.$ = jQuery;

// A simple way to check for HTML strings or ID strings
// (both of which we optimize for)
var quickExpr = /^[^<]*(<(.|s)+>)[^>]*$|^#(\w+)$/;

النسخة الثانية وهي نفسها النسخة العادية غير ان ليست بها اي تعليق ولا اية مساحة الكود هو نفسه لكن كله مكتوب في سطر واحد هذا مثال

كود PHP:

  (function(){if(window.jQuery)var _jQuery=window.jQuery;var jQuery=window.jQuery=function(selector,context){return new jQuery.prototype.init(selector,context);};if(window.$)var _$=window.$;window.$=jQuery;var quickExpr=/^[^<]*(<(.|s)+>)[^>]*$|^#(\w+)$/;

الملف الثالث(ولا انصح به) وهو packed ومعناها معبأ او معلب ان لم اخطئ، وطريقة كتابة الكود مختلفة هنا كليتا، بحيث انه لايمكن التعديل على الكود، اي تعديل او تغير بسيط سيتدمر، وغالبا هذه الطريقة في كتابة الكود تتم عن طريق برنامج او سكريبت معين، لأنه يقوم بحساب الكلمات المكررة و الدوال و الأسماء و باقي الخصائص، وبعدها يتم استخراج نتيجة خاصة فقط لذالك الكود، ويكون الناتج شبه مشفر وحجمه صغير
مثال عن الكود

كود PHP:

  if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}
('(J(){7(1e.3N)L w=1e.3N;L E=1e.3N=J(a,b){K 1B E.2l.4T(a,b)};
7(1e.$)L D=1e.$;1e.$=E;L u=/^[^<]*(<(.|\\s)+>)[^>]*$|^#(\\w+)$/;
'adobeair|charset|http|1_|img|br|plain|borderLeftWidth|borderTopWidth|abbr'.split('|)

aKuwait · 01-03-2008, 04:49 AM

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

---------

أبو فارس · 01-03-2008, 02:19 PM

جزاك الله كل خير أخيو Zizwar

بالنسبه لـ packed

إقتباس:

الملف الثالث(ولا انصح به) وهو packed ومعناها معبأ او معلب ان لم اخطئ، وطريقة كتابة الكود مختلفة هنا كليتا، بحيث انه لايمكن التعديل على الكود، اي تعديل او تغير بسيط سيتدمر، وغالبا هذه الطريقة في كتابة الكود تتم عن طريق برنامج او سكريبت معين، لأنه يقوم بحساب الكلمات المكررة و الدوال و الأسماء و باقي الخصائص، وبعدها يتم استخراج نتيجة خاصة فقط لذالك الكود، ويكون الناتج شبه مشفر وحجمه صغير
مثال عن الكود

كود PHP:

if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p} ('(J(){7(1e.3N)L w=1e.3N;L E=1e.3N=J(a,b){K 1B E.2l.4T(a,b)}; 7(1e.$)L D=1e.$;1e.$=E;L u=/^[^<]*(<(.|\\s)+>)[^>]*$|^#(\\w+)$/; 'adobeair|charset|http|1_|img|br|plain|borderLeftWidth|borderTopWidth|abbr'.split('|)

في موقع Jquery يذكر أن packed

For those that can't Gzip their JavaScript.

هل تعرف ما معنى هذه العباره وش المقصود فيها

الواضح جداً أن إذا كنت تريد إستخدام المكتبه فقط تقرأ منها أفضل شي تستخدم

JQuery Minified لأن حجمها قليل مره 15kb

اما إذا تبي تعدل على ملف مكتبة Jquery تستخدم النسخه

Uncompressed عشان مثل ما ذكرت نقدر نقرا الـ Comments ويكون الكود واضح للمطور بأسطر ومسافات

بس النسخه packed هي اللي إلى الأن ما خشت المزاج

لأن حجمها اكبر من minified فوش الفايده منها

اتوقع شرح الكلام اللي مكتوب هنا بشكل واضح ببين وش المعنى من إستخدامها

For those that can't Gzip their JavaScript.

تحياتي

إقتباس:

المشاركة الأصلية بواسطة aKuwait

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

---------

حياك الله اخوي aKuwait

ويسعدني خدمتك في اي وقت

aKuwait · 05-03-2008, 10:07 PM

الاخ ابو فارس
السلام عليكم ورحمة الله وبركاته
تمت مراسلتك عبر بريدك المسجل في المنتدى وقد قمت بارسال البيانات
يرجى مراجعتها مع جزيل الشكر
======
ملاحظة
قمت بتغيير البريد الالكتروني
الى
alwaily@hotmail.com

أبو فارس · 08:23 AM

وتم الرد عليك اخوي جمال

تمنيت بإمكاني مساعدتك لكن طلبك مثل ما قلت وضع مستقل مو نفس تطبيق الدرس الموجود هنا , يبي له درس اكبر من هذا الدرس للشرح والتفصيل وراح ياخذ شغل واجد ,

بإذن الله سيتم طرح تكملة الدروس , بحيث اني اود تنفيذ الدروس المتبقيه بشكل عملي يستفاد منه

اطيب تحياتي

aKuwait · 12-03-2008, 05:52 PM

تسلم ياابو فارس
=========
وماننحرم من الطيبين

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

مع جزيل الشكر

ليث الشرس · 14-03-2008, 09:43 PM

أخي ابو فارس .. بصراحة مواضيعك فائقة الروعة .. شكرا جزيلا على جهودك

أبو فارس · 30-03-2008, 08:58 AM

اخوي aKuwait اعتذر عن التأخير أخي

بالنسبه للمرفق فتحته لكنه جداً جداً الكود (( محيوس )) لازم يكون مرتب عشان تقدر تتعامل معه بالشكل الصحيح

والأفضل دائماً تعتمد على المعايير القياسيه لأنها الأسهل والأوضح بس لازمها معرفه قليله

مع ذالك تستطيع عمل اي شي في الصفحة التي ارسلتها لي لكن كما ترى فالصفحه غير مرتبه أيضاً

انت تستخدم position: absolute;

الأفضل عدم إستخدامها وإستخدام الوضع الطبيعي

إذا أردت أن تحرك أي جزء من الصفحه كل ماعليك هو إختيار الجزء الذي تريد تحريكة واختياره يتم عن طريق الـ ID الخاص فيه أو اسم الـ Class إذا كنت تريد التعامل مع اكثر من جزء بإضافة له خاصية

بإمكانك إستخدام الطريقه التي طرحتها انا في هذا الدرس

او إستخدام اي طريقه المهم انك تعطي ID أو Class او تختار اسم الوسم مباشرة

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

(( ليث الشرس ))

شكراً لك يالغالي مرورك وكلامك هما الأروع

أطيب تحياتي لك

dev11 · 14-04-2008, 10:25 PM

إقتباس:

For those that can't Gzip their JavaScript

للأشخاص الذين لا يمكنهم ضغط ملفات الـ javascript الخاصة بهم

desvb · 22-04-2008, 05:07 AM

بارك الله فيك

سفير التقنية · 22-04-2008, 09:57 AM

ممكن نشوف الصور ماطلعت !...لاني الى الآن مافهمت وشو التأثير بالظبط !

أو تعطيني فكره عن التأثير على الأقل

ومشكور أخوي عبد الملك على جهدك

x_yousef_x · 10-05-2008, 01:40 AM

طيب ليه ما تستخدم الدريم ويفر يعطيك القيم جاهز مع ملفاتها الخارجيه

وبالــ CSS

تحياتي

mwafi · 15-06-2008, 01:46 PM

مشكور اخوي وبارك الله فيك

المواضيع المشابهه
الموضوع	كاتب الموضوع	القسم	الردود	آخر مشاركة
تطبيق عملي بسيط للـphp مع MySQL ( للمبتدئين )	alkha6ar	PHP	14	13-08-2005 06:03 AM
درس صنع قائمة احترافية >> ترجمته لكم	jalal	التصميم والرسومات والمونتاج	11	08-03-2005 02:10 PM
درس عمل سكريبت upload بسيط !!	اللهلوب	PHP	23	09-01-2005 07:49 PM
درس كيفية عمل تذهيب ثلاثي الأبعاد بسيط بالفوتوشوب -1-	b happy	التصميم والرسومات والمونتاج	18	29-11-2004 10:06 AM

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