gototopgototop
 
Sei in: Home Page Corso XML Visualizzare immagini in un documento XML

Visualizzare immagini in un documento XML

Partendo dal presupposto che si conosce già, per averlo visto in qualche lezione precedente cosa è il Binding, ci serviremo ancora di esso per poter "stampare" a video una immagine il cui percorso è soltanto descritto in una pagina XML. In effetti se io scrivessi, in un file XML, il seguente codice:

<IMMAGINE>Immagini/NomeFoto.jpg</IMMAGINE>

che indica il percorso di un file grafico, e richiamando nel browser tale file XML, avremo il seguente risultato: cioè solo e soltanto la visualizzazione ad albero del file XML. Avrete riconosciuto il nostro Inventario dei libri, ma non è stato possibile visualizzare la copertina che è associata ad ogni titolo del libro. Si ricorre, come scritto all' inizio, al "collegamento" della pagina XML con una pagina XHTML, come è stato fatto per altri esempi. Più nello specifico, il campo IMMAGINE del documento XML è stato messo in Binding con l' elemento IMG della pagina XHTML, quindi visualizza la copertina di ogni libro, così come mostrato nel seguente file. Ecco finalmente tutte le nostre copertine che descrivono meglio la pagina dal punto di vista estetico, per rappresentare la descrizione di un libro. Adesso vediamo il codice che serve per ottenere questo risultato. Ricordiamo che i 2 file hanno i seguenti nomi: file1.xml e file1.htm. Il file1.xml abbiamo visto cosa contiene; adesso passiamo a vedere il file XHTML e la sua struttura. Nel body abbiamo il seguente codice:

<XML ID="dsolibri1" src="/libri1.xml"></XML>

Questa è l' isola di dati che identifica il file al quale ci si collega e che contiene tutte le nostre informazioni da stampare a video;

<table DATASRC="#dsolibri1">

Come abbiamo visto anche negli esempi precedenti, l' elemento TABLE viene messo in Binding con tutto il documento XML attraverso l' attributo DATASRC dell' elemento all' ID dell' isola di dati, preceduto dal segno di cancelleto (#).

<th width="120">Immagine</th>

La tabella contiene delle semplici celle TH nelle quali inserire l' intestazione. Per motivi di esempio riporto solo una cella ma esse devono essere tante quante sono quelle definite nel file XML. Il seguente codice è quello che mette in relazione ogni elemento del file XML con la singola cella della tabella:

<td><img  DATAFLD="IMMAGINE" /></td>
<td><span DATAFLD="AUTORE"></span></td>
<td><span DATAFLD="TITOLO"></span></td>
<td><span DATAFLD="COPERTINA"></span></td>
<td><span DATAFLD="PAGINE"></span></td>
<td><span DATAFLD="PREZZO"></span></td>

Eccoci finalmente giunti a vedere come è possibile stampare a video una immagine; non direttamente dal file XML, ma collegando questo ad un file XHTML.
Alla prossima!

© www.extrowebsite.com - Grafica, layout, articoli e guide sono di esclusiva proprietà del webmaster - Tutti i diritti riservati