 [js] Problem z nowym oknem |
  |
| [js] Problem z nowym oknem |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 59 Pomógł: 0 Dołączył: 26.02.2004 Ostrzeżenie: (0%) 
 |
Mam taki problem nie wiem w jaki sposób zrobić link tak aby otwierał nowe okno z wyswietlonym plikiem graficznym o określonych rozmiarach.
Przeszukiwałem forum niestety jakoś nie znalazłem rozwiążania. Domyslam sie,że będzie potrzebne użycie jawy - ja niestety nie wiem w jaki sposó b to zrobić. Prosze o pomoc -------------------- marko
|
 |
 
|
|
Post
#2
|
|
 Developer Grupa: Moderatorzy Postów: 2 844 Pomógł: 20 Dołączył: 25.11.2003 Skąd: Olkusz |
|
|
|
|
|
Post
#3
|
|
 Grupa: Zarejestrowani Postów: 91 Pomógł: 0 Dołączył: 25.02.2004 Ostrzeżenie: (0%)
|
[xml:1:08b54724cb]<script type="text/javascript">
function okno(adres,szerokosc,wysokosc) { window.open(adres,"", "status=no,scrollbars=yes,resizable=no,toolbar=no,location=no,directories=no,menu ar=no,scrolling=yes, width=" + szerokosc + ", height=" + wysokosc); } </script>[/xml:1:08b54724cb] W skrypcie możesz oczywiście pozmieniać elementy nowo otwartego okna np. możliwość zmiany jego rozmiarów (resizable=yes). [xml:1:08b54724cb]<a href="java script:okno('obrazek.jpg', 300, 350)">Otwórz okno</a>[/xml:1:08b54724cb] W linku wpisujesz kolejno nazwę i źródło do pliku graficznego, szerokość nowo otwartego okna, a następnie wysokość okna. Pozdrawiam |
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 59 Pomógł: 0 Dołączył: 26.02.2004 Ostrzeżenie: (0%)
|
Pieknie, ale czy jest jakiś sposób na ustawienie względem wielkosci obrazka chodzi mi o to aby okno otwierało sie w wielkości zdjecia, ale nie na cały ekran - ma być od razu wywietlane całe zdjęcie.
-------------------- marko
|
|
|
|
|
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 105 Pomógł: 0 Dołączył: 7.09.2002 Skąd: Bydgoszcz Ostrzeżenie: (0%)
|
Cytat Pieknie, ale czy jest jakiś sposób na ustawienie względem wielkosci obrazka chodzi mi o to aby okno otwierało sie w wielkości zdjecia, ale nie na cały ekran - ma być od razu wywietlane całe zdjęcie.
Jest, kilka sposobów np. resizeTo() + wielkość do której skalować możesz sobie pobrać z obrazka również przez JS i to wywołać przy zdarzeniu onload dla 'body'. Jak sobie ne poradziasz to ....  Oczywiście możesz wypytać obrazek o jego wielkość i to dawć do open().
-------------------- Inni dążą do doskonałości, ja nie muszę ;)
|
|
|
|
|
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 59 Pomógł: 0 Dołączył: 26.02.2004 Ostrzeżenie: (0%)
|
Ja zdecydowłem sie na taki zapis
<a href=# onclick= window.open('kat/obraz1.jpg','k','width=350,height=370')><img src='kat_mini/obrazk.jpg' width='100' height='100' border='0' alt=''></a> Jestem "kompletnie zielony" i dalej nie mam pojecia jak to zrobić , czy moge prosić o konkretny zapis kodu? -------------------- marko
|
|
|
|
|
Post
#7
|
|
|
Grupa: Zarejestrowani Postów: 91 Pomógł: 0 Dołączył: 25.02.2004 Ostrzeżenie: (0%)
|
Skrypt:
[xml:1:f75ceaf90c]<script type="text/javascript"> function okno(adres) { obraz = new Image(); obraz.src = adres; var szerokosc = obraz.width; var wysokosc = obraz.height; var okno = window.open("","", "status=no,scrollbars=no,resizable=no,toolbar=no,location=no,directories=no,menub r=no,scrolling=no, width=" + szerokosc + ", height=" + wysokosc + ""); okno.document.write("<html><head></head><body style='margin-left: 0px; margin-top: 0px'><img src='" + adres + "'></body></html>"); } </script>[/xml:1:f75ceaf90c] Link: [xml:1:f75ceaf90c]<a href="java script:okno('sciezka_do_obrazka')">Otwórz okno</a>[/xml:1:f75ceaf90c] Ps. Używaj BBCode :-) (poczytaj na początku Forum). Ps2. Unikaj podstawowego błędu - określania wymiarów obrazka (width, height) w znaczniku img. Staraj się stworzyć obrazek o oczekiwanych rozmiarach, ale w programie graficznym. Niektóre edytory HTML Wyswing (czy jakoś tak ;-)) wstawiają te wartości na podstawie faktycznych rozmiarów obrazka. Wtedy wystarczy skasować je. Gorzej jeżeli obrazek ma rozmiar 600x600, a zmieniasz jego rozmiar w znaczniku img na 300x300. Jest to nieefektowne - faktycznie ładowany jest obrazek dwa razy większy, przez to "cięższy" - w skrócie dłużej się ładuje). Pozdrawiam |
|
|
|
|
Post
#8
|
|
 Grupa: Zarejestrowani Postów: 270 Pomógł: 0 Dołączył: 15.06.2003 Ostrzeżenie: (0%)
