 Služby |
• Guestbook
kniha návštěv
pro
každého
• MailForm
zasílání
výsledků
formulářů na e-mail
|
|
|
 JS: Otevření vycentrovaného
okna
Skript vhodný zejména pro webmastery, kteří pracují například
s fotogaleriemi či podobnými systémy.
Zde se totiž velmi často uplatňuje otevírání nových oken s
obrázky (je to ono známé "Klikni pro zvětšení"). Pokud ovšem necháte
otevřít běžné okno pomocí window.open, otevře se okno
takových rozměrů, které používá uživatel mimo maximalizovanou verzi
prohlížeče. To je v mnohých případech neefektní, proto si ukážeme
jednoduchý způsob, jak otevřít okno takových rozměrů, aby bylo za
každé situace přesně v prostředku obrazovky, jak na výšku, tak na
šířku.
Zde vám tedy nabízím základní zdrojový kód skriptu, který můžete
zapracovat do stránek různými rozmanitými způsoby. Všechny důležité
části jsou náležitě okomentovány.
<script
language="JavaScript">
<!--
function
otevri()
{
sirka_okna=document.forms[0].elements[0].value;
//
zjistíme šířku okna z dat zadaných uživatelem do
formuláře
// a její obsah uložíme do
proměnné
vyska_okna=document.forms[0].elements[1].value
//
totéž provedeme s výškou
okna
cislo=isNaN(sirka_okna);
// zkontrolujeme, je-li
zadaná šířka číslo
cislo1=isNaN(vyska_okna);
//
zkontrolujeme, je-li zadaná výška číslo
if (cislo==true ||
cislo1==true || sirka_okna==0 || vyska_okna==0)
// pokud
některý z údajů není číslo nebo je
nula
window.alert("Nezadali jste platné rozměry okna");
// upozorníme na to uživatele
else {
// jinak budeme
provádět zbytek
skriptu
zleva=(screen.width-sirka_okna)/2;
// od šířky
pracovní plochy odečteme zadanou šířku okna
// a vydělíme
dvěma, čímž dosáhneme velikost odsazení
// otevřeného okna
zleva
zhora=(screen.height-vyska_okna)/2;
// od výšky
pracovní plochy odečteme zadanou výšku okna
// a vydělíme
dvěma, čímž dosáhneme velikost odsazení
// otevřeného okna
zhora
okno=window.open("about:blank","okno","toolbar=no");
//
otevřeme okno se zadanou adresou a
parametry
okno.resizeTo(sirka_okna,vyska_okna);
//
upravíme ho do zadaných
rozměrů
okno.moveTo(zleva,zhora);
// a posuneme na
vypočítané souřadnice, aby bylo
uprostřed
}
}
//-->
</script>
|
Dále jsem do dokumentu vložil pro demonstraci formulář, kam
uživatel zadá rozměry okna. V praxi jej asi většinou nevyužijete a
do skriptu dosadíte přímo vlastní rozměry okna, ovšem slouží k
ukázce, že se všechny okna otevřou uprostřed.
<form>
Šířka: <input
type=text><br>
Výška: <input
type=text>
<input type=button value="Otevři okno"
onClick="otevri()">
</form>
|
Jak celý tento skript vypadá v praxi si můžete vyzkoušet právě zde. V této verzi slouží spíše k demonstračním účelům
a disponuje rozsáhlými možnostmi modifikace a vylepšení přesně na
míru každému webmasterovi.
Autor: Petr Beran, pb@zde.cz, informace a seznam
článků
Žádné komentáře k tomuto článku
Přidat
komentář
| Poslední články ze stejné
rubriky |
• JS: Pohybujte oknem
prohlížeče pomocí klávesnicových šipek
• JS: Nutnost souhlasu
s pravidly vašeho serveru
• JS: Efektní
rozevírací menu
• JS: Pohyblivé
menu
• JS: Nastavení
otevírání všech odkazů do nového okna
| |
Provozovatel:
 Poslední články |
|
|
|
 Hodnocení článku |
Stav:
1
Počet: 4 |
|
 Nový redaktor |
Chcete psát články
pro PC Svět či
se
stát redaktorem?
Články honorovány!
Informace zde
|
|
|
PC Svět 
Programy 
Informace 
Vytisknout
Poslat
Komentáře
Přidat
komentář