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>

 


WSTĘP | WPROWADZENIE | NARZĘDZIA | STRUKTRA DOKUMENTU | FORMATOWANIE TEKSTU | TABELE I OBRAZY | NAWIGACJA | ZADANIA I ZDARZENIA | FORMULARZE | PHP | LINKI | AKTUALIZACJE

Copyright (c) Tomasz Libera "Liberator" 2000- 2002 All Rights Reserved
Zezwala się na kopiowanie i rozpowszechnianie wiernych kopii niniejszego dokumentu, bez prawa wprowadzania zmian.
Kontakt: liberator@hot.pl, tel. 503-734-117, Gadu-Gadu: 868607