Cookies-enabled jQuery Todo List Web App - To-Do List

File Size: 4.95 KB
Views Total: 3428
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Cookies-enabled jQuery Todo List Web App - To-Do List

Just another jQuery based todo list web app used to manage your task list that all the items will automatically be saved onto cookies in your browser. Styled with Twitter's Bootstrap framework.

How to use it:

1. Load the necessary jQuery library and jQuery cookie plugin in your html file.

<script src="/path/to/jquery.min.js"></script>
<script src="/path/to/jquery.cookie.min.js"></script>

2. Load Bootstrap's stylesheet to style the todo list app.

<link rel="stylesheet" href="/path/to/bootstrap.min.css">

3. Load the core JavaScript file after jQuery library.

<script src="js/script.js"></script>

4. Build the html structure for the todo list app.

<div id="input" class="panel-body">
  <div class="input-group">
    <input name="add-to-list" type="text" class="form-control" placeholder="Add Item..." />
    <span class="input-group-btn"><button id="add" class="btn btn-primary">Add!</button></span>
  </div>
  <br />
  <div class="btn-group">
    <button id="clear" class="btn btn-danger">Clear List</button>
  </div>
</div>

<div id="script-error" class="panel-body bg-warning text-warning">
  <span class="glyphicon glyphicon-exclamation-sign"></span> Javascript isn't working correctly on your computer! The To-Do List cannot function properly!
</div>

This awesome jQuery plugin is developed by MathManiac0. For more Advanced Usages, please check the demo page or visit the official website.