کد جاوا اسکریپت نمایش و مخفی کردن آیتم

فهرست
    برای شروع تولید فهرست مطالب ، یک هدر اضافه کنید
    کد جاوا اسکریپت نمایش و مخفی کردن آیتم

    یک کد بسیار ساده و تمیز برای نمایش و مخفی کردن قسمتی از صفحه وب

    (div hide and show)

    سلام؛
    برای اکثر وب مسترها های پیش آمده که خواستند بازدید کنندگان با کلیک بر روی آیتمی ، آیتم دیگری برایشان نمایش داده شود.

    اگر شما هم نیاز به این مورد دارید ، در ادامه ساده ترین راه حل ممکن با جاوا اسکریپت را خواهید آموخت.

     

    کد جاوا اسکریپت نمایش و مخفی کردن آیتم

    ابتدا کد زیر را بین دو تگ head در صفحه خود قرار دهید:

    <script>
    function showhide(id){
    if (document.getElementById){
    obj = document.getElementById(id);
    if (obj.style.display == "none"){
    obj.style.display = "";
    } else {
    obj.style.display = "none";
    }
    }
    }
    </script>

     .

    کد زیر را هم در قسمتی از صفحه بین تگ​های body قرار دهید:

    ( عملا کد زیر را دقیقا همانجایی که میخواهید آیتم مورد نظر قرار بگیرد ، درج کنید.)

    <a href="#" onclick="showhide('script'); return(false);">نمایش/مخفی</a></p>
    
    <div style="display: none;" id="script"> 
    این قسمت، مخفی و آشکار می شود
    </div>

     .

    استفده از کد جاوا اسکریپت نمایش و مخفی کردن آیتم در وردپرس و جمولا و …

    به طور مثال در سیستم های مدیریت محتوا مانند وردپرس ، جمولا و … کد جاوا اسکرپیت نمایش و مخفی کردن آیتم ، کاملا میتواند مورد استفاده قرار گیرد.

    برای این منظور : در قسمت افزودن نوشته و یا برگه ، با مراجعه به ویرایشگر متنی ، میتوانید کد بالا را در هرکجای نوشته که بخواهید ، قرار دهید.

     

    حالا نتیجه را چیزی شبیه به صفحه زیر خواهید دید:
    برای مشاهده نتیجه، اینجا کلیک کنید.

    اقتباس شده از : آفتابگردان

     

    5 دیدگاه دربارهٔ «کد جاوا اسکریپت نمایش و مخفی کردن آیتم»

    1. سلام دوست عزیز سوالی داشتم کدی وجود داره که وقتی نشانه ماوس روی چیزی که مد نظر شماست بیاد بدون کلیک طرف صفحه جداگانه باز بشه مثل جذب باشه

    2. سلام
      وقت بخیر
      صفحه html ی باهمین کدها میخوام تو اندروید اجرا بشه باید چیکارکنم؟

    3. آواتار محسن رضایی
      محسن رضایی

      سلام حال شما
      وبلاگ بسیار خوبی دارید من یک وبلاگ نویس تازه کار هستم کد جاوا اسکریپت چیست لطفاً برام ایمیل کنید
      با تشکر

    دیدگاه‌ خود را بنویسید

    نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

    اشتراک گذاری این مقاله

    اشتراک گذاری در facebook
    اشتراک گذاری در google
    اشتراک گذاری در twitter
    اشتراک گذاری در linkedin
    اشتراک گذاری در whatsapp

    اطلاعات مقاله

    کسب درآمد از اینترنت

    کسب درآمد از اینترنت با پاورپوینت

    کسب درآمد از اینترنت به صورت دائمی

    اگر آشنایی و مهارت کار با پاورپوینت را دارید این فرصت را از دست ندهید

    چه به صورت تمام وقت و چه به صورت پاره وقت ، کاملا منعطف اما تضمینی

    کافی است به لینک زیر مراجعه و همین امروز استارت کار خود را بزنید…

     کسب درآمد از اینترنت با پاورپوینت

    خرید پاورپوینت از شما

    خرید پاورپوینت از شما - پاورپوینت‌ های خود را بفروشید
    پاورپوینت های شما را خریداریم…

    فروش پاورپوینت های شما یکی از روش‌های درآمدزایی از فایل هایی است که زمانی ساخته‌اید و از آنها استفاده کرده اید.

    حالا می توانید از زحمتی که کشیده اید ، کسب درآمد کنید…

    جهت فروش پاورپوینت های خود به ما کافی است به لینک زیر مراجعه کنید…

    خرید پاورپوینت از شما

    فرصت خرید ویژه و مطمئن

    خرید ویژه پاورپوینت  

    پرداخت امن

    با توجه به اخذ SSL و تایید درگاه های پرداخت متصل به فروشگاه داده پردازان مدرن از جانب سیستم شاپرک، پرداخت امن را تجربه کنید.

     

    بازگشت بدون قید و شرط

    بازگشت بدون قید و شرط وجه پرداختی در صورتی که به هر دلیل فایل پاورپوینت به دست شما نرسد و یا موفق به دریافت آن نشوید، ما موظفیم تا حصول اطمینان از دریافت فایل خریداری شده در کنار شما باشیم…

     

    پشتیبانی فعال

    قبل ، در حین و پس از خرید ، در صورت نیاز به هر گونه پشتیبانی و راهنمایی با شماره تماس های اعلام شده در (تماس با ما) در کنار شما هستیم…

    عضویت در خبرنامه فروشگاه

    منتظر شگفتی های ما باشید…

    سری به این مطالب هم بزنید ...

    رشته های مهندسی

    رشته های مهندسی – تمام رشته ها + 10 رشته پر طرفدار مهندسی

    در این مقاله با معرفی انواع رشته های مهندسی با ما همراه باشید… در این صفحه سعی شده است لیستی از رشته های دانشگاهی گردآوری شود …

    ادامه مطلب

    مدیریت تب های محصولات ووکامرس در قالب وردپرسی

    حذف عنوان توضیحات در محتوای تب هنگامی که شما به صفحه محصول مراجعه می‌کنید، یک توضیح طولانی برای محصول را ندارید. در مقابل ممکن است …

    ادامه مطلب
    زمان پخش برنامه های نوروز ۱۴۰۰

    زمان پخش برنامه های نوروز ۱۴۰۰

    زمان پخش برنامه های نوروز ۱۴۰۰ – سریال های نوروز 1400 – ساعت پخش سریال های نوروز 1400 – تاریخ پخش سریال های نوروز ۱۴۰۰ …

    ادامه مطلب
    لوگو داده پردازان مدرن - پاورپوینت درجه یک

    پاورپوینت درجه یک : 1PPT.ir معرفی ، محصولات ، فروش

    پاورپوینت درجه یک : 1PPT.ir معرفی ، محصولات ، فروش داده پردازان مدرن مجموعه داده پردازان مدرن در سال 1398 تصمیم به راه اندازی فروشگاه …

    ادامه مطلب
    تکه شدن کلمات در پاورپوینت و ورد - شکسته شدن کلمات در پایان خط

    تکه شدن کلمات در پاورپوینت و ورد – شکسته شدن کلمات در پایان خط

    تکه شدن کلمات در پاورپوینت و ورد – شکسته شدن کلمات در پایان خط رفع مشکل شکسته شدن کلمات در انتهای خطوط متن پاورپوینت و …

    ادامه مطلب
    افزونه حذف تصاویر اضافی در وردپس

    افزونه حذف تصاویر اضافی در وردپس

    افزونه حذف تصاویر اضافی در وردپس پاک کردن سایز های اضافی تصاویر در وردپرس یکی از مشکلات وردپرس ایجاد فایل های کپی با سایزهای مختلف …

    ادامه مطلب
    شماره گذاری صفحات اول پایان نامه با حروف ابجد

    شماره گذاری صفحات اول پایان نامه با حروف ابجد

    شماره گذاری صفحات اول پایان نامه با حروف ابجد چگونه در یک سند word ،دو نوع شماره گذاری برای صفحات داشته باشیم؟ در اکثر پایان …

    ادامه مطلب
    گرایش های رشته مدیریت بازرگانی در دکتری

    گرایش های رشته مدیریت بازرگانی در دکتری

    گرایش های رشته مدیریت بازرگانی در دکتری : بر اساس دفترچه انتخاب رشته مطقع دکتری سازمان سنجش سال 1399 ، گرایش های قابل انتخاب به …

    ادامه مطلب