[JS] Nowe rozbudowane okno

Dex · Post autor: **Dex** » śr lut 01, 2006 7:14 pm

Chciałbym znaleźć skrypt który pozwalałby mi po na jechaniu kursorem myszki na jakiś obrazek, i po kliknięciu, otworzyć nowe niewielkie okno. Okno to składałoby się z 3ch elementów i tworzyłoby swojego rodzaju szablon – 1.logo, 2.konkretny obrazek(ten który powiększam), 3.stopka z przyciskiem Zamknij.

Naprzykładem może być ta strona http://www.nokia.com.pl/nokia/telefony/ ... 50038.html

Na swojej stronie będę miał sporo małych obrazków, tworzenie dla każdego z nich osobnej strony html/php nie jest praktycznym rozwiązaniem. Nie znam się niestety na javie więc sam takiego skryptu nie mogę napisać. Zanim napisałem tego posta spędziłem kilka godzin na poszukiwaniu jakiegoś skryptu a także próbowałem przerabiać kilka z którymi się zetknąłem w internecie. Wszystko jednak poszło na marne.

Czy ktoś z was może mi dać jakąś rade lub coś konkretnego? Chętnie się w jakiś sposób zrewanżuje.

Znam się dość dobrze na xhtml’u, css i SEO.

Z góry dziękuje.

cfaniak · Post autor: **cfaniak** » czw lut 02, 2006 6:55 pm

CO do obrazka to musialby to byc po prostu link tyle ze z grafa zamiast textu, co do okna to jest tego w sieci pelno, na forum tez to bylo poruszane i to wielokrotnie, no ale masz http://www.cgi.csd.pl/index-v.php?n=faq ... faq&ida=11 . A to jak bedzie wygladac wnetrze tego okna to juz zalezy od pliku ktory tam wczytujesz. Z logiem i powiekszonym zdjeciem nie powinienes miec problemow, co do buttona zamknij okno to :

Kod: Zaznacz cały

<a href="javascript:window.close()">zamknij okienko</a>

Mam nadzieje ze o to Ci chodzilo.

Dex · Post autor: **Dex** » pt lut 03, 2006 3:41 pm

Niezupełnie o to mi chodziło ale dzięki za podjęcie się tematu. Udało mi się wspólnymi siłami z kumplem coś wymyślić. Przedstawiam poniżej skrypt, jeśli ktoś chce niech kopiuje.

HEAD:

Kod: Zaznacz cały

<script language="JavaScript" type="text/javascript">
<!—

function popup(image,width,height,tytul)
{
var okno=window.open(image,"displayWindow",'width='+width+',
height='+height+',resizable=0,scrollbars=no,menubar=no')

okno.document.write(
'<html>\n'+
'<head>\n'+
' <title>'+tytul+'</title>\n'+
' <meta http-equiv="content-type" content="text/html; charset=iso-8859-2"/>\n'+
'</head>\n'+
'<body>\n'+
'<div style="width: 100%; margin-left: auto; margin-right: auto;">\n'+
' <div style="width: 100%; height: 100%;">\n'+
'  <div style="margin: 0px; text-align: center;">\n'+
'   <img alt="'+tytul+'" src="'+image+'">\n'+
'  </div>\n'+
' </div>\n'+
'</div>\n'+
'</body>\n'+
'</html>\n')
okno.document.close()
}

//-->
</script>

BODY:

Kod: Zaznacz cały

<a href="javascript:void(0)" onclick="popup('aaa2.jpg',200,200,'Tytuł')"><img alt="Tytuł" src="aaa1.jpg" border="0" /></a>

Wie ktoś może jak trzeba by przerobić ten skrypt by wyświetlał nowe okno nie w rogu przeglądarki tylko w jakimś innym miejscu, np. na środku?

Do prezentacji fragmentu kodu korzystaj z odpowiedniego BBCode [poprawione]

Dex · Post autor: **Dex** » ndz lut 05, 2006 11:23 pm

Sam już znalazłem odpowiedź: left=(...) i top=(...) są za to odpowiedzialne.

Nawiązując do powyższego kodu :

Kod: Zaznacz cały

var okno=window.open(image,"displayWindow",'width='+width+',
height='+height+',left=100,top=150,resizable=0,scrollbars=no,menubar=no')

To forum jest niezwykle inspirujące.

Po raz drugi: do prezentacji fragmentu kodu korzystaj z odpowiedniego BBCode [poprawione]

[JS] Nowe rozbudowane okno

[JS] Nowe rozbudowane okno

Re: [JS] Nowe rozbudowane okno

Re: [JS] Nowe rozbudowane okno

Re: [JS] Nowe rozbudowane okno