Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][AJAX] Powiększanie obrazka nie działa pod IE
Forum PHP.pl > Forum > Przedszkole
b4rt3kk
Napisałem powiększarkę do zdjęć, pod każdą przeglądarką oprócz IE działa poprawnie, oto kod:

  1. function powieksz(url) {
  2.  
  3. var dm = document.getElementById("dm");
  4. var div = document.createElement("div");
  5. div.setAttribute("class", "zoom");
  6. div.setAttribute("id", "z1");
  7.  
  8. var zamknij = document.createElement("a");
  9. zamknij.setAttribute("href", "#");
  10. zamknij.setAttribute("onclick", "zamknij();");
  11.  
  12. var obrazek = document.createElement("img");
  13. obrazek.setAttribute("src", url);
  14.  
  15. zamknij.appendChild(obrazek);
  16. div.appendChild(zamknij);
  17. dm.appendChild(div);
  18.  
  19. }
  20.  
  21. function zamknij() {
  22.  
  23. var dm = document.getElementById("dm");
  24. var usun = document.getElementById("z1");
  25.  
  26. dm.removeChild(usun);
  27.  
  28. }


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:

  1. .zoom {
  2. position: absolute;
  3. top: 10%;
  4. left: 10%;
  5. bottom: 10%;
  6. right: 10%;
  7. margin: 0px;
  8. padding: 0px;
  9. text-align: center;
  10. }


Tak samo nie działa zamykanie powiększonego obrazka, tak jakby utworzony link nie otrzymał atrybutu onclik = zamknij();
CuteOne
http://forum.php.pl/index.php?showtopic=51863
b4rt3kk
Cytat(CuteOne @ 28.07.2011, 14:05:29 ) *


Dzięki, pomogło.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.