Tutorial per costruire una tabella a doppia entrata

Contatti	MATEMATICA CON JAVASCRIPT TUTORIAL PER COSTRUIRE UNA TABELLA A DOPPIA ENTRATA

Il presente tutorial si riferisce a creare una tabella a doppia entrata della guida a MATEMATICA CON JAVASCRIPT.

Abbiamo preparato un documento che ha l'aspetto definito dalle righe di codice inserite nell'area di testo in basso a sinistra.

All'inizio è stato dichiarato lo stile per la tabella. Provate a definire il vostro stile preferito.

Moltissimi esempi si possono trovare su w3c - CSS Examples

E' possibile cambiare le varie opzioni, non solo dello stile, e quindi vedere l'anteprima cliccando sul tasto:

A LATO per osservare il risultato nell' iframe a destra nella pagina;
POPUP per osservare il risultato in una finestra popup

NOTA BENE - Gli utenti google chrome possono solo visualizzare il risultato in una popup, a causa del malfunzionamento del browser con gli iframe.

Infine, cliccando sul tasto AGGIORNA, viene ricaricata la pagina corrente come è adesso:

IN EVIDENZA DAL SITO

www.tommasobientinesi.it

La passione per i viaggi e la natura nel nuovo sito di Tommaso Bientinesi

CODICE

<HTML> <head> <style> #tabella1 { border-collapse:collapse; font-family: "courier"; text-align:right; } #tabella1 td { border: 1px solid #cacdcd; width:30px; height:30px; color:navy; } #tabella1 td.TabIni { background-color: #fff5ee; color:maroon; font-weight:bold; border: 1px solid #cacdcd; } #tabella1 td.Op { background-color: navy; border: 1px solid #191970; color:white; text-align:center; font-weight:bold; font-family: "courier" } </style> </head> <BODY> <script type="text/javascript"> var A = new Array(2,5); var B = new Array(1,3,5,6); document.write('<p><table id="tabella1">'); document.write('<tr><td class ="Op">≤</td>') for (i=0; i<B.length; i++) { document.write('<td class="TabIni">'+B[i]+'</td>') } document.write('</tr>') for (i=0; i<A.length; i++) { document.write('<tr><td class="TabIni">'+ A[i]); for (j=0; j<B.length; j++) { document.write('<td>') if (A[i]<=B[j]){ document.write('1'); } else document.write('0'); document.write('</td>') } document.write('</tr>') } document.write('</table></p>'); document.close() </script> </BODY> </HTML>

RISULTATO

Matematica con javascript: Pagina iniziale - Tabelle a doppia entrata - Indice - Indice tutorials

MATEMATICA CON JAVASCRIPT

CODICE

RISULTATO