zurchpet

table2csv with jQuery

Apr 1st, 2011
1,185
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.07 KB | None | 0 0
  1. <html>
  2. <head>
  3. <script src="http://code.jquery.com/jquery-1.5.2.min.js" type="text/javascript"></script>
  4. </head>
  5. <body>
  6. <script type="text/javascript">
  7.     $(function(){
  8.         $("#convert").click(function(){
  9.             table2csv("#to_convert","#target");
  10.         });
  11.     });
  12.  
  13.     function table2csv(table, target){
  14.         var tableRows = $(table + ' tr');
  15.         $(tableRows).each(function(){
  16.             $(this).children('td').each(function(){
  17.                 console.log($.trim($(this).text()));
  18.                 $(target).text($(target).text() + "\"" +$.trim($(this).text())+"\";");
  19.             });
  20.             $(target).text($(target).text() + "\n");
  21.         });
  22.     }
  23. </script>
  24. <table id="to_convert" border="1">
  25.     <tr>
  26.         <td>
  27.             Field A1
  28.         </td>
  29.         </td>
  30.             Field A2
  31.         <td>
  32.             Field A3
  33.         </td>
  34.     </tr>
  35.     <tr>
  36.         <td>
  37.             Field B1
  38.         </td>
  39.         </td>
  40.             Field B2
  41.         <td>
  42.             Field B3
  43.         </td>
  44.     </tr>
  45.     <tr>
  46.         <td>
  47.             Field C1
  48.         </td>
  49.         </td>
  50.             Field C2
  51.         <td>
  52.             Field C3
  53.         </td>
  54.     </tr>
  55. </table><br/>
  56. <input type="button" value="convert" id="convert" /><br/>
  57. <textarea id="target" style="width:500; height: 200px;"></textarea>
  58. </body>
  59. </html>
Advertisement
Add Comment
Please, Sign In to add comment