Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Funkcje js do popupa
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
MalyKazio
14.06.2006, 10:13:02
Witam,

Mam taka funkcje JS do otwierania zdjęcia w nowym oknie.

[HTML] pobierz, plaintext 
  1. function imgDisplayPopup(url)
  2.  
  3. {
  4.  
  5.   var imageWindow = window.open(url,'image','toolbar=0,location=0,directories=0,menuBar=0,scrollbars=0,resizable=1');
  6.  
  7.   imageWindow.focus();
  8.  
  9. }
  10.  
  11. function folderPopup(url)
  12.  
  13. {
  14.  
  15.   var win = window.open(url, 'folder');
  16.  
  17.   win.focus();
  18.  
  19. }
  20.  
  21.   // This function goes into the attic. It's sole purpose now is to be backwards compatible. RIP.
  22.  
  23. function imgPopup(url)
  24.  
  25. {
  26.  
  27.   var imageWindow = window.open('','image','toolbar=0,location=0,directories=0,menuBar=0,scrollbars=0,resizable=1');
  28.  
  29.   html =   "<html><head><title></title>" 
  30.  
  31.          + "<style>\n" 
  32.  
  33.          + "body { margin: 0px; }\n" 
  34.  
  35.          + "</style>\n" 
  36.  
  37.          + "</head><body bgcolor=\"#000000\" onload='window.resizeTo(document.image.width,document.image.height)'>"
  38.  
  39.          + "<img src=\"" + url + "\" border=\"0\" name=\"image\"/>"
  40.  
  41.          + "</body></html>";
  42.  
  43.   imageWindow.document.open();
  44.  
  45.   imageWindow.document.write(html);
  46.  
  47.   imageWindow.document.close();
  48.  
  49.   imageWindow.focus();
  50.  
  51. }
[HTML] pobierz, plaintext


Funkcja działa, tylko otwierane okno jest zbyt male. Zdjęcie jest odrobinę ucinane. Z tego co zauważyłem o szerokość górnego i dolnego paska przeglądarki. Nie znam się zupełnie na JS. Jak dodać do wysokości otwieranego okna ze 40 pikseli?
Na pewno trzeba zmienić
Kod
onload='window.resizeTo(document.image.width,document.image.height)'>"


Ale jak?
revyag
14.06.2006, 10:54:29
Ustaw też padding na 0.
MalyKazio
15.06.2006, 13:04:58
Ustawilem padding na 0 ale w dalszym ciągu zdjęcie jest przycinane... tzn można je przewinąć w oknie ale dół jest ucięty o szerokość paska górnego i dolnego.
erix
20.06.2006, 07:42:39
Kod
var imageWindow = window.open('','image','toolbar=0,location=0,directories=0,menuBar=0,scrollbars=0,resizable=1');

nie masz tu ustawiania rozmiarow

np.
Kod
var imageWindow = window.open('','image','toolbar=0,location=0,directories=0,menuBar=0,scrollbars=0,resizable=1,width=
800,height=600');
revyag
20.06.2006, 08:38:25
Nawet fajny artykuł jest o tym na sitepoint'cie
http://www.sitepoint.com/article/resize-po...fit-images-size
LBO
20.06.2006, 15:38:40
To ja, jak zwykle polece artykuł pornel'a Pop-upy proste, kompatybilne, semantyczne
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.