النتائج 1 إلى 6 من 6

الموضوع: درس وصلنى على البريد -- من توابع ويب 2 !!

  1. #1
    عضو نشيط جدا
    تاريخ التسجيل
    Jun 2006
    المشاركات
    318

    درس وصلنى على البريد -- من توابع ويب 2 !!



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

    هلا إخوان .. أمس وصلنى على البريد دراسة عن 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>
    شاهد التأثير بنفسك !!

    المكتبة و المثال بالمرفقات ,
    سلامى





    الملفات المرفقة الملفات المرفقة
    __________________
    لاَ اِلَهَ اِلاَّ اَنْتَ سُبْحَانَكَ اِنِّي كُنْتُ مِنَ الظَّالِمِينَ


  2. #2
    عضو نشيط
    تاريخ التسجيل
    May 2006
    المشاركات
    213


    بارك الله فيك

    تحياتي لك








  3. مشكور اخي الكريم


    درس جميل وممتاز

    بالتوفيق انشاء الله





    __________________
    ownersınnı
    ALdiraZi BLoOoG | Contact Me | lt.tl - shorten your URL

  4. #4
    عضو نشيط جدا
    تاريخ التسجيل
    Jun 2006
    المشاركات
    318


    عفواً يا إخوان ,

    و هذا هو رابط مثال للكود و لكن بالإنجليزية من غير تعديلات اللغة العربية , نتمنى نسمع رأى المطورين .
    http://www.bravenet.com/newsletters/...s/fadebox.html

    مع احترامى





    التعديل الأخير تم بواسطة محمد عباس ; 28-07-2006 الساعة 01:33 AM سبب آخر: تعديل الروابط
    __________________
    لاَ اِلَهَ اِلاَّ اَنْتَ سُبْحَانَكَ اِنِّي كُنْتُ مِنَ الظَّالِمِينَ



  5. اخوي محمد جزاك الله الف خير ما قصرت






  6. #6
    عضو سوبر نشيط
    تاريخ التسجيل
    Jun 2005
    المشاركات
    956


    تسلم والله يااستاذ محمد

    :nice:

    كنت أحتاجها ولكن بشكل أخر وان شاء الله نتفاعل معاها

    تحياتى





    __________________
    Ramy AlNemr
    Another look for creativity
    Change your life
    965/55905925-50624462
    waiak@msn.com





ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

أضف موقعك هنا|شقق للايجار في الكويت | بيوت للبيع في الكويت | شركة كشف تسربات المياه | شركة عزل اسطح بالرياض | عزل فوم بالرياض| عزل اسطح بالرياض | كشف تسربات المياة بالرياض | شركة عزل اسطح بالرياض