28. Seria komunikatów

Niedawno opisywałem jak zmusić użytkownika portalu chomikuj.pl do przeczytania zdefiniowanej przez nas wcześniej wyskakującej informacji. Dziś nie będziemy nikogo zmuszać, ale damy mu wybór. Przygotujemy skrypt, który wygeneruje specjalny przycisk. Dopiero po naciśnięciu przycisku, wyświetli się nam wcześniej zdefiniowany komunikat systemowy i to w trzech następujących po sobie okienkach. Przeglądająca stronę osoba, będzie musiała potwierdzić wszystkie komunikaty przyciskiem ok, aby móc dalej przeglądać zawartość naszego profilu. Poniżej możesz zobaczyć przykład takiego nietypowego przycisku:

Jak wygląda kod takiego przycisku (buttona) z komunikatami jak powyżej?

<form>
<input type="button" value=" Przeczytaj te informacje "
onClick="alert('To jest informacja pierwsza');alert('To jest druga informacja');alert('To jest trzecia informacja')")>
</form>

Kod w bardzo prosty sposób możesz dostosować do własnych potrzeb. Przykładowo podany przeze mnie tekst podmień na swój własny i już możesz wstawiać kod na chomika. Przyjrzyj się dokładnie jak wygląda cały kod. Z łatwością dodasz komunikat czwarty, piąty, szósty itd... jeżeli tylko będziesz miał(a) taką potrzebę. Wstawiamy przygotowany kod na chomika.

Najpierw go skopiuj z powyższej ramki.
Przejdź do swojego chomika klikając w "edytuj mój profil i opcje"




Kliknij w przycisk HTML




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. Kod wklejamy tam gdzie chcemy mieć przycisk.




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




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




Gotowe :-)
Masz swój własny unikalny przycisk :-)
Pamiętaj! W miejscu w którym wpisujesz swój własny komunikat, nie działają znaczniki HTML. Możesz wpisać tylko i wyłącznie czysty tekst. Kod seryjnych komunikatów systemowych, możesz wykorzystać również na innych stronach internetowych, nie tylko w chomikuj.pl

19. Wstawianie przycisku

W Waszych pytaniach, otrzymywałem także prośby o wytłumaczenie, jak zrobić taki biały przycisk jak na profilu adam-as. Oto ten przycisk:



Zauważ, że jeżeli najedziesz kursorem myszy na przycisk, nie zobaczysz linku w lewym dolnym rogu przeglądarki internetowej (np. Firefox). W normalnym przypadku, przeglądarka pokazuje Ci dokąd prowadzi link po najechaniu na niego kursorem myszy, jednak w przypadku przycisków, linki są niewidoczne.

No dobrze, czas pokazać kod:

<input onclick="parent.location.href='Link do strony'" type="button" value="Tekst na przycisku" />

Objaśnienie kodu:

Link do strony - tutaj podajemy do jakiej strony ma nas zaprowadzić przycisk gdy w niego klikniemy. Podajemy na przykład:
http://chomikuj.pl/Dobry.film
lub gdy chcemy, aby odnośnik zaprowadził nas do zupełnie innej strony:
http://www.pcmedio.pl

Tekst na przycisku - wpisujemy tekst, który pojawi się na samym przycisku. Ja wpisałem tam "Klikalny przycisk"

Aby upewnić się, że na pewno zrozumieliśmy o co chodzi, posłużę się gotowcem. Zróbmy przycisk, który będzie prowadził do profilu adam-as i taką tez nadamy mu nazwę. Oto kod:

<input onclick="parent.location.href='http://chomikuj.pl/adam-as'" type="button" value="adam-as" />

Oto efekt naszego kodu:



Jeżeli nie zrozumiałeś, po prostu popatrz na kod i podmień link na swój, oraz zmień nazwę na swoją :)

UWAGA! przycisk nie zadziała w rozmowach chomikowych! Ten rodzaj przycisku możesz zastosować JEDYNIE w edycji swojego profilu chomikuj.pl. Oczywiście na innych stronach internetowych, przycisk będzie działał w normalny sposób. W rozmowach chomikowych jak i opisach folderów, zastosowano ograniczenia odnośnie wykorzystania znaczników html.