Archive for the ‘jquery’ Category

  • Ajax CSV upload to a Table with jQuery and PHP

    Date: 2012.01.26 | Category: developer, developing, development, jquery, Php | Response: 0

    So I had to write a new user importer for School Email and I was looking for a simple plugin in solution but didn’t find one so here is a simple way of uploading a csv file that is uploaded to a file and rendered to a table..

    Projects used: CsvToTable & jQuery File Upload & Editable Grid *optional for live edits.

    Grab those two projects, grab the below files and put them in a /js folder then put the .js files into your head..

    Put the jQuery-File-Upload folder in your root, we will be uploading files to here.. You may want to add a layer of security in front of the upload function.

    <head>
<script src="/js/csvToTable.js"></script>
<script src="/js/jquery.iframe-transport.js"></script>
<script src="/js/jquery.fileupload.js"></script>
</head>

    At the bottom of your body add..

    <div id="csvToTable"></div>
<div id="fileupload"></div>
<script>
var loggedIn = 1; // you will want to modify this if you require auth
$(function () {
  if(loggedIn == "1"){
    $('#fileupload').fileupload({
      dataType: 'json',
      acceptFileTypes: '/(csv)$/i',
      url: '/jQuery-File-Upload/php/index.php',
      done: function (e, data, Users) {
        $.each(data.result, function(index, file){
          $('#csvToTable').html("");
          $('#csvToTable').CSVToTable(file.url).bind("loadComplete",function() {
            console.log("Loaded data into table");
            /*

            Call functions to manipulate data here

            */
          });;
        });
      }
    });
  }
});
</script>

    Want to make your table editor like the rest of the cool kids? Check out this jQuery plugin

    Report This Post

  • Example jQuery package.json

    Date: 2011.12.09 | Category: developer, javascript, jquery | Response: 0 

    {
  "name": "Etherpad Lite",
  "description": "jQuery Etherpad Lite collaborative editor plugin.",
  "version": "1.0.0",
  "author": "John McLear <john@mclear.co.uk>",
  "dependencies": {
    "jquery": ">= 1.0"
  }
}

    Report This Post

  • jQuery autocue plugin

    Date: 2011.09.20 | Category: ICT, javascript, jquery | Response: 0

    I have been working on a autocue/teleprompter jQuery plugin.  An autocue (also known as an teleprompter or telescript) is a display device that prompts the person speaking with an electronic visual text of a speech or script.

    Visit the Free online autocue / teleprompter

    Download .tar.gz of the jQuery autoCue plugin

    Report This Post

Chat with me

No sign in required