аватар |

Статьи / JavaScript /

Конфликт событий onLoad и window.onload

Следующая заметка делалась в качестве напоминалки для себя, но надеюсь поможет другим

Например Вы в body уже прописали запуск определённого события

<body onload="abvgd_init()">


...или прописали код, указанный ниже, и теперь у Вас не работают добавленные вами виджеты Яндекса, Контакта или Facebook?
window.onload = function () {


... и теперь у Вас не работают добавленные после виджеты Яндекса, Контакта или Facebook?

Рассмотрим вышеупомянутые два варианта с Яндексом и ВКонтакте.

Что делаем с конфликтом onload с Яндекс Картами



У Яндекс карт, как правило, следующий код на странице
window.onload = function () {
var map = new YMaps.Map(document.getElementById("YMapsID"));
map.setCenter(new YMaps.GeoPoint( какие-нибудь координаты ), 11);


Так вот меняем строчку
window.onload = function () {

на 
YMaps_init = function () {


В body следующим образом добавляем событие
<body onload="YMaps_init();">


Если в body уже было другое событие, то добавляем следующим образом
<body onload="abvgd(); YMaps_init();">

Данные события будут загружать сразу же при загрузке страницы.

Что делаем с конфликтом onload с виджетом ВКонтакте



Там по аналогии
window.onload = function () {
 VK.init({apiId: 111, onlyWidgets: true});


Также меняем строчку
window.onload = function () {

на 
VKcom_init = function () {


А в body следующим образом добавляем ещё одно событие
<body onload="abvgd(); VKcom_init();">


Также делаем с тремя и более событиями)

Готово!
 



Распечатать
Похожие статьи
23 июня 2015 11:47 Как написать обратный отсчёт времени до определённой даты? JS
31 января 2013 14:20 Как добавить на сайт виджет сообществ от vk.com?
26 августа 2013 11:08 Как запретить копирование текста с сайта?
17 сентября 2013 11:52 Как сделать смену (ротацию) изображений на Java Script?
18 сентября 2013 12:28 Исчезающий текст в поле input и textarea на JavaScript


Комментарии к статье (vk.com)