الملاحظات
ركن مشاكل وحلول واستفسارات لغات البرمجه : خاص بمشاكل وحلول واستفسارات لغات البرمجه , نتمنى ان عدم وضع اي مشكله او طلب او استفسار بركن لغات البرمجه

كيف يتم انشاء اخفاء والاظهار لهذا ؟

Like Tree5معجبون
  • 3 أضيفت بواسطة 3bady
  • 2 أضيفت بواسطة Ahm3d Moham3d
sana3a.com
:: عضـــو::
تاريخ الإنضمام: 27 - 05 - 2012
رقم العضوية : 141015
الدولة : IQ
المشاركات: 106
الإجابات المقدمة: 1
قديمة 12 - 02 - 2014, 11:32
المشاركة 1
نشاط sana3a.com
  • قوة السمعة : 51
  • الإعجاب: 7
    افتراضي كيف يتم انشاء اخفاء والاظهار لهذا ؟ بدون إجابة


    السلام عليكم اقوم بتصميم خبر عاجل في الفوتر

    ولكن اريد ان يكون هناك زر للاغلاق و المشاهدة

    بحاجة لمساعدتكم

    رمز PHP:
    <html>
    <
    head>

    <
    style>


    .
    newsnow 
    height:25px;
    margin-rightauto;
    right0px;
    margin-leftauto;
    positionfixed;
    left0px;
    bottom0px;
    width900px;
    background#990000;
    line-height30px;
    color#fff;
    font-weightbold;
    font-family:droidkufiregular;
    font-size:16px;
    -
    moz-border-radius20px;
    -
    webkit-border-radius20px;
    border-radius20px;
    margin-bottom:1px;
    text-align:center;
    margin-top:-5px;
    }
    .
    newsnow p 
    font-size:15px;
    float:right;
    width:50px;
    margin-top:-5px;
    font-weightbold;
    font-family:droidkufiregular;
    font-size:18px;
    }

    </
    style>


    <
    div class="newsnow">
    <
    p>عاجل</p>
    يعقد الان جنيف 2 

    </div>


    </
    head>
    </
    html
    الْحَمْدُ لِلَّهِ الَّذِي هَدَانَا لِهَذَا وَمَا كُنَّا لِنَهْتَدِيَ لَوْلا أَنْ هَدَانَا اللَّهُ


    استضافة عراقية 100%
    قديمة 12 - 02 - 2014, 12:02
    المشاركة 2
    صورة '3bady' الرمزية
    3bady
    :: عضو نشيط ::
    تاريخ الإنضمام: 23 - 08 - 2009
    رقم العضوية : 70021
    العمر: 31
    المشاركات: 1,824
    الإجابات المقدمة: 24
    افتراضي رد : كيف يتم انشاء اخفاء والاظهار لهذا ؟
    مثال على السريع

    رمز PHP:

    <!DOCTYPE html>
    <
    html>
    <
    head>
      <
    title>Hello!</title>
      <
    META charset="utf-8">
     <
    script type="text/javascript" src="jquery-1.6.2.js"></script> 
      <script>
      $(function ccc(){
    //$('#news').hide();// عند فتح الصفحة يكون مخفي  
    $('#a_show').click(function (){
    $('#news').slideToggle(); // الاظهار والاخفاء 

    });
    });
      </script>
    </head>
    <body>
    <div id='news'>
    بسم الله الرحمن الرحيم
    لا لإله إلا الله 
    الحمد لله 
    لا حول ولا قوة إلا بالله
    </div>
    <a id="a_show" href="#">أضغط هنا</a>
    </body>
    </html> 
    لاتنسى تغير الكود التالي
    رمز PHP:
     <script type="text/javascript" src="jquery-1.6.2.js"></script> 
    برابط مكتبة جكوري

    شرح بسيط

    رمز PHP:
    $('#a_show').click(function (){ 
    اذا تم الضغط على الرابط او الزر او اي شي اهم شيء يكون اسم الايدي الخاص به هو a_show
    يقوم بتنفيذ التالي

    رمز PHP:
    $('#news').slideToggle(); // الاظهار والاخفاء 
    يقوم بتطبيق تأثير الظهور والاخفاء للديف اللي اسم الايدي الخاص به هو news
    وللمزيد من التأثيرات من هنا

    https://api.jquery.com/category/effects/

    ملاحظة : اذا كنت تريد استبدال الايدي بكلاس
    احذف # اللي قبل الكلمة بكود الجافا وستبداه بنقطه .
    مثله مثل css

    بالتوفيق
    Ahm3d Moham3d, sana3a.com و bo3bdo معجبون بهذا .
    استغفر الله العظيم
    التعديل الأخير كان بواسطة 3bady; 12 - 02 - 2014 الساعة 12:19
    قديمة 12 - 02 - 2014, 13:13
    المشاركة 3
    Ahm3d Moham3d
    :: مشرف ::
    :: مشاكل لغات البرمجة ::
    تاريخ الإنضمام: 02 - 03 - 2011
    رقم العضوية : 93553
    الدولة : حماك الله يا مــصــر
    العمر: 27
    المشاركات: 4,311
    • أرسل رسالة بواسطة Skype™ إلى Ahm3d Moham3d
    الإجابات المقدمة: 112
    افتراضي رد : كيف يتم انشاء اخفاء والاظهار لهذا ؟
    عليكم السلام ورحمة الله وبركاته

    ما قصر أخوي 3bady

    مثال علي طلبك
    رمز PHP:
    <html>
    <
    head>
    <
    meta charset='utf-8'>
    <
    style>
    .
    newsnow 
        
    height:25px;
        
    margin-rightauto;
        
    right0px;
        
    margin-leftauto;
        
    positionfixed;
        
    left0px;
        
    bottom0px;
        
    width900px;
        
    background#990000;
        
    line-height30px;
        
    color#fff;
        
    font-weightbold;
        
    font-family:droidkufiregular;
        
    font-size:16px;
        -
    moz-border-radius20px;
        -
    webkit-border-radius20px;
        
    border-radius20px;
        
    margin-bottom:1px;
        
    text-align:center;
        
    margin-top:-5px;
    }

    .
    edit{
        
    width50px;
        
    displaynone;
    }

    .
    newsnow p 
        
    font-size:15px;
        
    float:right;
        
    width:50px;
        
    margin-top:-5px;
        
    font-weightbold;
        
    font-family:droidkufiregular;
        
    font-size:18px;
    }

    p.close{
        
    floatleft;
    }

    .
    close, .show{
        
    cursorpointer;
    }

    </
    style>
    <
    script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
    <script>
        $(function(){
            $(".close").click(function(){
                $(".newsnow").slideUp(function(){
                    $(".edit").slideDown();
                });
            })
            $(".edit").click(function(){
                $(".newsnow").slideDown();
                $(".edit").slideUp();
            })
        })
    </script>
    </head>
    <body>
    <div class="a">aaa</div>
    <div class="newsnow">
    <p>عاجل</p>
    يعقد الان جنيف 2 
    <p class='close'>اخفاء</p>
    </div>
    </body>
    <div class="newsnow edit show">إظهار</div>
    </html> 
    sana3a.com و bo3bdo معجبون بهذا .
    .
    لا إِلَهَ إِلَّا أَنْتَ سُبْحَانَكَ. إِنِّي كُنتُ مِنَ الظَّالِمِينَ

    سكايبي : Ahm3dTraidnt
    اضافة رد
    العلامات المرجعية

    كيف يتم انشاء اخفاء والاظهار لهذا ؟


    طريقة جلب البيانات بواسطة الجافا سكربت طريقة التسجيل بحساب الفيس بوك

    أدوات الموضوع
    طرق العرض



    الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 23:27.
    المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
    فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
    التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)

    جميع الحقوق محفوظة Traidnt 2015
    • 00966138651070
    • 00966138648289
    • 2051033691
    Powered by vBulletin® Version 3.8.7 .Copyright ©2000 - 2018, Jelsoft Enterprises Ltd
    SEO by vBSEO ©2011, Crawlability, Inc.