| |
Realizziamo la home page degli annunci:
apriamo il file index.asp
|
| 1 |
Realizziamo un Recordset chiamandolo RsTotali :
Apriamo la finestra Associazione dati e clicchiamo sul + e scegliamo Recordset(interrogazione)
scegliamo il modo Semplice
nella casella Connessione cerchiamo la connessione preparata precentemente cnnAnnunci
scegliamo la Tabella ANNUNCI
selezioniamo Tutto
Clicchiamo OK |
| |
|
| 2 |
Inseriamo nella pagina una tabella di 2 Righe e 2 Colonne con bordo 0
Nella 1° Riga, 1 Colonna scriviamo: Annunci totali inseriti: poi posizioniamo il cursore dopo il termine "inseriti:"
Apriamo la finestra Associazione dati, selezioniamo [record totali] del Recordset RsTotali e clicchiamo il pulsante Inserisci.
(nota: nell'immagine sottostante è visibile il simbolo  perchè nelle Preferenze di Ultradev alla scheda Elementi Invisibili, è stata scelta questa opzione) |
| |
|
| 3 |
Nella 2° Riga, 2° Colonna inseriamo un Pulsante: alla richiesta se vogliamo inserire un Form (modulo) rispondiamo No.
Nella etichetta scriviamo Inserisci nuovo annuncio
Selezioniamo il pulsante e apriamo la finestra Comportamenti (non Comportamenti Server): dall'elenco scegliamo Vai a URL e come destinazione scegliamo il file creato prima inserisci_annuncio.asp |
| |
|
| 4 |
Inseriamo nella pagina una nuova tabella di 5 colonne e 2 righe, con margine delle celle 1 e spazio tra le celle 2 e bordo 0 |
| |
|
| 5 |
Nella 2° riga, (in ciascuna cella) inseriamo un modulo (vuoto).
Adesso inseriamo in ciascun modulo un campo di immagine, e scegliamo le nostre immagini.
In questo tutorial sono state scelte le gif: autousate.gif, case.gif, computer.gif, gatto.gif, vacanze.gif presenti nella cartella images.
(Nota: bada che questi sono i nomi inseriti nel campo image della Tabella ANNUNCI_IMAGE e che per il funzionamento corretto del tutorial anche tu devi avere queste gif nella cartella images del sito [in alternativa crea delle nuove gif e modifica il testo del campo image nella Tabella ANNUNCI_IMAGE]). |
| |
|
| 6 |
Rinominiamo i 5 moduli rispettivamente
auto (quello con campo immagine autousate.gif)
case (quello con campo immagine case.gif)
computer (quello con campo immagine computer.gif)
animali (quello con campo immagine gatto.gif)
vacanze (quello con campo immagine vacanze.gif) |
| |
|
| 7 |
Inseriamo in ciascun modulo un campo nascosto:
rinominiamo i 5 campi nascosti ricerca e inseriamo i seguenti valori dei campi nascosti, rispettivamente:
campo nascosto nel modulo casa : valore= casa
campo nascosto nel modulo auto : valore= auto
campo nascosto nel modulo computer : valore= computer
campo nascosto nel modulo animali : valore= animali
campo nascosto nel modulo vacanze : valore= vacanze
(nota: non è necessario che il modulo abbia lo stesso nome del valore del campo nascosto, questa scelta è stata fatta per comodità didattica) |
| |
|
| 8 |
Adesso per tutti i moduli impostiamo nella finestra delle proprietà il metodo GET e nella finestra Azione cerchiamo la pagina annunci.asp
(nota: per selezionare ciascun modulo clicca sul campo nascosto e nella barra di stato di ultradev seleziona <form>) |
| |
|
| |
|
| 9 |
Completiamo la tabella inserendo nella 1° riga, in ciascuna cella i rispettivi titoli appropriati (auto, case...) e come sfondo delle celle utilizziamo il colore #EBEBEB.
|
| |
Salva tutto il lavoro e vai alla lezione successiva. |
| |
|
| |
|
