Forum PHP.pl > [php][js]Tworzenie nowego okna po kliknieciu na link

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [php][js]Tworzenie nowego okna po kliknieciu na link

szajba7

15.10.2006, 00:23:14

Dobry wieczor. Mam problem, pewnie jest on malusi, niestety nie potrawie go rozwiazac - dopiero poznaje js (i jak na razie go nie lubie ;P). Here it goes: mam miniaturke obrazka, po kliknieciu chcialbym aby odpalilo sie nad miniaturka okno o wymiarach dopasowanych do normalnego rozmiaru tego obrazka. Napisalem wszystko i na FF dziala slicznie, niestety na IE juz nie

[PHP] pobierz, plaintext 
<?php
<a href="galeria/maxi/'.$lista[$id].'" onclick='window.open("galeria/maxi/'.$lista[$id].'", "'.$lista[$id].'", "width='.$dlugosc.', height='.$wysokosc.', scrollbars=1"); return false; target=_blank'><img src="galeria/mini/'.$lista[$id].'" width="122" height="128" /></a>
?>
[PHP] pobierz, plaintext

Lub dla wiekszej przejrzystosci juz po stronie klienta (ten sam kod)

[HTML] pobierz, plaintext 
<a href="galeria/maxi/kratka1.jpg" onclick='window.open("galeria/maxi/kratka1.jpg", "kratka1.jpg", "width=620, height=420, scrollbars=1"); return false; target=_blank'><img src="galeria/mini/kratka1.jpg" width="122" height="128" /></a>
[HTML] pobierz, plaintext

Sprawdzalem skladnie window.open, niby poprawna, kombinowalem tez z target'em. Bug jest pewnie widoczny jak na dloni, tylko ja slepy, to u mnie normalne czasami, wiec z gory przepraszam

I korzystajac z okazji - czy mam mozliwosc ustawienia CSS dla takiego pop-up'a ?

bogdan89

15.10.2006, 07:09:57

nie wpisałeś poprawnie parametrów w swoim odwołaniu do window.open();
ja jakos niedawno zrobiłem cos takiego:

[HTML] pobierz, plaintext 
<script type="text/javascript" language="JavaScript">
function show(imgsrc, winWidth, winHeight) {
winTop = 50;
winLeft = 50;
 
image = window.open('','','toolbar=no, scrollbars=auto, resizable=no, status=no, location=no, directories=no, width='+winWidth+', height='+winHeight+', menubar=no, left='+winLeft+', top='+winTop);
image.document.writeln("<head><link rel='stylesheet' type='text/css' href='style.css'>");
image.document.writeln("<title>Tytul okienka</title></head>");
image.document.writeln("<body style='margin:0px;padding:0px;'>");
 
image.document.writeln("<img style='cursor:hand;' alt='zamknij okno' onClick='java script:window.close();' src="+imgsrc+">");
image.document.writeln("</body>");
}
</script>
[HTML] pobierz, plaintext

i do tego link:

[HTML] pobierz, plaintext 
<a href="java script:show('sciezka do zdjecia', 'szerokosc', 'wysokosc');">link</a>
[HTML] pobierz, plaintext

zobacz ze tutaj bez problemu mozesz sobie dodać to co tylko zechcesz do utworzonego przez JS okienka...
no i działa we wszystkich przeglądarkach

pozdrawiam

erix

15.10.2006, 10:00:44

Kurde, czepiliście się tego java script:!

Komplikujecie sobie życie... Najlepsze są najprostsze i uniwersalne rozwiązania:

[HTML] pobierz, plaintext 
<a href="obrazek.jpg" onclick="window.open(this.href)">test</a>
[HTML] pobierz, plaintext

szajba7

15.10.2006, 10:19:49

Bogdan89: Dziekuje, Twoj przyklad strasznie przyda mi sie do wrzucania styli w nowym oknie - sam zupelnie bym nie wpadl na taki sposob.
Blad u siebie znalazlem w drugim argumencie - IE nie zezwala na nazwanie takiego okna jak ja to zrobilem ("plik.jpg").

Erix: Rowniez dziekuje za zainteresowanie tematem. Niestety przyklad ktory podales nie robi tego, czego oczekiwalem (albo zle go wdrazam). Twoj odwiera mi linka, a ponadto cale nowe okno - ja tylko potrzebowalem pop-up'a o dynamicznie okreslanych wymiarach. Ale za to ten kod przyda mi sie gdzie indziej

Dziekuje jeszcze raz za pomoc i pozdrawiam

bogdan89

15.10.2006, 11:10:15

Cytat(erix @ 15.10.2006, 11:00:44 )

Kurde, czepiliście się tego javascript!

Komplikujecie sobie życie... Najlepsze są najprostsze i uniwersalne rozwiązania:

[HTML] pobierz, plaintext 
<a href="obrazek.jpg" onclick="window.open(this.href)">test</a>
[HTML] pobierz, plaintext

1. dodaj do tego wymiar okna zalezny od rozmiaru obrazka
2. dodaj style.css

... Twoje rozwiązanie jest może najprostsze, ale nie bardzo uniwersalne.

erix

15.10.2006, 12:03:23

Cytat

ale nie bardzo uniwersalne.

Jak to nie jest uniwersalne? Jest uzależnione tylko od wartości href; nie trzeba modyfikować parametrów funkcji.

Cytat

dodaj do tego wymiar okna zalezny od rozmiaru obrazka

Przejrzyj źródła thickboxa; tam jest metoda do zmiany rozmiaru okienka w zależności od wymiarów obrazka. Przeportuj do okienka i będzie grała gitara.

Cytat

dodaj style.css

Szczerze mówiąc, to co ma piernik do wiatraka?

Cytat

ja tylko potrzebowalem pop-up'a o dynamicznie okreslanych wymiarach. Ale za to ten kod przyda mi sie gdzie indziej

To jaki problem dopisać kolejne parametry?

[HTML] pobierz, plaintext 
<a href="obrazek.jpg" onclick="window.open(this.href, 'okno'+Math.rand(), 'width=100,height=100,status=no')">test</a>
[HTML] pobierz, plaintext

Math.rand sprawia, że będzie się otwierało za każdym razem inne okienko. Jeśli chcesz, żeby wszystko było w jednym, to wytnij to.

bogdan89

15.10.2006, 13:41:41

zwracam honor

NuLL

15.10.2006, 13:43:04

A moze http://www.huddletogether.com/projects/lightbox/

lopik

15.10.2006, 14:19:26

NuLL miałem to ostatnio, super

Tylko szkoda że nie jest zgodne z standardem validator sie burzy ;/

erix

15.10.2006, 14:31:09

Wyrzuć opacity ze stylów i powinno już być OK.

Jest jeszcze lżejszy Thickbox.

szajba7

15.10.2006, 15:41:43

Hmmm... Nie chcialbym naduzywac dobroci innych uzytkownikow, ale znow mam problem, mam nadzieje ze zostanie mi wybaczone.

Uzywam skryptu Bogdana89 - dziala super, slicznie i wogole, ale pojawia sie tez 'wieczne ladowanie strony'.
Obraz sie wyswietla, ale pasek stanu w przegladarce zatrzymuje sie po polowie i stoi, a dziarski komunikat informuje iz wciaz trwa pobieranie danych z mojego host'a. Czy Ktos wie jaka moze byc przyczyna takiego zachowania ?

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.