1. مهمان گرامی، جهت ارسال پست، دانلود و سایر امکانات ویژه کاربران عضو، ثبت نام کنید.
    بستن اطلاعیه

آموزش ساخت Show & Hidden با کد جاوا اسکریپت

شروع موضوع توسط ♥ yakamoz ♥ ‏29/12/10 در انجمن JS

  1. کاربر ویژه

    تاریخ عضویت:
    ‏25/11/10
    ارسال ها:
    8,717
    تشکر شده:
    4,395
    امتیاز دستاورد:
    123
    حرفه:
    Telegram: vahid_yakamoz instagram: vahid_yakamoz
    Ali-Wizard
    8 October 2008, 11:17 PM

    سلام دوستان امروز مي خوام آموزش ساخت Show & Hidden با کد جاوا اسکریپت رو به شما آموزش بدم كه يك كد زيبا و جالب هست كه در اين آموزش توسط يك متن ميتونيد يك متن رو نمايش بديد و با كليك دوباره روي اون اون متن رو مخفي كنيد .

    براي اين كار كد زير رو در هر قسمتي از كد هاي HTML مي خواييد درج كنيد :

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="Content-Language" content="fa">
    </head>

    <script type="text/javascript">
    function visible(id) {
    var m = document.getElementById(id);
    if( m.style.display == 'none')
    m.style.display = 'block';
    else
    m.style.display = 'none';}
    </script>
    </code>
    <a href="#" onclick="visible('Open');">پنهان | آشكار</a><div id="Open">Www.parsigold.Com</div>
    </code>

    با قرار دادن اين كد يك دكمه به نام پنهان| آشكار ايجاد ميشه كه با كليك بر روي اون متن www.parsigold.com به شما نمايش داده ميشه و با كليك دوباره به روي اون متن www.parsigold.com مخفي ميشه كه اين كد كاربرد زيادي داره و به طراحي و كار شما جلوه زيادي ميده .

    اميدوارم از اين آموزش لذت برده باشيد.