Creazione tabella Html con popolazione dati da file di testo (txt)

luigi80

Nuovo Utente
15 Gen 2013
7
0
0
salve, come vedete sono nuovo, avrei la necessità di un aiutino, premettendo che sono ignorante in materia, dovrei creare una tabella su una pagina html con degli orari dentro, i dati vorrei prenderli dal file txt che creo ogni mese, vi posto cosa ho trovato:

Codice:
<body>


<script src="jquery-1.8.0.min.js"></script>
<script>
    $.post('tabella.txt', function(file) {

        var riga = file.split(";");

        $.each(riga, function(elem) {
                    
            $('#risultato').append('<tr><td>' + riga[elem] + '</td></tr>');
                    
        });
    });
    

</script>
<style>
    table#risultato {
        text-align: left;
        width: 100%;
    }
    table#risultato td {
        padding:2px;
        border: 1px solid #333;
    }
</style>
<table id="risultato">
    <tbody>
        <tr>
            <td>Ora</td>
            <td>Lunedi</td>
            <td>Martedi</td>
            <td>Mercoledi</td>
            <td>Giovedi</td>
            <td>Venerdi</td>
            <td>Sabato</td>
            <td>Domenica</td>
        </tr>
    </tbody>
</table>



</body>

il file di testo sarà:

8.30-9.30;Fitness;pump;gag;
9.30-10.30;boxe;fitness;

le domande sono:
- così com'è non mi fa creare i dati nelle rispettive colonne
- come posso lasciare degli spazi vuoti

Spero di essere stato + o - chiaro.

Grazie
 

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
23
Roma
alessandro1997.netsons.org
Invece di un file di testo io userei JSON, che è un formato molto più robusto e capito nativamente da Javascript. Ecco un esempio:
HTML:
<!DOCTYPE html>
<html>
  <head>
    <title>Tabella AJAX</title>
    <meta charset="utf-8" />
  </head>

  <body>
    <table>
      <thead>
        <tr>
          <th>Colonna 1</th>
          <th>Colonna 2</th>
          <th>Colonna 3</th>
        </tr>
      </thead>

      <tbody id="risultato">
      </tbody>
    </table>

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
    $(function() {
      $.getJSON("data.json", function(data) {
        $.each(data, function(index, row) {
          $("#risultato").append("<tr>");

          $.each(row, function(index2, column) {
            $("#risultato").append("<td>" + column + "</td>");
          });

          $("#risultato").append("</tr>");
        });
      });
    });
    </script>
  </body>
</html>
E questo è il contenuto di data.json:
Codice:
[
  ["Valore 1", "Valore 2", "Valore 3"],
  ["Valore 4", "Valore 5", "Valore 6"],
  ["Valore 7", "Valore 8", "Valore 9"]
]
Per adattarlo al tuo caso devi solo modificare le colonne e il file contenente i dati.
 

luigi80

Nuovo Utente
15 Gen 2013
7
0
0
Grazie Ale,
più che chiaro, non conoscevo i .json, ma ho provato ed è ok.
vorrei porti altre domande, ma faccio prima a spiegarti la situazione:
io attualmente creo questa pagina: http://www.systemfitness.it/Orari.htm le tabelle le prendo da due file excel che mi inviano ogni mese, i quali puntualmente devo aggiustare in quanto formattati male ed il copia ed incolla non verrebbe bene.
La mia necessità è di avere lo stesso risultato, ma in automatico, cioè loro creano il file e lo caricano via ftp sullo spazio web e le tabelle si aggiornano da sole.

Il tuo esempio è perfetto, devo solo capire compe aggiustarlo per renderlo più simile possibile a quello che già pubblico.

spero che sia stato chiaro.

:fonzie:
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.042
148
63
PR
www.borgo-italia.it
ciao
volevo ricordare
un problema => una discussione
questo per facilitare anche agli altri utenti le ricerche se fossero interassati
 

luigi80

Nuovo Utente
15 Gen 2013
7
0
0
grazie, dell'appunto, ma il problema è sempre uno, era solo per chiarire bene le idee a chi vuole aiutarmi.

devo sempre fare una tabella html da un file di testo. :)
 

luigi80

Nuovo Utente
15 Gen 2013
7
0
0
Hai bisogno solo che il file sia in formato JSON e non Excel. Per il resto è tutto uguale: sistemi le colonne della tabella e inserisci il contenuto nel file.


