За последние 24 часа нас посетил 16771 программист и 1646 роботов. Сейчас ищут 906 программистов ...

Смена дива

Тема в разделе "JavaScript и AJAX", создана пользователем xkant, 28 апр 2013.

  1. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    он не могёть. он не понимает, что делает скрипт.
     
  2. Your

    Your Старожил

    С нами с:
    2 июл 2011
    Сообщения:
    4.074
    Симпатии:
    7
    Ему надо чтобы ссылка зажглась видать, дописать те ссылки, что были выше, только добавить им class, а не display =)
     
  3. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    Ну уж допиши уж, раз уж взялся уж. Мы в ответе за тех, кого приручили, как говорил маленький принц.
     
  4. Your

    Your Старожил

    С нами с:
    2 июл 2011
    Сообщения:
    4.074
    Симпатии:
    7
    Код (PHP):
    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4. <meta charset="utf-8">
    5. <title>Page</title>
    6. <style type="text/css">
    7.     #container{height:30px;}
    8.     #container #english, #container #russian{cursor:pointer;float:left;margin:0 20px 0 0;}
    9.     #redbox, #bluebox{width:300px;height:200px;}
    10.     #redbox{background:#ff0000;}
    11.     #bluebox{background:#0000ff;display:none;}
    12.     .active{color:#ff0000;}
    13. </style>
    14. <script type="text/javascript">
    15.     var arrayClick=[];
    16.     arrayClick['english']='redbox';
    17.     arrayClick['russian']='bluebox';
    18.     function type(variable,type) {
    19.         if('undefined'===typeof type) {
    20.             return 'undefined'!==typeof variable;
    21.         } else {
    22.             return type===typeof variable;
    23.         }
    24.     }
    25.     function clicked(self) {
    26.         if(type(self) && type(self,'object')) {
    27.             for(var i in arrayClick) {
    28.                 if(i===self.id) {
    29.                     self.className='active';
    30.                     document.getElementById(arrayClick[self.id]).style.display='none';
    31.                 } else {
    32.                     document.getElementById(i).className='';
    33.                     document.getElementById(arrayClick[i]).style.display='block';
    34.                 }
    35.             }
    36.         }
    37.     }
    38. </script>
    39. </head>
    40. <body>
    41. <div id="container">
    42.     <div id="english" onclick="clicked(this)">
    43.         english
    44.     </div>
    45.     <div id="russian" onclick="clicked(this)">
    46.         russian
    47.     </div>
    48. </div>
    49. <div id="redbox">English</div>
    50. <div id="bluebox">Russian</div>
    51. </body>
    52. </html>
     
  5. xkant

    xkant Новичок

    С нами с:
    21 апр 2013
    Сообщения:
    25
    Симпатии:
    0
    Сейчас все работает, но вначале(при первой загрузки) 'пункт меню'-english не выделен цветом. А после первого нажатия уже все работает корректно.
     
  6. Ganzal

    Ganzal Суперстар
    Команда форума Модератор

    С нами с:
    15 мар 2007
    Сообщения:
    9.893
    Симпатии:
    965
    ну так а что мешает руками прописать класс?
     
  7. xkant

    xkant Новичок

    С нами с:
    21 апр 2013
    Сообщения:
    25
    Симпатии:
    0
    Все ок, спасибо.
     
  8. Your

    Your Старожил

    С нами с:
    2 июл 2011
    Сообщения:
    4.074
    Симпатии:
    7