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
Pełna wersja: [js] Problem z nowym oknem
[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
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
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.
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().
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?
<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?
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
[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
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]
[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]
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
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>
<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>
<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>
tak pieknie dział .
PUNKCIK
PUNKCIK
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
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
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.