Створення простого тесту за допомогою javascript

Даний тест може стане в нагоді для підвищення власної ерудиції :), а також для вставки на свій сайт. Подібні тести можуть бути цікаві відвідувачам Вашого сайту.

Вставте цей код в шапку документа

Вставте цей код в тіло документа

Щоб не завантажувати сторінки, цей уривок коду я також вирішив не розміщувати полностю тут. Нижче більш докладно будуть описані його частини. Весь код знаходиться тут.

Всі елементи в лівій колонці оформляються за допомогою невпорядкованого списку наступним чином:

необхідно створити

  • для кожного "переносного" елемента. Всі елементи необхідно помістити в тег
      . Важливо, щоб в кожному елементі був атрибут groupId. Значення даннго атрибута повинно збігатися із значенням "id" осередки, куди кожен елемент необхідно помістити. Наприклад, у Oslo groupId = "box2". Якщо погляньте на код нижче, то побачите, що під Norway йде
        . Значить, що Осло належить Норвегії. І так далі в такому ж дусі.

        Код осередків з правого боку:

        Вище представлені всі змінні, змінивши які можна трохи модифікувати тест.

        * BoxSizeArray = масив, який показує колічетсво елементів в осередках з правого боку
        * Arrow_offsetX = горизонтальний відступ маленької стрілки - Вам може знадобитися трохи модифікувати це значення, щоб стрілочка була на своєму місці
        * Arrow_offsetY = Вертикальний відступ стрілки
        * Arrow_offsetX_firefox і arrow_offsetY_firefox = теж саме, що й вище - лише для Файрфок
        * InitShuffleItems = Елементи з лівого боку при завантаженні перемішуватимуться (true), що не будуть (false)
        * IndicateDestionationByUseOfArrow = Показувати місце куди будуть перенесені об'єкти стрілкою (true), прямокутником (false).
        * LockedAfterDrag = заблокувати осередок після перенесення. Якщо користувач перенесе відповідь в клітинку, він не зможе його повернути назад.

        Дякую за увагу! На все добре і удачі!

        Створення простого тесту за допомогою javascript

        За рахунок отримання інформації відразу по двох каналах (зір і слух) ефективність навчання значно перевершує навчання по книгах. А домашні завдання і онлайн-тести дозволять вам постійно думати на мові, що вивчається і відразу перевіряти свої знання!

        Створення простого тесту за допомогою javascript

        Створення простого тесту за допомогою javascript

        Якщо ви давно хочете як слід вивчити HTML, то у мене для Вас є чудова новина!

        Створення простого тесту за допомогою javascript

        Якщо ви вже вивчили HTML і хочете рухатися далі, то наступним кроком буде вивчення технології CSS.

        Створення простого тесту за допомогою javascript

        Якщо ви хочете розібратися з поняттями домену і хостингу, навчитися створювати бази даних, закачувати файли сайту на сервер по FTP, створювати піддомени, налаштовувати поштові скриньки для свого сайту і стежити за його відвідуваністю, то цей курс створений спеціально для вас!

        Схожі статті