الملاحظات
ركن مشاكل أكواد التصميم : كل ما تواجهه من مشاكل أثناء تكويد وتركيب التصميم

فزعه يا أهل الجافا

Like Tree3معجبون
  • 1 أضيفت بواسطة shqawe
  • 1 أضيفت بواسطة ClassName
  • 1 أضيفت بواسطة casper
صورة 'casper' الرمزية
casper
:: عضو فعال ::
تاريخ الإنضمام: 25 - 10 - 2005
رقم العضوية : 10847
الدولة : السعودية
المشاركات: 141
الإجابات المقدمة: 5
قديمة 07 - 10 - 2017, 21:43
المشاركة 1
نشاط casper
  • قوة السمعة : 76
  • الإعجاب: 28
    افتراضي فزعه يا أهل الجافا تمت الإجابة


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

    بدون ما اطول عليكم عندي كود جاكوري ومتوهق كيف أضبط الأكشن تبعه مع انه كود صغير .


    الكود شغله مناسبني 100% ماعدى حاجه وحده بس .... وهي لما أضغط الرابط تفتح القائمة تمام ولكن ما تقفل من حالها لما اضغط خارج القائمة , وحتى ان فتحت قائمة ثانية بجنبها تضل السابقه مفتوحه تحت بعضهم .... لازم اضغط نفس الرابط عشان تقفل .

    رمز PHP:
    <!DOCTYPE html>
    <
    html>
    <
    head>
    <
    script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script> 
    $(document).ready(function(){
        $("#flip").click(function(){
            $("#panel").slideToggle("slow");
        });
    });
    </script>

    <style> 
    #panel, #flip {
        padding: 5px;
        text-align: center;
        background-color: #e5eecc;
        border: solid 1px #c3c3c3;
    }

    #panel {
        padding: 50px;
        display: none;
    }
    </style>
    </head>
    <body>
     
    <div id="flip">Click to slide the panel down or up</div>
    <div id="panel">Hello world!</div>

    </body>
    </html> 

    رابط الصفحة اللي فيها الكود للمعاينة أضغط على الكلام الموجود وتفهم قصدي .

    http://casper.hyperphp.com/sw.php

    وهذا رابط الكود الأصلي في موقعه

    https://www.w3schools.com/jquery/try...y_slide_toggle


    أدري انها شغله ما تصعب عليكم وفي الخير والبركه .

    ملف الكود مرفق

    دمتم
    الملفات المرفقة
    نوع الملف : zip sw.zip (805 بايت, عدد مرات المشاهدة 3 مرة)
    التعديل الأخير كان بواسطة casper; 07 - 10 - 2017 الساعة 22:00
    أفضل إجابه - أضيفت بواسطة ClassName
    تسلم الله يحفظك
    تفضل
    رمز PHP:
    <!DOCTYPE html>
    <
    html lang="en">

    <
    head>
    <
    meta charset="UTF-8">
    <
    script src="http://casper.hyperphp.com/fz/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
      /*--------*/
        $(".butn").click(function(){
          var panel = $(this).attr('id');
            $('#'+panel+'_panel').slideToggle("slow").siblings('div').slideUp("slow");
        });
        $('html').click(function(event) {$('.panel').slideUp();});
        $('.butn, .panel').click(function(event){ event.stopPropagation();});
        /*--------*/
    });

    </script>

    <style>
    .butn, .panel {
        padding: 5px;
        text-align: center;
        background-color: #e5eecc;
        border: solid 1px #c3c3c3;
    }
    .panel {
        padding: 50px;
        display: none;
    }
    </style>
    </head>
    <body>

    <table border="0" width="100%">
        <tr>
            <td><div class="butn" id="flip">00000000</div> </td>
            <td><div class="butn" id="flip1">111111111</div> </td>
            <td><div class="butn" id="flip2">2222222222</div> </td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </table>


    <div class="panel-container">
    <div class="panel" id="flip_panel">Hello world!</div>
    <div class="panel" id="flip1_panel">111111111111</div>
    <div class="panel" id="flip2_panel">222222222222</div>
    </div>
    <!-- //panel-container -->


    <table border="1" width="100%">
        <tr>
            <td align="center"><span lang="ar-sa">هيئة الترفيه والأقتصاد الوطني</span></td>
            <td align="center"><span lang="ar-sa">المملكة العربية السعودية</span></td>
            <td align="center"><span lang="ar-sa">بسم الله الرحمن الرحيم</span></td>
        </tr>
    </table>

    </body>
    </html> 
    قديمة 11 - 10 - 2017, 07:21
    المشاركة 2
    صورة 'shqawe' الرمزية
    shqawe
    :: عضو نشيط ::
    تاريخ الإنضمام: 01 - 12 - 2005
    رقم العضوية : 13187
    المشاركات: 3,135
    الإجابات المقدمة: 22
    افتراضي رد : فزعه يا أهل الجافا
    وعليكم السلام ورحمة الله وبركاته

    جرب يالغالي الكود هذا ورد لنا

    رمز Code:
    $(document).ready(function(){
    $("#flip1").click(function(){
    $("#panel1").slideToggle("slow");
    
        }).blur(function(){
    $("#panel").slideUp('slow');
        });
    });
    
    casper معجب بهذا.
    اللهم الطف بحالنا
    ولا تؤاخذنا بما فعل السفهاء منا
    سبحان الله وبحمده ... سبحان الله العظيم
    قدم المعلومة لله ولا تنتظر الشكر من احد
    Skype: shqawe
    قديمة 12 - 10 - 2017, 16:12
    المشاركة 3
    صورة 'casper' الرمزية
    casper
    :: عضو فعال ::
    تاريخ الإنضمام: 25 - 10 - 2005
    رقم العضوية : 10847
    الدولة : السعودية
    المشاركات: 141
    الإجابات المقدمة: 5
    افتراضي رد : فزعه يا أهل الجافا
    شكرا لك اخوي shqawe

    بس ما نفع معاي هذا التغيير .

    للحين ابحث عن طريقه ولقيت أكواد css ولكن ماتأدي نفس الطريقة .
    https://bootsnipp.com/snippets/featu...trap-mega-menu

    شاكر خدمتك لي

    دمت.
    قديمة 01 - 11 - 2017, 02:42
    المشاركة 4
    صورة 'ClassName' الرمزية
    ClassName
    :: عضـــو::
    تاريخ الإنضمام: 30 - 10 - 2016
    رقم العضوية : 363012
    المشاركات: 91
    الإجابات المقدمة: 14
    افتراضي رد : فزعه يا أهل الجافا
    رمز PHP:
    <!DOCTYPE html>
    <
    html>
    <
    head>
    <
    script src="http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
        $("#flip").click(function(){
            $("#panel").slideToggle("slow");
        });
        $('html').click(function(event) {$('#panel').slideUp();});
        $('#panel,#flip').click(function(event){ event.stopPropagation();});
    });
    </script>

    <style>
    #panel, #flip {
        padding: 5px;
        text-align: center;
        background-color: #e5eecc;
        border: solid 1px #c3c3c3;
    }

    #panel {
        padding: 50px;
        display: none;
    }
    </style>
    </head>
    <body> 

    <div id="flip">Click to slide the panel down or up</div>
    <div id="panel">Hello world!</div>



    </body>
    </html> 
    @casper
    casper معجب بهذا.
    اسم الشركة : موقع شخصي
    خدمات الشركة : تصميم الويب
    هاتف الشركة : 00201003102837
    بريد الشركة : [email protected]
    رابط الشركة : http://joker4.net
    قديمة 01 - 11 - 2017, 15:23
    المشاركة 5
    صورة 'casper' الرمزية
    casper
    :: عضو فعال ::
    تاريخ الإنضمام: 25 - 10 - 2005
    رقم العضوية : 10847
    الدولة : السعودية
    المشاركات: 141
    الإجابات المقدمة: 5
    افتراضي رد : فزعه يا أهل الجافا
    بارك الله في اخوي ClassName

    مشاءالله عليك .

    مازال طلبي نافقص رغم ما قمت فيه أنت من تعديل .

    الحين صحيح لما أطق خارج القائمة تقفل النفذة أو النوافذ المفتوحة كلها 100% , ولكن لما أفتح نافذه مثلاً رقم 1 تفتح ولما أطق على رقم 2 ماتقفل الأولى وتفتح الثانيه فقط !! بل يفتحون تحت بعضهم ( هنا المربط ) .

    وطلبي ابي اي نافذه مفتوحه تقفل بمجرد الضغط خارج القائمة أو داخلها أو لما افتح غيرها .

    هذا اللي عملته انت رفعته على النت للمعاينة

    http://casper.hyperphp.com/fz/

    بالتوفيق لك يارب
    ClassName معجب بهذا.
    قديمة 01 - 11 - 2017, 19:02
    المشاركة 6
    صورة 'ClassName' الرمزية
    ClassName
    :: عضـــو::
    تاريخ الإنضمام: 30 - 10 - 2016
    رقم العضوية : 363012
    المشاركات: 91
    الإجابات المقدمة: 14
    افتراضي رد : فزعه يا أهل الجافا
    تسلم الله يحفظك
    تفضل
    رمز PHP:
    <!DOCTYPE html>
    <
    html lang="en">

    <
    head>
    <
    meta charset="UTF-8">
    <
    script src="http://casper.hyperphp.com/fz/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
      /*--------*/
        $(".butn").click(function(){
          var panel = $(this).attr('id');
            $('#'+panel+'_panel').slideToggle("slow").siblings('div').slideUp("slow");
        });
        $('html').click(function(event) {$('.panel').slideUp();});
        $('.butn, .panel').click(function(event){ event.stopPropagation();});
        /*--------*/
    });

    </script>

    <style>
    .butn, .panel {
        padding: 5px;
        text-align: center;
        background-color: #e5eecc;
        border: solid 1px #c3c3c3;
    }
    .panel {
        padding: 50px;
        display: none;
    }
    </style>
    </head>
    <body>

    <table border="0" width="100%">
        <tr>
            <td><div class="butn" id="flip">00000000</div> </td>
            <td><div class="butn" id="flip1">111111111</div> </td>
            <td><div class="butn" id="flip2">2222222222</div> </td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </table>


    <div class="panel-container">
    <div class="panel" id="flip_panel">Hello world!</div>
    <div class="panel" id="flip1_panel">111111111111</div>
    <div class="panel" id="flip2_panel">222222222222</div>
    </div>
    <!-- //panel-container -->


    <table border="1" width="100%">
        <tr>
            <td align="center"><span lang="ar-sa">هيئة الترفيه والأقتصاد الوطني</span></td>
            <td align="center"><span lang="ar-sa">المملكة العربية السعودية</span></td>
            <td align="center"><span lang="ar-sa">بسم الله الرحمن الرحيم</span></td>
        </tr>
    </table>

    </body>
    </html> 
    اسم الشركة : موقع شخصي
    خدمات الشركة : تصميم الويب
    هاتف الشركة : 00201003102837
    بريد الشركة : [email protected]
    رابط الشركة : http://joker4.net
    قديمة 01 - 11 - 2017, 20:39
    المشاركة 7
    صورة 'casper' الرمزية
    casper
    :: عضو فعال ::
    تاريخ الإنضمام: 25 - 10 - 2005
    رقم العضوية : 10847
    الدولة : السعودية
    المشاركات: 141
    الإجابات المقدمة: 5
    افتراضي رد : فزعه يا أهل الجافا
    مشاءالله تبارك الله ........... الله لايضرك بشر

    أحسنت اخوي وهذا فعلاً اللي في بالي ومحتاجه فعلاً .

    بيض الله وجهك ورحم الله والديك .

    لاتستغرب من الدعاء لك بكثره لأننا هنا نتقدم الخدمات للغير وما ننتظر منهم الا الدعوات الصالحه .

    واي خدمه أقدر اقدمها لك أنا حاظر .

    أتمنى لك التوفيق
    قديمة 02 - 11 - 2017, 00:22
    المشاركة 8
    صورة 'ClassName' الرمزية
    ClassName
    :: عضـــو::
    تاريخ الإنضمام: 30 - 10 - 2016
    رقم العضوية : 363012
    المشاركات: 91
    الإجابات المقدمة: 14
    افتراضي رد : فزعه يا أهل الجافا
    شكراً لك يا اخي الله يحفظك ويرزقك
    اسم الشركة : موقع شخصي
    خدمات الشركة : تصميم الويب
    هاتف الشركة : 00201003102837
    بريد الشركة : [email protected]
    رابط الشركة : http://joker4.net
    مغلق
    العلامات المرجعية

    فزعه يا أهل الجافا


    مشكله مع قالب headinclude تعديل عليه مشكله في تصميم متجر الرجاء المساعده

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



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

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