|  | | Ankieta pop-up |  |
Ankieta pop-up
Wyskakujące okno (ang. pop-up) to jedna z funkcji stron WWW powodująca automatycznie uruchamiane nowego okienka (karty) z określoną treścią w przeglądarce internetowej. Ponieważ technika ta jest najczęściej wykorzystywana do prezentowania reklam, wielu użytkowników blokuje wyskakujące okna.
ankieta popup
Ankietę pop-up tworzymy wykorzystując metodę JavaScript window.open(). Możemy otworzyć okno z ankietą na cztery sposoby:
Przed załadowaniem strony
<head> <script type='javascript'>
window.open('adres','nazwa','parametry').focus();
</script> </head>
Po załadowaniu strony
<body onload="window.open('adres', 'nazwa','parametry').focus();">
W treści strony
W sytuacji kiedy nie mamy dostępu do zamieszczenia treści w znacznikach body i head a potrzebujemy zamieścić ankietę popup. Wówczas możemy zamieścić wywołanie okna w treści strony zamieszczając kod:
<script type='javascript'>
window.open('adres', 'nazwa','parametry').focus();
</script>
Po kliknięciu na link
<a target="_BLANK" href="#" onclick="window.open('adres','nazwa','parametry').focus(); return false">nazwa linku</a>
Metoda window.open() pozwala na przesłanie trzech argumentów:
- adres URL strony
- nazwa nowego okna
- parametry nowego okna: |
left [liczba] – współrzędna nowego okna (odległość od lewej strony)
top [liczba] – współrzędna nowego okna (odległość od góry strony)
height [liczba] – wysokość nowego okna
width [liczba] – szerokość nowego okna
resizable [yes,no] – określa, czy rozmiar nowego okna może być zmieniany przez przeciągnięcie ramki
scrollable [yes,no] – określa,czy nowe okno ma umożliwiać przewijanie, jeżeli zawartość nie mieści się w obszarze wyświetlania
toolbar [yes,no] – określa czy w nowym oknie ma się ukazać pasek narzędzi
status [yes,no] – określa czy w nowym oknie ma się ukazać pasek stanu
location [yes,no] – określa czy w nowym oknie ma się ukazać pasek adresu |
|
Ankieta przykładowa - przykład ankiety
Przykład
Ankieta demonstracyjna
Kod przykładu:
<a target="_BLANK" href="#" onclick="window.open('http://net-ankiety.pl/ankieta.php?id=v1zujpjwv7fzj7sznvcjvxzb', 'NET-ANKIETY.PL', 'left=50, top=50, width=570, height=600, toolbar=no, location=no, resizable=yes').focus(); return false;">Ankieta demonstracyjna</a>
|
| | Ostatnia aktualizacja strony: 19.02.2009 |  |
|
|
