Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Funkcje js do popupa, otwierane okno jest zbyt male.
MalyKazio
post 14.06.2006, 10:13:02
Post #1





Grupa: Zarejestrowani
Postów: 168
Pomógł: 1
Dołączył: 19.11.2005

Ostrzeżenie: (0%)
-----

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?


--------------------
"Jak Cię widzą tak Cię piszą, chyba żeś jest wielką fiszą"
Go to the top of the page
+Quote Post
revyag
post 14.06.2006, 10:54:29
Post #2





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

Ostrzeżenie: (0%)
-----

Ustaw też padding na 0.


--------------------
-------------

------
Go to the top of the page
+Quote Post
MalyKazio
post 15.06.2006, 13:04:58
Post #3





Grupa: Zarejestrowani
Postów: 168
Pomógł: 1
Dołączył: 19.11.2005

Ostrzeżenie: (0%)
-----

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.


--------------------
"Jak Cię widzą tak Cię piszą, chyba żeś jest wielką fiszą"
Go to the top of the page
+Quote Post
erix
post 20.06.2006, 07:42:39
Post #4





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
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');


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
revyag
post 20.06.2006, 08:38:25
Post #5





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

Ostrzeżenie: (0%)
-----

Nawet fajny artykuł jest o tym na sitepoint'cie
http://www.sitepoint.com/article/resize-po...fit-images-size


--------------------
-------------

------
Go to the top of the page
+Quote Post
LBO
post 20.06.2006, 15:38:40
Post #6





Grupa: Zarejestrowani
Postów: 1 415
Pomógł: 117
Dołączył: 7.09.2005
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

To ja, jak zwykle polece artykuł pornel'a Pop-upy proste, kompatybilne, semantyczne
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 28.06.2025 - 05:54
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn