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

Сообщение от рони Посмотреть сообщение
lovi,
window.onload = function() {
    //тут ваш код 
 }
Спс. Понятно. Захотел красивее оформить и прочитал про defer. Но почему-то не получилось http://lovi.myjino.ru/ . Подскажите плиз как с defer написать?

index.html:
<!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" src="/metro.js" defer>
        </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>

metro.js:
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;
            };
Ответить с цитированием