Показать сообщение отдельно
  #5 (permalink)  
Старый 09.03.2014, 21:11
Новичок на форуме
Отправить личное сообщение для lovi Посмотреть профиль Найти все сообщения от lovi
 
Регистрация: 09.03.2014
Сообщений: 6

Сообщение от danik.js Посмотреть сообщение
я html правил. заменил id на value у опшнов.
Исправил. Все равно не работает http://lovi.myjino.ru/ . Вот исправленный код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <style type="text/css">
            .passive { display: none;  }
            .active  { display: block; }
        </style>

        <script type="text/javascript">
            var select = document.getElementById('select'),
                curr = null;

            select.onchange = function() {
                
                var name = this.value,        
                    target = document.getElementById(name + '-i');
    
                if (curr) curr.className = 'passive';
                if (target) target.className = 'active';
                curr = target;
            };
        </script>
    </head>
    <body>
        <select id="select">
            <option>Number List</option>
            <option value="first">number 1</option>
            <option value="second">number 2</option>
            <option value="third">number 3</option>
        </select>
        <div>
            <div class="passive" id="first-i">number 1 content</div>
            <div class="passive" id="second-i">number 2 content</div>
            <div class="passive" id="third-i">number 3 content</div>
        </div>
    </body>
</html>
Ответить с цитированием