body Etiketinde load ve unload Kullanmadan Google Maps Haritalarını Yüklemek
Açık kaynak kodlu bir İYS (İçerik Yönetim Sistemi) için içerisinde Google Maps’ten haritaların olacağı bir modül yazıyorum. Google Maps API’yi kullananlar bilirler. body etiketi içine onload=”load()” onunload=”GUnload()” gibi bir kod yazmamız gerekli. İYS’lerde hazır temalar kullanıldığı için <head></head>, <body></body> gibi etiketleri değiştirmek oldukça zahmetli ve zor. Açıkçası Javascriptlede aram pek iyi değil. Bu konuyu nasıl halledebilirim diye araştırma yaparken bu sitede load ve Gunload fonksiyonlarını body etiketinde kullanmadan otomatik olarak çalıştıran Javascript kodunu buldum. Aşağıdaki kodu head etiketi içerisine eklemeniz yeterli.
<script type="text/javascript"><!--
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}
addLoadEvent(load);
// arrange for our onunload handler to 'listen' for onunload events
if (window.attachEvent) {
window.attachEvent("onunload", function() {
GUnload(); // Internet Explorer
});
} else {
window.addEventListener("unload", function() {
GUnload(); // Firefox and standard browsers
}, false);
}
// --></script>
Google Maps API nedir bilmeyenler Fatih Turan’ın hazırladığı yazıya göz atabilirler.
Son Yorumlar