function powieksz(url) { var dm = document.getElementById("dm"); var div = document.createElement("div"); div.setAttribute("class", "zoom"); div.setAttribute("id", "z1"); var zamknij = document.createElement("a"); zamknij.setAttribute("href", "#"); zamknij.setAttribute("onclick", "zamknij();"); var obrazek = document.createElement("img"); obrazek.setAttribute("src", url); zamknij.appendChild(obrazek); div.appendChild(zamknij); dm.appendChild(div); } function zamknij() { var dm = document.getElementById("dm"); var usun = document.getElementById("z1"); dm.removeChild(usun); }
Owszem, funkcja powieksz() pod IE tworzy diva, jednak nie ma on pozycji absolute, czyli jest po prostu w środku diva, w którym został utworzony, tak jakby utworzony div nie otrzymal klasy "zoom", opisanej w css w ten sposób:
.zoom { position: absolute; top: 10%; left: 10%; bottom: 10%; right: 10%; margin: 0px; padding: 0px; text-align: center; }
Tak samo nie działa zamykanie powiększonego obrazka, tak jakby utworzony link nie otrzymał atrybutu onclik = zamknij();