Blog webdeveloperski Patryk yarpo Jar

Pop-up we wskazanym miejscu

Autor wiadomości Styczeń 4, 2011

Nim zaczniesz bombardować internautów odwiedzających twoją stronę www milionem okienek otwieranych we wszystkich możliwych miejscach, zastanów się czy oby na pewno jest to najlepsza metoda zwraca na siebie uwagi.

Łatwo jest otworzyć nowe okienko [tzw. "pop-up"], jednak czasem aż kusi, aby otwierało się ono w odpowiednim miejscu. Oczywiście da się to zrobić:-).

Zacznijmy od kodu HTML/JS:

<html>
<head>
    <title>Strona</title>
    <script type="text/javascript">
        function otworz(url, szerokosc, wysokosc)
        {
            var x = (screen.width/2)-(szerokosc/2); // ustalam współrzędne poziome
            var y = (screen.height/2)-(wysokosc/2); // ustalam współrzędne pionowe
            window.open(url,"launch","height="+wysokosc+",width="+szerokosc+",top="+y+",left="+x);
        }
</script>
</head>
<body>
    <a href="javascript:otworz('strona.htm', 800,600)">Link otworzy stronę w odpowiednim miejscu</a>
</body>
</html>

W sekcji head znajduje się funkcja obliczająca odpowiednie współrzędne `top' i `left'. Właśnie te dwa parametry wskazują gdzie ma się otworzyć nowe okno. Parametry te można ustawić na sztywno, dodając jedynie odpowiednie atrybuty [top, left] do metody `window.open'.

To rozwiązanie jest poprawne, jednak raczej polecałbym wykorzystanie nowoczesnych frameworków JS pozwalających na bardziej atrakcyjne okienka.

Komentarze (0) Trackbacks (0)

Brak komentarzy.


Leave a comment

 

Brak trackbacków.