السلام عليكم و رحمة الله وبركاته ,
هلا إخوان .. أمس وصلنى على البريد دراسة عن web 2 أو الإصدراة الثانية من ويب , طبعاً ما فينا نشرحها أفضل من الإخوان اللى تفضلوا بشرحها و لكن فى ختام الرسالة كان هناك مثال على ما يمكن للمطور فعله باستخدام أحد مكتبات الجافا المتوفرة و هى Scriptaculous
المكتبة يمكن تحميلها من هنا
http://script.aculo.us/downloads
أما عن الدرس :
- الدرس ببساطة يمكنك من عمل فقرة تظهر و تتلاشى عند الضغط على الرابط الخاص بها بتأثير التلاشى أو fading effect .
- تحتاج لعمل ذلك إلى تحميل مكتبة Scriptaculous أعلاه على جهازك
- بعد التحميل قم بفك ضغظ الملف لتحصل على مجلد المكتبة حيث سكون بالشكل الآتى ,
# scriptaculous-js-1.6.1 (مجلد)
*lib (مجلد)
* src (مجلد)
* test (مجلد)
* CHANGELOG (ملف)
* MIT-LICENSE ملف)
* README (ملف)
# قم بإنشاء ملف HTML فارغ خارج مجلد المكتبة و فيه الصق هذا الكود
شاهد التأثير بنفسك !!كود HTML:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <!--- بسم الله الرحمن الرحيم ---> <html style="direction: rtl;" lang="ar"> <head> <meta content="text/html;charset=UTF-8" http-equiv="Content-Type"> <title>كود عمل فقرات بتأثير التلاشى</title> <script type="text/javascript" src="scriptaculous-js-1.6.1/lib/prototype.js"></script> <script type="text/javascript" src="scriptaculous-js-1.6.1/src/scriptaculous.js"></script> <script type="text/javascript" src="scriptaculous-js-1.6.1/src/effects.js"></script> <style type="text/css"> .fadebox { border: 1px solid #ccc; padding: 10px; background: #efefef; } </style> <script type="text/javascript"> fadeBox = function(eleID) { new Effect.toggle(eleID,'appear'); } </script> <meta content="Bravenet.com - ترجمة محمد عباس" name="author"> </head> <body style="direction: rtl;"> <p>اضغط على الكلمة ليعرض لك ما تعنيه</p> <p>اضغط مرة اخرى لتختفى الفقرة</p> <p> - <a href="#" onclick="fadeBox('fadebox1');">موزيلا فايرفوكس</a><br> - <a href="#" onclick="fadeBox('fadebox2');">Web 2.0</a><br> </p> <div id="fadebox1" class="fadebox">لقد حاز فايرفوكس على إعجاب العديد من متصفحى الإنترنت، و احتل مكانة متميزة جداً بين مستخدمي الشبكة العالمية، و أصبح ينافس متصفح إنترنت إكسبلورر المدمج في نظام تشغيل مايكروسوفت ويندوز و متصفح سفاري المدمج في نظام تشغيل ماك و ذلك لأسباب عديدة منها:- <br> <br> موزيلا فايرفوكس (عرف سابقا بـ فينيكس ثم فايربيرد) هو متصفح ويب مفتوح المصدر و مجاني، يتم تطويره من قبل مؤسسة موزيلا. تهدف مؤسسة موزيلا بفايرفوكس الى تطوير متصفح سريع، صغير، قابل للتوسيع، منفصل عن طقم موزيلا. اصبح المتصفح فايرفوكس المشروع الرئيسي بالنسبة لمؤسسة موزيلا، و سيكون المتصفح الافتراضي عندما يصبح جاهزا. </div> <div id="fadebox2" class="fadebox" style="display: none;">The term Web 2.0 refers to a second generation of services available on the World Wide Web that lets people collaborate and share information online. In contrast to the first generation, Web 2.0 gives users an experience closer to desktop applications than the traditional static Web pages. Web 2.0 applications often use a combination of techniques devised in the late 1990s, including public web service APIs (dating from 1998), Ajax (1998), and web syndication (1997). They often allow for mass participation (web-based social software). The concept may include blogs and wikis. O'Reilly Media and MediaLive International popularized the term as the name for a series of web development conferences that started in October 2004. CMP Media, which purchased MediaLive, claims the term as a service mark for live events, reserving exclusive use of the term for its own conferences. Some members of the development community see Web 2.0 as an overly vague buzzword, incorporating whatever is newly popular on the Web (such as tags and podcasts), without having any fixed meaning. </div> </body> </html>
المكتبة و المثال بالمرفقات ,
سلامى
رد مع اقتباس
وان شاء الله نتفاعل معاها 