• 0
ErUnDAK

Проблемы в JavaScript

Спросил ErUnDAK

    Вопрос

    ErUnDAK    1
    ErUnDAK
    Опубликовано: (изменено)

    Дан код:

    <!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>Document</title>
        <style>

                body {
                        background: #e8ece7;
                }

                .menu {
                        position: absolute;
                        background: #b13224;
                        border-radius: 5px;
                        top: 90px;
                        left: 450px;
                }

                .menu a {
                        display: block;
                        text-decoration: none;
                        background: #b13224;
                        color: white;
                        padding: 7px;
                        margin: 0;
                }

                .menu a:hover {
                        background: #383838;
                }

                .menu ul {
                        width: 958px;
                        height: 33px;
                        list-style: none;
                        font-size: 0;
                }

                .menu ul li {
                        display: inline-block;
                        font-size: 16px;
                }

                h1 {
                        position: absolute;
                        top: -5px;
                        left: 450px;
                        display: inline-block;
                }

                h1:before {
                        content: '';
                        width: 48px;
                        height: 56px;
                        background: url(gold-logo.jpg) no-repeat center center;
                        background-size: 48px 56px;
                        display: inline-block;
                }

                #polosa {
                        position: relative;
                        background: red;
                }

                .slider {
                        overflow: hidden;
                        height: 38px;
                        padding: 4px;
                        border: 2px solid black;
                        position: absolute;
                        top: 506px;
                        left: 900px;
                        font-size: 36px;
                }

        </style>
        <script>
                document.getElementById('slider-top').onclick = slider;
                        var top = 0;

                        function slider(){
                                var polosa = document.getElementById('polosa');
                                top = top - 256;
                                if (top < -768) {
                                        top = 0;
                                }
                                polosa.style.top = top +'px';
                                }
        </script>
</head>
<body>
<h1>Xman<font color="red">Bank</font></h1>
        <div class="menu">
                <ul>
                        <li><a href="">Home</a></li>
                        <li><a href="">About us</a></li>
                        <li><a href="">Our services</a></li>
                        <li><a href="">Deposits</a></li>
                        <li><a href="">FAQs</a></li>
                </ul>
        </div>

        <div class="slider">
                <div id="polosa">
                        <li>Привет</li>
                        <li>как</li>
                        <li>у тебя</li>
                        <li>дела?</li>
                </div>
        </div>
<button id="slider-top">TOP</button>
</body>
</html>

    В скрипте в окне разработчика браузера ошибка: "cannot set property onclick of null". Как её решить?

    Изменено пользователем ErUnDAK

    Поделиться сообщением

    Ссылка на сообщение
    Поделиться на других сайтах

    1 ответ на этот вопрос

    Рекомендуемые сообщения

    • 0
    Switch74    270
    Switch74
    Опубликовано:

    потому что скрипт у вас выполняется когда еще верстки и в помине нет.
    перенесите скрипт в конец документа.

    Поделиться сообщением

    Ссылка на сообщение
    Поделиться на других сайтах

    Создайте аккаунт или войдите в него для комментирования

    Вы должны быть пользователем, чтобы оставить комментарий

    Создать аккаунт

    Зарегистрируйтесь для получения аккаунта. Это просто!

    Зарегистрировать аккаунт

    Войти

    Уже зарегистрированы? Войдите здесь.

    Войти сейчас
    • Войти через Facebook
    • Войти через Twitter
    • Войти через Microsoft
    • Войти через LinkedIn
    • Войти через Google
    Перейти к списку вопросов Проблемы верстки

    • Похожие публикации

      • Rex4r
        Проблема с расположение блоков на iPhone
        Автор: Rex4r
        Добрый день. Столкнулся с неожиданной проблемой. На айфонах блоки сайта наезжают друг на друга, на винде и андроиде всё работает нормально. Вьевпорт указан.
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> На айфонах сайт выглядит так:   
         
        Должен выглядеть вот так: 
         
         
        Задачу осложняет то что у меня нет iOS устройств чтобы можно было протестить, а все эмуляторы, какие пробовал, выдают что всё верно.
         
        Кто-нибудь сталкивался с подобным? В чем может быть проблема?
      • mightybat
        Воссоздание формы HTML
        Автор: mightybat
        Добрый день.
        Есть форма(опросник), переменных на 200, подскажите как можно ее заполнить на компьютере1, и открыть на компьютере2 уже заполненную?
        Может быть есть человеческий способ, решения данной проблемы? 
        Вижу только вариант 1)сохранить все переменные в mysql 2)на втором компе вытащить из БД 3)воссоздать страницу HTML через echo( куча чекбоксов с oncliсk показывающими дивы, которые замучаюсь переписывать с block на none и наоборот).