Daniele Campogiani Produttore e consumatore di Informazioni

Programmare una webApp per iPhone #3 – Trio/duo buttons

Eccoci con un nuovo appuntamento dei tutorial per programmare una webApp per iPhone, prima di iniziare ecco alcune comunicazioni importanti.

E' uscita una nuova versione di iWebKit, precisamente la 5.0 per cui vi invito a scaricare la nuova versione che ha alcune migliorie e velocizza il caricamento delle pagine.

Non preoccupatevi per le pagine che avete già scritto, non perderete nulla, dovete solo sovrascivere le cartelle css, images, javascript, pics e thumbs, lasciando invece le pagine precedentemente create.

Se invece partite da zero e non avete ancora scritto nessuna pagine, il procedimento per creare il vostro progetto rimane lo stesso, e lo potete trovare qui.

Bene, incominciamo con la lezione di oggi parlando di Trio e Duo buttons.

Per favi capire megli vi allego subito due immagini per farvi capire meglio di cosa sto parlando:

Esistono diversi tipo di queste barre di selezione, innanzitutto si può segliere se avere 2 o 3 bottoni, ed inoltre se avrle a livello della top bar (come le immagini qui sopra) oppure più in sotto (come vedrete più avanti).

Bottoni a livello della Top Bar

Vediamo il codice per queste barre di selezioni qui sopra, per la prima (quella con due pulsanti) il codice da inserire è il seguente:

<div id="duoselectionbuttons"><a href="collegamento A">Testo A</a><a href="collegamento B">Testo B</a></div>

Mentre per la barra con tre pulsanti ecco il codice:

<div id="triselectionbuttons"><a href="collegamento A">Testo A</a><a href="collegamento B">Testo B</a><a href="collegamento C">Testo C</a></div>

IMPORTANTE entrambi questi codici vanno inseriti all'interno del <div> riferito alla topbar, avendo come risultato quindi qualcosa del genere (mi riferisco a 2 pulsanti, ma è analogo anche per 3 pulsanti):

<div id="topbar">

<div id="triselectionbuttons"><a href="A.html">AText</a><a href="B.

html">BText</a><a href="C.html">CText</a></div>

</div>

Pulsanti sotto una Top Bar

E' possibile anche inserire queste barre sotto una top Bar precedentemente creata avendo un risultato simile a questo:

Questa volta il codice da inserire NON va messo allinterno del <div> riferito all top bar, ma immediatamente sotto, per avere 2 pulsati ecco il codice:

<div id="duobutton"><div><a href="A.html">Text</a><a href="B.
html">Text</a></div></div>

e analogamente per 3 pulsanti:

<div id="tributton"><div><a href="A.html">AText</a><a href="B.
html">BText</a><a href="C.html">CText</a></div></div>

potete trovare alcune pagine di esempio qui.

Selezionare una voce

E' inoltre possibile selezionare una voce, come le immagini sottostanti, per far visualizzare all'utente in che pagina si trova, il codice da inserire è il seguente:

id="pressed"

e va inserito come segue:

<div id="triselectionbuttons"><a id="pressed" href="A.html">AText</a><a
href="B.html">BText</a><a href="C.html">CText</a></div>

Continua a leggere

Programmare una webApp per iPhone #0 – Introduzione Innauguro con questo articolo una serie di guide che hanno come obiettivo finale la realizzazione...

Programmare una webApp per iPhone #4 – Il Contenuto Eccoci ad un altro appuntamento di Programmare una webApp per iPhone, la lezione di oggi sarà abbastanza...

Programmare una webApp per iPhone #1 – Sintassi HTML Eccoci al secondo appuntamento con la rubrica "Programmare una webApp per iPhone"! Oggi ripasseremo...

Programmare una webApp per iPhone #2 – Top Bar Benvenuti al terzo appuntamento di Programmare una webApp per iPhone, per oggi mettiamo da parte...