Nawigacja
Aby przeglądanie naszej witryny WAP było jak najbardziej
proste i intuicyjne, czy będzie się ona składała z jednej
talii, czy kilku mniejszych, musimy z rozwagą rozplanować
połączenia poszczególnych kart. Pomimo iż na pierwszy rzut oka
wydaje się to być bardziej skomplikowane niż w HTML`u, gdyż w
jednym dokumencie mieściła się tam tylko jedna strona, a w
WML`u może być ich (kart) więcej, tworzenie odnośników w WML
jest analogiczne do sposobu w jaki robiliśmy to w przypadku
HTML.
Dla jasności wspomnę, że aby wybrać jakiś
odnośnik należy;
- w emulatorze Nokii 6115 nacisnąć przycisk z poziomą
linią pomiędzy przyciskami do przesuwania okna przeglądarki
- w emulatorze Nokii 6110 nacisnąć przycisk po lewej
stronie pod ekranikiem opisany na wyświetlaczu jako "Go ..."
<a> </a>
jest znacznikiem umożliwiającym przechodzenie do innych kart.
Jego obligatoryjnym atrybutem jest
href="adres_url" który deklaruje położenie pliku
do którego odwołuje się nasz link. Innym atrybutem, jest
title="tytul" Jego użycie nie jest konieczne,
jednak jeżeli wpiszemy tytuł, niektóre przeglądarki w jakiś
sposób go pokażą; najczęściej na dole wyświetlacza. Nie
wszystkie jednak; przykładem może być emulator Nokii 6150,
standartowo znajdujący się w Nokia WAP Toolkit.
Może teraz
sprawdzimy jak to działa w rzeczywistości. Proponuję stworzyć
nowy folder, a w nim dwa pliki; talia1.wml oraz
talia2.wml Pierwszy z plików, niech zawiera taki
kod;
<?xml
version="1.0"?>
<!DOCTYPE wml PUBLIC
"-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card
id="karta1">
<p>
<a
href="talia2.wml">TUTAJ</a> znajduje sie
odnosnik do
talii
drugiej</p>
</card>
</wml>
|
 |
a drugi taki;
<?xml
version="1.0"?>
<!DOCTYPE wml PUBLIC
"-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card
id="karta1">
<p>
To jest druga talia,
kliknij
<a href="talia1.wml">TUTAJ</a>
aby wrocic do
pierwszej
</p>
</card>
</wml> |
 |
W
ten sposób stworzyliśmy dwie talie, w każdej po jednej karcie,
między którymi możemy się poruszać. Proponuję sprawdzić jaki
efekt w używanej przez nas przeglądarce będzie miało dodanie
do znacznika <a href=""> atrybutu
title="tytul"
W Nokia WAP Toolkit możemy
wybierać emulatory Noki z pośród dwóch modeli; w standardowym
menu wybieramy "Toolkit"- "Preferences..."- zakładkę "General"
i w menu WAP Device wybieramy interesujący nas model.
Standartowo możemy wybrać Nokię 6150 lub 6110. Ta pierwsza nie
interpretuje atrybutu "title", zaś ta druga powinna pokazać
tytuł odnośnika w lewym dolnym rogu ekranu.
I oto
przykład iż podobnie jak w przypadku HTML`a nie ma
porozumienia między przeglądarkami Microsoftu i Netszkapy, tak
tutaj różne przeglądarki różnie interpretują kod wml. Jest to
wyzwanie dla wapmasterów, aby tworzyli karty, które będą
poprawnie wyświetlane we WSZYSTKICH modelach telefonów
:-)
Teraz, kiedy
już wiemy jak tworzyć połączenia między dwoma taliami,
proponuję utworzyć jedną talię z kilkoma połączonymi
odnośnikami kartami. Plik będzie się nazywał nawigacja.wml, i
będzie zawierał trzy karty; z każdej będzie można przejść do
innej. Widzimy tutaj, jak ważnym elementem każdej karty jest
jej "id". Oto przykładowy kod talii "nawigacja.wml"
<?xml
version="1.0"?>
<!DOCTYPE wml PUBLIC
"-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card
id="karta1" title="KARTA 1">
<p
align="center">
<a href="#karta2">karta
2</a><br/>
<a href="#karta3">karta
3</a>
</p>
</card> |
 |
<card id="karta2" title="KARTA
2">
<p align="center">
<a
href="#karta1">karta 1</a><br/>
<a
href="#karta3">karta
3</a>
</p>
</card> |
 |
<card id="karta3" title="KARTA
3">
<p align="center">
<a
href="#karta1">karta 1</a><br/>
<a
href="#karta2">karta
2</a>
</p>
</card>
</wml>
|
 |
A co jeżeli karta do której chcemy wstawić odnośnik znajduje
się w innej talii ? Poniższy przykład powinien wszystko
wyjaśnić; W talii "nawigacja2.wml" wstawiamy odnośnik
do karty; "druga" w talii "nawigacja3.wml"; Plik
nawigacja2.wml ;
<?xml
version="1.0"?>
<!DOCTYPE wml PUBLIC
"-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card
id="karta1" title="NAW. 2">
<p
align="center">
<a
href="nawigacja3.wml#druga">druga</a><br/>
</p>
</card>
</wml>
|
 | Plik
nawigacja3.wml;
<?xml
version="1.0"?>
<!DOCTYPE wml PUBLIC
"-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card
id="pierwsza" title="pierwsza">
<p
align="center">
To jest pierwsza karta w talii
nawigacja3
</p>
</card>
<card
id="druga" title="druga">
<p
align="center">
To jest druga karta w talii
nawigacja3
</p>
</card>
</wml>
|
 |
Na koniec przedstawię, jak wygląda kod odnośniku do danego
numeru telefonicznego, tzn. po wybraniu tego linku telefon
powinien automatycznie łączyć się z podanym numerem;
<a
href="wtai://wp/mc;+48501333222">501-333-222</a>
|
KURSY