|
niestety kod tenb nie działa
[xml:1:867e04c8f6] <html> <head> </head> <body style='margin-left: 0px; margin-top: 0px'> <script type="text/javascript"> function okno(adres) { obraz = new Image(); obraz.src = adres; var szerokosc = obraz.width; var wysokosc = obraz.height; var okno = window.open("", "", "status=no, scrollbars=no, resizable=no, toolbar=no, location=no, directories=no, menubar=no, scrolling=no, width=" + szerokosc + ", height=" + wysokosc + ""); okno.document.write(" <html> <head> </head> <body style='margin-left: 0px; margin-top: 0px'> <img src='" + adres + "'> </body> </html> "); } </script> Link: Kod XML: <a href="java script:okno('http://www.wp.pl/i/const/lwx.gif')">Otwórz okno</a> </body> </html> [/xml:1:867e04c8f6] |
|
|
|
|
Post
#9
|
|
|
Grupa: Zarejestrowani Postów: 59 Pomógł: 0 Dołączył: 26.02.2004 Ostrzeżenie: (0%)
|
tak nie działa - a ja myślałem że jest to spowodowane tym ze próbowałem go uruchomić na na komputerze z zainstalowanym systemem LINUX
-------------------- marko
|
|
|
|
|
Post
#10
|
|
|
Grupa: Zarejestrowani Postów: 105 Pomógł: 0 Dołączył: 7.09.2002 Skąd: Bydgoszcz Ostrzeżenie: (0%)
|
Kod <html>
<head> <script type="text/javascript"> function popup(url, width, height, name) { win = open(url, name, 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizab e=no,fullscreen=no,channelmode=no,width=' + width + ',height=' + height + ',top=0,left=0') } </script> </head> <body> <a href="javascript:popup('photo.php?name=nazwapliku(jpg|gif|png)', 100, 100, 'photo')">Otwórz okno</a> </body> </html> -> photo.php Kod <html>
<head> <script type="text/javascript"> function resizeANDmove(width, height) { width += 8 height += 26 var x, y, dy = 60 if (width >= screen.width) { x = 0 } else { x = parseInt((screen.width - width) / 2) } if (height >= screen.height) { y = 0 } else { y = parseInt((screen.height - height) / 2) - dy } resizeTo(width, height) moveTo(x, y) focus() } </script> </head> <body style="margin: 0px;" onload="resizeANDmove(document.photo.width, document.photo.height)"> <img name='photo' src="<?= $_GET['name'] ?>" /><br /> </body> </html> -------------------- Inni dążą do doskonałości, ja nie muszę ;)
|
|
|
|
|
Post
#11
|
|
|
Grupa: Zarejestrowani Postów: 59 Pomógł: 0 Dołączył: 26.02.2004 Ostrzeżenie: (0%)
|
tak pieknie dział .
PUNKCIK -------------------- marko
|
|
|
|
|
Post
#12
|
|
 Grupa: Zarejestrowani Postów: 297 Pomógł: 0 Dołączył: 17.01.2003 Skąd: Tarnów Ostrzeżenie: (0%)
|
Witam może mi ktos pomoże bo na JS sie nie znam
Mam sobie kod php i chce zeby otwieralo sie nowe okno bez paska adresu, narzędzi samo czyste okno ze zdjęciem pobranym z bazy mój kod php [php:1:410aaeefbb]<?php ."<td rowspan="4" align="center" bgcolor="#EEEEEE"><a href="download.php?op=screns&id=" . $row['id'] . "" class="menu" target="_blank"><img src=".$row['scr']." vspace="3" border="0"></a></td>n" ?>[/php:1:410aaeefbb] Próbowałem dodać onClick i funkcje ale coś mi nie wyszło |
|
|
|
|
|
Aktualny czas: 21.08.2025 - 18:22 |