questo l'ho già fatto:
Codice:
<!DOCTYPE html>
<html>
  <head>
    <title>Orario</title>
    <meta charset="utf-8" />
  </head>

  <body>

    <table border=2>
      <thead>
        <tr>
          <th bgcolor=yellow>Ora</th>
          <th bgcolor=yellow>Lunedi</th>
          <th bgcolor=yellow>Martedi</th>
          <th bgcolor=yellow>Mercoledi</th>
          <th bgcolor=yellow>Giovedi</th>
          <th bgcolor=yellow>Venerdi</th>
          <th bgcolor=yellow>Sabato</th>
          <th bgcolor=yellow>Domenica</th>
        </tr>
      </thead>

      <tbody id="risultato">
      </tbody>
    </table>

    <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
    $(function() {
      $.getJSON("data.json", function(data) {
        $.each(data, function(index, row) {
          $("#risultato").append("<tr>");

          $.each(row, function(index2, column) {
            $("#risultato").append("<td>" + column + "</td>");
          });

          $("#risultato").append("</tr>");
        });
      });
    });
    </script>
        
    <style>
    tbody#risultato {
        text-align: center;
        width: 100%;
    }
    tbody#risultato td {
        padding:3px;
        border: 1px solid #333;
        color: blue;
    }
</style>



  </body>
</html>

ed è perfetto popolandolo con il file in questo modo:

Codice:
[
  ["09.30-10.30", "", "ZUMBA FITNESS", "TONIFICAZIONE BASIC", "ZUMBA FITNESS", "TONIFICAZIONE BASIC", "FITNESS A ROTAZIONE", ""],
  ["11.00-12.00", "PILATES", "", "PILATES", "", "PILATES", "", ""],
  ["14.30-15.30", "", "ZUMBA FITNESS", "", "ZUMBA FITNESS", "", "", ""],
  ["16.30-17.30", "", "AVVIAMENTO ALLO SPORT", "", "", "AVVIAMENTO ALLO SPORT", "", ""],
  ["17.00-18.00", "I PRPARATORIO (5-7)", "", "I PRPARATORIO (5-7)", "", "", "", ""],
  ["17.00-18.30", "KARATE UNDER 12", "I REGOLARE MODERNO", "KARATE UNDER 12", "I REGOLARE MODERNO", "III REGOLARE DANZA <BR>MODERNO CONTEMPORANEO", "", ""],
  ["17.45-18.45", "TOTAL BODY", "STEP", "TOTAL BODY", "JUST PUMP", "", "", ""],
  ["18.00-19.00", "AVVIAMENTO (8-10)", "", "AVVIAMENTO (8-10)", "", "GAG", "", ""],
  ["18.00-19.30", "", "", "", "BALLI DI GRUPPO", "", "", ""],
  ["18.30-20.00", "KARATE AGONISTI", "III REGOLARE MODERNO <BR>CONTEMPORANEO E CLASSICO", "KARATE AGONISTI", "III REGOLARE MODERNO <BR>CONTEMPORANEO E CLASSICO", "", "", ""],
  ["19.00-20.00", "ZUMBA FITNESS", "", "", "", "", "", ""],
  ["18.00-19.30", "", "", "", "", "", "", ""],
  ["18.00-19.30", "", "", "", "", "", "", ""],
  ["18.00-19.30", "", "", "", "", "", "", ""],
  ["18.00-19.30", "", "", "", "", "", "", ""],
  ["18.00-19.30", "", "", "", "", "", "", ""]
]

Ho solo due problemi, 1 come colorare le singole celle dei vari colori, 2 ho inserito i file sullo spazio web per testare come veniva, e non si vede niente tranne che la riga con le celle fisse http://www.systemfitness.it/test.htm

cosa sbaglio? :rolleyes:
 

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
23
Roma
alessandro1997.netsons.org
Riguardando, l'errore non è in effetti un semplice Not Found:
Codice:
The page you are requesting cannot be served because of the extension configuration. If the page is a script, add a handler. If the file should be downloaded, add a MIME map.
Devi configurare il tuo server in modo che serva i file con estensione json come application/json. Se non sai come fare, chiedi la tuo hosting di aiutarti.
 

luigi80

