نمایش نتایج: از شماره 1 تا 8 , از مجموع 8

موضوع: درخواست کد دکمه چکباکس

  1. #1
    عضو انجمن bloodthirstyb آواتار ها
    تاریخ عضویت
    Mar 2014
    نوشته ها
    117
    تشکر تشکر کرده 
    49
    تشکر تشکر شده 
    17
    تشکر شده در
    15 پست

    پیش فرض درخواست کد دکمه چکباکس

    با سلام
    من کد یک دکمه چکباکس رو میخوام که وقتی فعال باشه برای کلاس سی اس اس noimage مقدار display:none; قرار بده .
    و البته به صورت ایجکس انجام بشه و نیازی به رفرش کردن صفحه نباشه...
    ممنون از شما

  2. # ADS




     

  3. #2
    عضو دائم T.Toosi آواتار ها
    تاریخ عضویت
    Jun 2015
    نوشته ها
    1,071
    تشکر تشکر کرده 
    278
    تشکر تشکر شده 
    2,936
    تشکر شده در
    1,329 پست

    پیش فرض پاسخ : درخواست کد دکمه چکباکس

    کد:
    <input id="cx" type="checkbox" />
    <script>
    $('#cx').on('change', function () {
        if ($(this).is(":checked")) {
            $(".noimage").hide();
        } else {
           $(".noimage").show();
        }
    });
    </script>

  4. تعداد تشکر ها از T.Toosi به دلیل پست مفید


  5. #3
    عضو انجمن bloodthirstyb آواتار ها
    تاریخ عضویت
    Mar 2014
    نوشته ها
    117
    تشکر تشکر کرده 
    49
    تشکر تشکر شده 
    17
    تشکر شده در
    15 پست

    پیش فرض پاسخ : درخواست کد دکمه چکباکس

    ممنون..کار کرد

    - - - Updated - - -

    ولی یه مشکلی هست
    من از این قابلیت میخوام برای اضافه کردن دکمه نمایش آگهی های عکس دار به سایتم استفاده کنم.
    سایت من با اسکرول شدن به صورت ایجکس اگهی ها رو نمایش میده.
    حالا مشکل اینه که این که دکمه فقط برای آگهی های صفحه اول عمل میکنه...یعنی وقتی صفحه رو اسکرول میکنیم و آگهی های بیشتری به صورت ایجکس نمایش داده میشن این دکمه روی اون اگهی ها عکل نمیکنه.
    خودتون میتونید ببینید از اینجا :
    http://cloobi.ir/index.php?page=search

  6. #4
    عضو دائم T.Toosi آواتار ها
    تاریخ عضویت
    Jun 2015
    نوشته ها
    1,071
    تشکر تشکر کرده 
    278
    تشکر تشکر شده 
    2,936
    تشکر شده در
    1,329 پست

    پیش فرض پاسخ : درخواست کد دکمه چکباکس

    کد:
    $('#cx').on('change', function () {
        if ($(this).is(":checked")) {
            $(".noimage").hide();
        } else {
           $(".noimage").show();
        }
    });
    
    
    $(window).on('scroll', function() {
        if($("#cx").is(':checked')) {
            $(".noimage").hide();
        } else {
            $(".noimage").show();
        }
    });

  7. تعداد تشکر ها از T.Toosi به دلیل پست مفید


  8. #5
    عضو انجمن mojtaba05 آواتار ها
    تاریخ عضویت
    Apr 2015
    نوشته ها
    200
    تشکر تشکر کرده 
    120
    تشکر تشکر شده 
    164
    تشکر شده در
    140 پست

    پیش فرض پاسخ : درخواست کد دکمه چکباکس

    سلام
    اگر ترتیب قرارگیری اچ تی ام ال تون به شکلی هست که اول چک باکس هست و بعد عنصر هدف، این کار رو با سی اس اس می تونید انجام بدید، مثال:


    کد HTML:
    <input type="checkbox">
    <div>div</div>
    <p>p</p>
    کد:
    input:checked + div {
        display: none;
    }
    input:checked ~ p {
        display: none;
    }
    https://jsfiddle.net/sabeti05/evmywykk/

  9. تعداد تشکر ها از mojtaba05 به دلیل پست مفید


  10. #6
    عضو انجمن bloodthirstyb آواتار ها
    تاریخ عضویت
    Mar 2014
    نوشته ها
    117
    تشکر تشکر کرده 
    49
    تشکر تشکر شده 
    17
    تشکر شده در
    15 پست

    پیش فرض پاسخ : درخواست کد دکمه چکباکس

    نقل قول نوشته اصلی توسط T.Toosi نمایش پست ها
    کد:
    $('#cx').on('change', function () {
        if ($(this).is(":checked")) {
            $(".noimage").hide();
        } else {
           $(".noimage").show();
        }
    });
    
    
    $(window).on('scroll', function() {
        if($("#cx").is(':checked')) {
            $(".noimage").hide();
        } else {
            $(".noimage").show();
        }
    });
    خیلی ممنون از شما ...کدتون کار کرد
    ولی یه ایرادی داره.
    ایرادش اینه که وقتی اسکرول انجام میشه توی مرحله اول که اگهی های جدید لود میشه کد کار نمیکنه و باید یه اسکرول دیگه انجام بشه تا کار کنه.
    برای این راهی به ذهنتون نمیرسه؟

    - - - Updated - - -

    نقل قول نوشته اصلی توسط mojtaba05 نمایش پست ها
    سلام
    اگر ترتیب قرارگیری اچ تی ام ال تون به شکلی هست که اول چک باکس هست و بعد عنصر هدف، این کار رو با سی اس اس می تونید انجام بدید، مثال:


    کد HTML:
    <input type="checkbox">
    <div>div</div>
    <p>p</p>
    کد:
    input:checked + div {
        display: none;
    }
    input:checked ~ p {
        display: none;
    }
    https://jsfiddle.net/sabeti05/evmywykk/
    ممنون از شما
    ولی کد من دقیقه پشت سر هم نیست و باید با کلاس تعریف بشن.
    یعنی هم برای دکمه باید کلاس تعریف کرد و هم عنصر...
    برای این مورد من باید چیکار کنم؟

  11. #7
    عضو انجمن bloodthirstyb آواتار ها
    تاریخ عضویت
    Mar 2014
    نوشته ها
    117
    تشکر تشکر کرده 
    49
    تشکر تشکر شده 
    17
    تشکر شده در
    15 پست

    پیش فرض پاسخ : درخواست کد دکمه چکباکس

    از دوستان کسی نمی تونه منو راهنمایی کنه؟

  12. #8
    عضو دائم T.Toosi آواتار ها
    تاریخ عضویت
    Jun 2015
    نوشته ها
    1,071
    تشکر تشکر کرده 
    278
    تشکر تشکر شده 
    2,936
    تشکر شده در
    1,329 پست

    پیش فرض پاسخ : درخواست کد دکمه چکباکس

    باسلام، از همان کد CSS که در بالا به شما دادند استفاده کنید به احتمال زیاد مشکل ـتون حل خواهد شد.

    کد:
    <style>
    #cx:checked + .noimg {
        display: none;
    }
    </style>

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •