Архіви позначок: javascript

Маленька хитрість верстальника – ширина вікна браузера

Поширте інформацію:

Верстаючи веб-сторінку адаптивно, змінюють розмір вікна браузера, щоб побачити, як вона себе поводить. При цьому зручно відразу слідкувати за шириною вікна, щоб знати, яку ширину писати в media queries.

Для цього на сторінку можна додати теґ на кшталт

<div id="measure" style="position:fixed;left:50%;top:50%;z-index:12000"></div>

І скрипт на jQuery

jQuery(function($) {
    $('#measure').text("Width of window: " + $(window).width());
    $(window).resize(function() {
        $('#measure').text("Width of window: " + $(window).width());
    });
});

Як розмістити на сайті мапу від Google

Поширте інформацію:

В сьогоднішньому пості розглянемо роботу з Google Maps API v3 чере JavaScript.

  • Розмістимо на веб-сторінці карту частини Західної України
  • Встановимо позначки в потрібних місцях
  • Прив’яжемо до позначок віконця з інформацією, що будуть вигулькувати при клацанні мишею
  • Проведемо на карті автомобільний маршрут за допомогою служби Google Direction Service
  • Опрацюємо подію завершення завантаження мапи

Читати далі