Zdecydowana większość stron w Internecie zawiera linki do innych stron, plików do pobrania, zdjęć itp. Niektóre hiperłącza otwierają się w tym samym oknie, reszta - w nowym. Zobaczmy, jak otwierać linki w osobnym oknie.
Instrukcje
Krok 1
W języku HTML (HyperText Markup Language), który służy do opisu stron internetowych, instrukcja drukowania linku wygląda tak: Tekst linku Jest to najprostsza opcja. Takie instrukcje w HTML nazywane są „tagami” i z reguły każdy tag zawiera dodatkowe informacje – „atrybuty”. W tej najprostszej wersji linku występuje tylko jeden atrybut - „href”. Zawiera adres URL strony (lub pliku), który powinien zostać wyświetlony, jeśli odwiedzający kliknie ten link. A atrybut, który wskazuje, w którym oknie powinien zostać wyświetlony ten nowy dokument, jest oznaczony jako „target”. Jeśli w atrybucie href można wpisać dowolny adres (oczywiście jeśli jest poprawny), to w target można podać tylko cztery różne wartości: _self - strona musi być wczytana do tego samego linku, była w to właśnie wczytana okno nadrzędne _top - strona musi być załadowana do tego samego okna. Ponadto, jeśli to okno jest podzielone na ramki, to wszystkie powinny zostać zniszczone, a nowa strona powinna być jedyną ramką w tym oknie, _blank - dokument wskazany przez link powinien zostać otwarty w nowym oknie.
Krok 2
Tak więc, aby link otwierał się w osobnym oknie, tag powinien wyglądać tak: Tekst linku
Krok 3
Istnieje inny rodzaj okien - "okna modalne". Są to okna, które, jeśli już się pojawiły, zablokują wszystkie inne okna przeglądarki, dopóki nie wykonają swojej pracy. A ich zadaniem jest nakłonienie gościa do zrobienia czegoś - na przykład wprowadzenia nazwy użytkownika i hasła lub naciśnięcia dowolnego przycisku potwierdzenia lub wypełnienia kwestionariusza itp. Istnieją również bardziej pokojowe zastosowania dla okien modalnych (lub „dialogowych”). Oczywiście otwieranie linków w osobnych oknach modalnych jest bardziej skomplikowanym zadaniem i wymaga użycia CSS (Cascading Style Sheets) z JavaScript oprócz HTML. Stosunkowo prostą przykładową implementację można zobaczyć tutaj -
