The JavaScript Source: Cookies : To Do List

General

Keep your To Do list up to date with this script. Demonstrates how to display, add, and delete items from a list of cookies.

To Do List

Add Item

Notes

Created by: Pete Thompson
Web Site: http://www.users.globalnet.co.uk/~thompp
Posted: May 10, 2001

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: toDoList.js

var expDays = 30;
var exp = new Date();
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
var ShowCount = 0;
var SwapColour;
function ListToDoItems() {
var NumToDoItems = GetCookie('PT_NumToDoList');
var i;
var ToDoItem;
if (NumToDoItems == null) {
NumToDoItems = 0;
}
ShowCount = 0; SwapColour = 0;
for (i=1; i <= NumToDoItems; i++) {
ToDoItem = GetCookie('PT_ToDoItem'+i);
if (ToDoItem != null) {
PrintItem(ToDoItem, i);
      }
   }
}
function DeleteItem(Count) {
DeleteCookie('PT_ToDoItem'+Count);
window.location = window.location;
}
function PrintItem (ToDoItem, Count) {
var color = "";
SwapColour = 1 - SwapColour;
if (SwapColour==1) {color = "bgcolor='#c0c0c0'"} ;
ShowCount++;
document.write("<tr " + color + ">");
document.write("<td width=10% align=center valign=top><small><b>"+ShowCount);
document.write("<td width=75% align=left  ><small>"+ToDoItem);
document.write("<td width=15% align=center><small>"+"<a href='javascript:DeleteItem(" + Count + ")'>Delete</a>");
}
function AddItem() {
var NumToDoItems = GetCookie('PT_NumToDoList');
var i;
var ToDoItem;
if (NumToDoItems == null) {
NumToDoItems = 0;
}
ToDoItem = prompt("Enter new item");
if ((ToDoItem != null) && (ToDoItem != "undefined" )) {
NumToDoItems++;
SetCookie('PT_ToDoItem'+NumToDoItems, ToDoItem, exp);
SetCookie('PT_NumToDoList',NumToDoItems, exp);
window.location = window.location;
   }
}
function set() {
VisitorName = prompt("Who are you?");
SetCookie ('VisitorName', VisitorName, exp);
SetCookie ('WWHCount', 0, exp);
SetCookie ('WWhenH', 0, exp);
}
function getCookieVal (offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) {
var exp = new Date();
exp.setTime (exp.getTime() - 1);
var cval = GetCookie (name);
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}

Head

Paste this code into the HEAD section of your HTML document.


<script type="text/javascript" src="toDoList.js"></script>

Body

Paste this code into the BODY section of your HTML document


<strong>To Do List</strong>
<hr><br>
<table width=100%>
<tr><td>
<script type="text/javascript">
<!--
  ListToDoItems();
//-->
</script>
</td</tr>
</table>
<br><hr>
<a href="javascript:AddItem()">Add Item</a>

User Comments

Add a comment, suggestion, or correction

Comments feed

next comments...

Navigation Menu

Internet.commerce

Internet.com

Developer Channel

Great Sites

Promotions

General

Notes

Source Code

External file

Head

Body

User Comments

8. From: Jake
Good Sort Of
03/21/2008 07:48:42

11. From: John
Bad comment
09/23/2008 23:45:52

9. From: Lee (Admin)
06/26/2008 11:27:18

10. From: Derek Richardson
Great Script!
02/25/2008 21:56:35

6. From: shaun meloy
CSS with it
12/30/2007 14:39:47

7. From: Lee Underwood (Admin)
01/29/2008 12:28:15

4. From: Brian in NY
no action when ADD ITEM toDoList
12/19/2007 11:31:27

5. From: Lee Underwood (Admin)
01/29/2008 11:51:11

3. From: Patrick Gagnon
This is da best cookie ever thnx alot
07/17/2007 17:40:21

2. From: santosh s chavan
Nice code
06/10/2007 01:45:34

Whitepapers and eBooks

Webcasts

Downloads and eKits

Tutorials and Demos

Navigation Menu

Internet.commerce

Internet.com

Developer Channel

Great Sites

Promotions

General

Notes

Source Code

External file

Head

Body

User Comments

8. From: JakeGood Sort Of03/21/2008 07:48:42

11. From: JohnBad comment09/23/2008 23:45:52

9. From: Lee (Admin)06/26/2008 11:27:18

10. From: Derek RichardsonGreat Script!02/25/2008 21:56:35

6. From: shaun meloyCSS with it12/30/2007 14:39:47

7. From: Lee Underwood (Admin)01/29/2008 12:28:15

4. From: Brian in NYno action when ADD ITEM toDoList12/19/2007 11:31:27

5. From: Lee Underwood (Admin)01/29/2008 11:51:11

3. From: Patrick GagnonThis is da best cookie ever thnx alot07/17/2007 17:40:21

2. From: santosh s chavanNice code06/10/2007 01:45:34

Whitepapers and eBooks

Webcasts

Downloads and eKits

Tutorials and Demos

8. From: Jake
Good Sort Of
03/21/2008 07:48:42

11. From: John
Bad comment
09/23/2008 23:45:52

9. From: Lee (Admin)
06/26/2008 11:27:18

10. From: Derek Richardson
Great Script!
02/25/2008 21:56:35

6. From: shaun meloy
CSS with it
12/30/2007 14:39:47

7. From: Lee Underwood (Admin)
01/29/2008 12:28:15

4. From: Brian in NY
no action when ADD ITEM toDoList
12/19/2007 11:31:27

5. From: Lee Underwood (Admin)
01/29/2008 11:51:11

3. From: Patrick Gagnon
This is da best cookie ever thnx alot
07/17/2007 17:40:21

2. From: santosh s chavan
Nice code
06/10/2007 01:45:34