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>
Ecco la mia paginatta dopo l’ultimo tutorial:
http://www.idipo.netsons.org/iphone/index.html
Programmare una webApp per iPhone #3 – Trio/duo buttons: http://tinyurl.com/ye4rolq #DanieleCampogiani
Ciao Daniele,complimenti per le tue guide davvero interessantissime !! ^_^
Però volevo chiederti come scaricare iWebkit 5.0 a me non parte il download ma si apre un pagina bianca con caratteri che l’OS (Win XP) non legge (Quindi quadrattini!!) :S
Ti saluto e aspetto tue risposte,Alex^^
Adems ha scritto:
prova da qui: http://iwebkit.net/http//iwebkit.net/download/iwebkit/iWebKit5.02.zip
@Adems: succede anche a me…
In alternativa puoi cliccare con il tasto destro sul file e selezionare “Salva destinazione con nome…”
Grz per l’aiuto ho già fatto qualche paginetta
Perchè non pubblichiamo i nostri lavori di volta in volta???
dipo.fabio ha scritto:
Idea interessante, ma non ho ben capito, potresti spiegarti meglio?
Daniele trovo la tua iniziativa interessantissima. Ma quante lezioni serviranno per finire e concludere quindi un’applicazione?
Marco ha scritto:
Una webApp per l’esattezza, quindi accessibile tramite Safari.
@ Daniele Campogiani:
Daniele intendevo dire che tutti quelli che seguono il tuo corso, una volta finita la lezione, mettono in pratica l’insegnamento e pubblicano il link della loro paginetta…
Cmq io conosco anche un programmino per windows che permette di trasformare la cartella del progetto della webapp in un file .ipa ,ideale quindi per trasformare la propria webapp in un app. per iPhone OS ^^ Se volete il nome commentate!!
Ciao Adems, a me interessa quel programmino di cui parli…
Ciao ,
complimenti per il corso!
purtroppo se si scarica il iWebKit compresso con windows 7 da errore di
file daneggiato!
Sia dal tuo link:http://iwebkit.net/http//iwebkit.net/download/iwebkit/iWebKit5.02.zip
che dal link dei sito del produttore!
Hai disponibile per caso i file o qualche link valido??
Grazie mille!
Adems ha scritto:
Illuminaci dai !!! facci sognare !