Afficher le fichier dans le tableau HTML

Actuellement, j'utilise Netbeans pour créer une page Web. Le code est répertorié ci-dessous, et après qu'un bouton est poussé, lit un fichier csv et affiche le fichier texte dans une rangée d'une table. Le fichier CSV contient 50 lignes de données et interrompt chaque ligne. Ce que je veux faire, c'est plutôt que d'avoir tout le contenu du fichier dans une rangée, pour que chaque ligne du fichier soit dans sa propre rangée.Afficher le fichier dans le tableau HTML

Je suis complètement nouveau à Jquery/Javascript et vraiment pas sûr comment faire ceci, si c'est même possible ou si je devrais faire quelque chose de complètement différent. Je n'ai pas nécessairement besoin de m'en tenir à ce que j'ai ci-dessous, mais je suis obligé de le faire en Javascript, HTML, jquery ou json, et c'est exactement ce que j'ai imaginé jusqu'ici.

<!DOCTYPE html> 
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <script type="text/javascript" src="js/jquery-1.4.2.js"></script> 
    <script type="text/javascript" src="js/jquery.ui.core.js"></script> 
    <script type="text/javascript" src="js/jquery.ui.widget.js"></script> 
    <script type="text/javascript" src="js/jquery.ui.accordion.js"></script> 

    <script type="text/javascript"> 
    function contentDisp() 
    { 
    $.ajax({ 
    url : "file.csv", 
    success : function (data) { 
    $("#contentArea").html(data); 
    } 
    }); 
    } 
    </script> 

    </head> 
    <body> 
    <table width="100%" border=0> 
    <tr> 
    <td>&nbsp;</td> 
    <td><input type="button" value="View File" onClick="contentDisp();"></td></tr> 
    <tr> 
    <td>&nbsp;</td><td> 
    <textarea id="contentArea" rows="40" cols="60"></textarea></td></tr> 
    </table> 
    </body> 
    </html>

Source

2012-05-31 K Green

Si je comprends bien, il semble que vous voulez ceci:

$("#contentArea").html(data.replace(/\n/g, '<br />'));

Cela remplacera l'équivalent avec les nouvelles lignes de balise html.

Source

2012-05-31 16:46:53 Kris

est une zone de texte. –

Salut, merci pour la réponse. En l'état, les données du fichier s'affichent correctement. Toutes les lignes s'affichent l'une sous l'autre. Donc, l'ajout de la ligne que vous avez recommandée ne change rien. Ce que je veux faire est de changer l'affichage dans la table html, de sorte que chaque ligne de données est dans sa propre rangée (avec des frontières). Actuellement, TOUTES les lignes du fichier sont dislpaying dans une rangée. –

La zone de texte fait partie du problème, mais je l'ai laissé là parce que c'était la seule façon que je pouvais trouver qui aurait quelque chose à afficher. Donc pour l'instant, mieux que rien. –

Afficher le fichier dans le tableau HTML

Répondre

Questions connexes