Javascript Image onload function in IE

Question

I am trying to place the image in the middle of the screen but in IE it's not working

here is my sample code.

function showMap(event, url, element)
{
        var map_container = $('map_container'),
        viewport = document.viewport.getDimensions(),
        offset = $(element).viewportOffset(),
        top = offset.top + getScrollTop() + $(element).getHeight() + 10,
        image_mapgross = $('image_mapgross');
        image_mapgross.onload = middleMap;
        image_mapgross.src = url;
        map_container.style.cssText = "display:block;left:10px;top:" + top + "px;";

        Event.stop(event);
        //Event.observe(map_container, 'click', stopEvent);
}

in IE the function middleMap is never called.

function middleMap() {

    var map_container = $('map_container');
    middle(map_container);
}

check out this :http://stackoverflow.com/questions/198892/img-onload-doesnt-work-well-in-ie7 — Itay Kinnrot, Dec 05 '11 at 12:23

Irishka · Answer 1 · 2011-12-14T15:40:26.607

0

use writeAttribute() method to set attributes with prototype

 $('image_mapgross').writeAttribute('src', url);

OLD: you need to get a DOM element first

image_mapgross = $('image_mapgross').get(); //or  $('image_mapgross')[0]

if you want to set it events and properties using dot notation

image_mapgross.onload = middleMap;
image_mapgross.src = url;

edited Dec 14 '11 at 15:40

answered Dec 05 '11 at 13:33

Irishka

1,136
6
12

the function ´$('image_mapgross')´ actually returns the extended DOM element. – user991047 Dec 08 '11 at 13:19
ok, I see you are using prototype framework, please tag your question accordingly – Irishka Dec 14 '11 at 15:36

score 0 · Accepted Answer · answered Dec 08 '11 at 13:20

0

in IE if i set the source like this

image_mapgross.setAttribute("src", url);

then it works.

answered Dec 08 '11 at 13:20

user991047

315
4
12

Javascript Image onload function in IE

2 Answers2