Zmiana kolejności ładowania diva Opcje

[thepeche]

Witam!

Mam następujący problem do rozwiązania.
Otóż w moim sklepie postanowiłem wrzucić wyszukiwarkę google w nagłówek strony.
Jednak sama wyszukiwarka dość długo laduje się przy wejściu na stronę i zatrzymuje ładowanie się reszty strony do czasu aż sama się załaduje.
Chciałbym by div zawierający wyszukiwarkę był pomijany w ładowaniu strony dopóki strona cała się nie zaladuje. Wtedy zaczynała by sie ładowac dopiero wyszukiwarka.


Bardziej obrazowo:

<header>
<div1>
<div id="Wyszukiwarka"><--chciałbym by div był pomijany w ładowaniu strony dopóki strona cała się nie zaladuje. Wtedy zaczynała by sie ładowac dopiero wyszukiwarka.
<div1>
<div1>
itd...
</header>

<strona>
...
...
...
</strona>

<footer>
....
</footer>

Oswiadczam, że jestem absolutnie zielony w te sprawy, jednak bardzo dziękuje gdyby ktoś zechciał wspomóc mnie jakimś skryptem, który zrealizował by moje założenie.

Pozdrawiam!

[lukasz1985]

Najpierw usuń zawartość diva wyszukiwarka (ma być pusty w HTMLu). Potem dodaj:

[HTML] pobierz, plaintext 
<script type="text/javascript>
 
window.addEventListener("load", function() {
  document.getElementById("Wyszkukiwarka").innerHTML = "TUTAJ KOD HTML WYSZUKIWARKI GOOGLA";
})
 
</script>
[HTML] pobierz, plaintext