PDA

View Full Version : [HTML] Numerazione tabelle

enzo85
07-06-2007, 10:47
Domanda da un milione di dollari...
Ho una emplicissima tabella <table> in html...voglio avere una colonna per numerare a una a una le righe...come posso fare per non metterli manualmente?? Mi perdo sempre nelle cose più semplici...
Please qualcuno mi aiuti...
La pagina a cui mi riferisco è questa http://www.remcremona2007.com/partecipants.php
La prima colonna a sinistra voglio che sia un elenco numerato...come posso fare???
Grazie in anticipo!
andbin
07-06-2007, 11:16
Domanda da un milione di dollari...
Ho una emplicissima tabella <table> in html...voglio avere una colonna per numerare a una a una le righe...come posso fare per non metterli manualmente?? Mi perdo sempre nelle cose più semplici...Non metterli manualmente? Ma questo documento html è statico (un file .html) o dinamico (es. generato da PHP)?
enzo85
07-06-2007, 11:17
Non metterli manualmente? Ma questo documento html è statico (un file .html) o dinamico (es. generato da PHP)?

Eh no no....è statico (html) se fosse dinamico su php, avrei usato mysql...
andbin
07-06-2007, 11:22
Eh no no....è statico (html) se fosse dinamico su php, avrei usato mysql...Se non vuoi scriverlo a mano (mettere tanti <td>1</td> ... <td>2</td> ecc..., per intenderci) l'unica sarebbe usare il DHTML.
Ci penso un attimo ....
enzo85
07-06-2007, 11:26
Se non vuoi scriverlo a mano (mettere tanti <td>1</td> ... <td>2</td> ecc..., per intenderci) l'unica sarebbe usare il DHTML.
Ci penso un attimo ....

Purtroppo io il dhtml non lo conosco...non voglio inserirlo a mano, o meglio l'ho già fatto ma devo modificarlo e non voglio riscrivermi ogni volta 200 numeri <td>1</td> <td>2</td> ... <td>200</td>

Come si può fare in dhtml??
andbin
07-06-2007, 11:35
Come si può fare in dhtml??Ecco un esempio:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Tabella</title>
<script type="text/javascript">
<!--
function setup_table ()
{
var idx = 1;

var table = document.getElementById ("elenco");
var tr_list = table.getElementsByTagName ("tr");

for (var i = 0; i < tr_list.length; i++)
{
var td = document.createElement ("td");
td.innerHTML = idx++;

tr_list[i].insertBefore (td, tr_list[i].firstChild);
}
}
//-->
</script>
</head>
<body onload="setup_table()">

<table id="elenco" border="1" cellspacing="0" cellpadding="4">
<tr><td>Gebert</td><td>Joerg-Martin</td><td>Karlsruhe</td></tr>
<tr><td>Kaya</td><td>Nur</td><td>Istanbul-Fenerbahce</td></tr>
<tr><td>Berscheid</td><td>Georges</td><td>Luxembourg</td></tr>
<tr><td>Ayhan</td><td>Eray</td><td>Gayrettepe</td></tr>
</table>

</body>
</html>Provato come al solito con FF2, IE6, Opera 7 & 8
enzo85
07-06-2007, 13:09
Ecco un esempio:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Tabella</title>
<script type="text/javascript">
<!--
function setup_table ()
{
var idx = 1;

var table = document.getElementById ("elenco");
var tr_list = table.getElementsByTagName ("tr");

for (var i = 0; i < tr_list.length; i++)
{
var td = document.createElement ("td");
td.innerHTML = idx++;

tr_list[i].insertBefore (td, tr_list[i].firstChild);
}
}
//-->
</script>
</head>
<body onload="setup_table()">

<table id="elenco" border="1" cellspacing="0" cellpadding="4">
<tr><td>Gebert</td><td>Joerg-Martin</td><td>Karlsruhe</td></tr>
<tr><td>Kaya</td><td>Nur</td><td>Istanbul-Fenerbahce</td></tr>
<tr><td>Berscheid</td><td>Georges</td><td>Luxembourg</td></tr>
<tr><td>Ayhan</td><td>Eray</td><td>Gayrettepe</td></tr>
</table>

</body>
</html>Provato come al solito con FF2, IE6, Opera 7 & 8

Grazie mille!
Ce l'ho fatta...un'ultimissima domanda...se voglio inserire più tabelle nella stessa pagina che abbiano tutti la numerazione ma che ogni tabella inizi da zero con la numerazione? Ho provato facendo 2 script diversi (uno per tabella) ma non posso fare 2 onload nel tag <body>...non è imporantissimo...ma se ci riuscissi sarebbe meglio...
Comunque grazie mille!! Come al solito mi salvi sempre tu eheeh!
andbin
07-06-2007, 13:27
Grazie mille!
Ce l'ho fatta...un'ultimissima domanda...se voglio inserire più tabelle nella stessa pagina che abbiano tutti la numerazione ma che ogni tabella inizi da zero con la numerazione? Ho provato facendo 2 script diversi (uno per tabella) ma non posso fare 2 onload nel tag <body>...non è imporantissimo...ma se ci riuscissi sarebbe meglio...Puoi fare nel seguente modo: la funzione la definisci così:

function setup_table (nome_tabella)
{
var table = document.getElementById (nome_tabella);

// ..... il resto
}

Poi metti:
<body onload="setup_table('tab1'); setup_table('tab2')">

Insomma ... quante ne vuoi. E se non vuoi mettere tanti setup_table() nel onload, crei una funzione che richiama i vari setup_table().

Poi la funzione modificala pure come credi ... io li ho fatti partire da 1 i numeri (e potevo anche usare i+1 invece di 'idx' :p ).
enzo85
07-06-2007, 15:01
Perfetto...mi serviva proprio questo
<body onload="setup_table('tab1'); setup_table('tab2')">
Grazie mille!!!!