2 kwietnia 2010

26. Wyskakujący komunikat

Dziś pokażę Wam jak przygotować wyskakujące okienko systemowe na profilu w portalu chomikuj.pl. Przykład takiego zastosowania, znajduje się na chomiku aisha80. Od razu po wejściu, zanim wczyta się cała strona, wyskoczy informacja z wcześniej zdefiniowanym tekstem.

Zrzut ekranu - komunikat systemowy

Do czego możemy wykorzystać okienko systemowe?

Dobrym pomysłem takiego zastosowania jest moment, w którym udostępniamy w danej chwili free transfer. Możemy ułatwić odwiedzającym odnalezienie takiego folderu z włączoną opcję FREE na naszym chomiku, zamieszczając np. taki oto komunikat:


Witaj, w folderze FILMY trwa właśnie FREE TRANSFER! Oznacza to,
że wszystkie pliki z tego folderu pobierasz na mój koszt!




Na pewno zwróci to uwagę innych, ponieważ nie ma możliwości, aby odwiedzająca nas osoba nie zauważyła komunikatu. Ponad to, aby mogła zobaczyć Twój profil, musi potwierdzić komunikat, wciskając przycisk OK.

Oto przykład kodu komunikatu systemowego w najprostszej postaci:

<p>
<script type="text/javascript"><!--
alert("Tutaj wpisz swój tekst..")
// --></script>
</p>


Skopiuj ten kod.
UWAGA! - wpisując swój tekst, nie używaj klawisza ENTER, ponieważ kod nie zadziała w naszym chomiku.
Gdzie masz wkleić skopiowany wyżej kod?

Przejdź do swojego chomika klikając w "edytuj mój profil i opcje"

Zrzut ekranu edycja profilu chomikuj.pl


Kliknij w przycisk HTML

Zrzut ekranu edycja profilu chomikuj.pl


Pojawi się biała ramka do bezpośredniego wpisywania kodu HTML. Klikamy w niej prawym przyciskiem myszy i z menu kontekstowego wybieramy opcję WKLEJ. Pojawi się wówczas nasz skopiowany wcześniej kod komunikatu systemowego. Kod wklejamy na samej górze niniejszego okienka, aby komunikat pojawił się PRZED wczytaniem Twojej strony głównej, lub na samym sole, jeżeli chcesz, aby komunikat pojawił się PO wczytaniu Twojej strony głównej. W obu przypadkach, foldery chomika pojawią się wówczas, gdy odwiedzający nas, potwierdzą przeczytanie komunikatu poprzez wciśnięcie przycisku OK.

Zrzut ekranu edycja profilu chomikuj.pl


Zaakceptuj wklejony kod, poprzez naciśnięcie przycisku "Aktualizuj"

Zrzut ekranu edycja profilu chomikuj.pl


Na koniec zapisujemy wszystko przez naciśnięcie przycisku "Zapisz zmiany"

Zrzut ekranu edycja profilu chomikuj.pl


Teraz powinien nam od razu wyskoczyć komunikat systemowy :-)



Druga wersja komunikatu z OK i ANULUJ.

Teraz pokażę Ci, jak wykonać inną wersję komunikatu systemowego z opcjami wyboru - potwierdzenia wejścia na stronę (OK) lub jej opuszczenia (ANULUJ).

Oto kod do skopiowania i wklejenie na swój profil, zgodnie z wyżej zamieszczonym opisem:

<p>
<script type="text/javascript"><!--
function Info()
{
if (!confirm("Twój tekst z opcją OK lub ANULUJ.."))
history.go(-1);return " "
}
document.writeln(Info())
// --></script>
</p>


Taki komunikat, nadaje się idealnie dla profili zawierających materiały pornograficzne. W okienko komunikatu, możemy bowiem wpisać taki tekst:


UWAGA! Profil zawiera materiały o treściach przeznaczonych tylko
i wyłącznie dla osób dorosłych. Jeżeli masz 18 lat, kliknij w OK,
jeżeli natomiast nie ukończyłeś(aś) 18 roku życia, naciśnij ANULUJ.




Po wciśnięciu przycisku ANULUJ, internauta przenosi się na poprzednią stronę na której przebywał. Jeżeli potwierdzi swój wiek klawiszem OK, wówczas wczyta się reszta naszego profilu.

UWAŻAJ! - nie przesadzaj z wykorzystaniem tego skryptu. Odradzam używania takiego rozwiązania, gdy zachcesz tam wpisać tylko:



Witaj! zapraszam do chomikowania itp etc..



Takie okienko może być irytujące dla osób, które często Cię odwiedzają. Komunikatu systemowego, używaj tylko i wyłącznie wtedy, kiedy masz coś bardzo ważnego do przekazania odwiedzającym Cię osobom. Nie nadużywaj jego "mocy" absorbowania uwagi, ponieważ może mieć to skutek odwrotny do zamierzonego. Używaj go z głową, a na pewno przyniesie Ci oczekiwane efekty :)

Skrypt możesz zastosować nie tylko w portalu chomikuj.pl, ale również na swoich stronach internetowych.

8 komentarze:

Anonimowy pisze...

cool bajer
:)

Anonimowy pisze...

Super! Przyda się zamiast mega wielkich czcionek. To o wiele lepsze rozwiazanie bo zajmuje mniej miejsca

Anonimowy pisze...

Nie wiem czemu u mnie to nie działa :-(
Zrobiłam wszystko tak jak napisałeś

adam-as pisze...

To jest Twoje zdanie że "dobrze zrobiłaś". Nie widzę Twojego profilu więc nie wiem czy na pewno dobrze. Niektórzy popełniają błąd w samym kopiowaniu podanego kodu (spotkałem się już z czymś takim). Pamiętajcie, aby zaznaczyć kod, kliknij najpierw w opcję view plain. Jest tuż nad kodem. Dopiero to kopiujcie. Jeżeli zaznaczycie kod bezpośrednio w tabelce, skopiuje się Wam z numerami linijek, co nie jest kodem! Numery linijek (01. 02. 03. itd..) trzeba później usunąć zaraz po wklejeniu. W przeciwnym razie kod nie zadziała.

Podsumowując, aby poprawnie zaznaczyć kod do wklejenia, klikamy w opcję view plain tuż nad samym kodem. Dopiero tam WSZYSTKO zaznaczamy!

adam-as pisze...

Aha i powtórzę - wpisując swój własny tekst, NIE WOLNO używać klawisza ENTER. Inaczej kod również nie zadziała!

Anonimowy pisze...

Nie jest mi łatwo, ale muszę się do tego przyznać :-) Miałeś rację, to ja popełniłam błąd bo idąc na łatwiznę skopiowałam również ten gotowy tekst. Teraz wpisałam go sama i wszystko działa :-)))
Wielkie dzięki

adam-as pisze...

Bardzo się cieszę, że udało się rozwiązać problem :) Miłego chomikowania! :)

Anonimowy pisze...

działa jak natura chciała dzięki za ten komunikat.

Prześlij komentarz