Oplossen IE7/8 - javascript / css / html probleem: 25 euro beloning

**Daan de Jong** · 544 × bekeken sinds 27-07-2010, 12:48

Bij de postcode controle op http://bit.ly/axiKbm komt er normaal gesproken een loading-image (.gif) in beeld nadat op de button "Zoek" is geklikt.

Dit werkt in nagenoeg alle browsers (bv FF) goed, behalve in IE7 en IE8, daar blijft de loading-image stil staan. Hij wordt dus overal zichtbaar, maar hij zou moeten gaan animeren.

Ik zoek iemand die dit probleem voor mij zou kunnen oplossen. Voor de juiste oplossing geef ik een beloning van 25 euro. Dit geld maak ik direct over naar deze persoon.

Indien je de oplossing weet kun je me PM-en.

**Michael vv** · 27-07-2010, 12:54

Hier werkt het in IE 8.0

**Daan de Jong** · 27-07-2010, 12:58

Vreemd, hier staat hij toch echt stil.

**Jeroen Blox** · 27-07-2010, 13:05

Hier staat het in IE7 inderdaad stil. Ik heb dit probleem eerder gehad en toen wel een oplossing gevonden meen ik. Ik ga voor je kijken of ik die oplossing teruggevonden krijg.

**Daan de Jong** · 27-07-2010, 13:07

Overigens heb ik deze fix al gebruikt, zonder resultaat:

window.setTimeout('document.images["loadingimage"].src = "/image/loading.gif"', 10);

**Jeroen Blox** · 27-07-2010, 13:28

Code:

<input type="button" name="postcode_submit" value="Zoek" class="postcode_3" style="width:50px" onclick="document.formname.submit(); document.getElementById('loadingimage').src='http://www.jedomeinnaam.nl/image/loading.gif'; "/>

Werkt het op zo'n manier bij jou wel? (Dus via een type="button" het formulier verzenden en daarachter de afbeelding laden (dan pas de URL opgeven). Evt dus ook de tekst eromheen nog zichtbaar maken daar.)

**Daan de Jong** · 27-07-2010, 13:36

Nope, ook deze manier werkt niet.

**Wilbert E.** · 27-07-2010, 13:48

Waarom laad je het plaatje via javascript eigenlijk?

Code:

<img src="#" id="loadingimage" width="50" height="50" alt=""/>

waarom niet gewoon de src invullen?

**Daan de Jong** · 27-07-2010, 13:52

Dat is een manier om het werkend te krijgen in IE6, het is bekende fix, helaas werkt die niet helemaal in combinatie met mijn eigen JS.

**Wilbert E.** · 27-07-2010, 13:57

Maar die fix werkt niet als je de SRC al wel invult voor ie7 & ie8 en doormiddel van JS alsnog de image opnieuw laad voor IE6?

Overigens zou je de afbeelding kunnen vervangen door:

Code:

<div id="loading_img"></div>

en dan de afbeelding laden door:

Code:

document.getElementById("loading_img").innerHTML = "<img src=\"UrlVanImg\" id=\"loadingimage\" width=\"50\" height=\"50\" alt=\"\"/>"

**Derk Jochems** · 27-07-2010, 14:18

waar komt die loading image dan in beeld ? midden in het beeld ??

Ik ben een PHP - Jquery Expert zodoende kan ik het probleem aanpakken met Jquery mits ik exact weet wat er aan de hand is...;)

mvg,
Derk Jochems

**Daan de Jong** · 27-07-2010, 15:12

Probleem opgelost, dankzij Jeroen!

Oplossen IE7/8 - javascript / css / html probleem: 25 euro beloning