Nuovo Utente
15 Gen 2013
7
0
0
Riguardando, l'errore non è in effetti un semplice Not Found:
Codice:
The page you are requesting cannot be served because of the extension configuration. If the page is a script, add a handler. If the file should be downloaded, add a MIME map.
Devi configurare il tuo server in modo che serva i file con estensione json come application/json. Se non sai come fare, chiedi la tuo hosting di aiutarti.


ma il sito è sui server di Aruba, non sta su un server personale!! :-(
 

luigi80

Nuovo Utente
15 Gen 2013
7
0
0
posso inserire informazioni nel file txt da passargli per colorare la cella della tabella e la formattazione del testo? ;-)
 
Discussioni simili
Autore Titolo Forum Risposte Data
Monital Modificare una funzione per creazione tabella html PHP 15
spider81man Creazione di un UNICA tabella da più file .CSV PHP 1
Monital [PHP]Far riconoscere stringa o numerico epr creazione campo tabella PHP 6
A Creazione Tabella Oraria da dati GTFS Database 2
A Creazione automatica pagina php da id della riga di una tabella PHP 1
C Creazione tabella Javascript 2
francesco7 Aiuto! Creazione di una tabella in MySql PHP 2
L testare una paginazione "Creazione di 1000 dati random in una tabella" PHP 7
C creazione tabella con immagini sovrapposte HTML e CSS 1
N [MYSQL] Problema creazione tabella MySQL 2
G Problema con la creazione di una tabella form PHP 9
A Creazione tabella tramite i risultati di un'altra tabella PHP 7
B Problema creazione tabella tramite PHP PHP 12
R Creazione tabella in cui è possibile inserire percentuali... HTML e CSS 1
Z Problema database creazione tabella Database 0
P Problema creazione tabella database mysql PHP 9
D Creazione sito e-commerce WP Content Management System (CMS) 0
A Consiglio per creazione sito web Content Management System (CMS) 0
S CREAZIONE DI SITO PER CORSI DI FORMAZIONE WordPress 1
M Creazione menu a tendina Javascript 3
S Download di un file in automatico dopo la sua creazione PHP 2
G creazione menu a tendina e invio a pagina php PHP 1
M Problemi con creazione maschere Presentati al Forum 1
F Creazione script Tv Presentati al Forum 1
W Creazione Cartella Classic ASP 2
A recuperare data creazione di un file PHP 6
D Neofita. Creazione applicativo prenotazione automezzi Offerte e Richieste di Lavoro e/o Collaborazione 12
L Aiuto creazione menu mancante WordPress 0
E Creazione URL per chat whatsapp WordPress 1
L Creazione di 2 o più record PHP 6
W Creazione di una griglia HTML e CSS 1
E Creazione di un sito di news PHP 16
S Scelta software/cms per creazione sito Webdesign e Grafica 6
E Creazione gestionale timesheet partendo da foglio excel Offerte e Richieste di Lavoro e/o Collaborazione 0
M Creazione notifica sonora Javascript 1
R Creazione sito eccomerce privato. Offerte e Richieste di Lavoro e/o Collaborazione 2
I Creazione programmino JAVA Offerte e Richieste di Lavoro e/o Collaborazione 0
D Difficile creazione excel di dati di grandi dimensioni Classic ASP 2
I creazione stile css HTML e CSS 3
A [Offro][retribuito] Creazione siti web/ web app (Django) Offerte e Richieste di Lavoro e/o Collaborazione 2
Stefano Migotto Creazione di un div con php o js PHP 9
G [OFFRO][RETRIBUITO] Creazione siti web e loghi professionali Offerte e Richieste di Lavoro e/o Collaborazione 0
D Creazione sito Offerte e Richieste di Lavoro e/o Collaborazione 0
D CREAZIONE E GESTIONE SITO E-COMMERCE Offerte e Richieste di Lavoro e/o Collaborazione 2
C [WordPress] Retribuzione creazione Sito Web vetrina Discussioni Varie 3
I [Javascript] Creazione di una piccola libreria e integrazione in angular Javascript 2
S [OFFRO] Creazione di programmi per la modifica automatizzata di testi Offerte e Richieste di Lavoro e/o Collaborazione 0
T [php] problema creazione query select-where PHP 5
Daniele_Carrara [PHP] Creazione Carrello PHP 1
G Creazione Landing Page Offerte e Richieste di Lavoro e/o Collaborazione 2

Discussioni simili