version 1.5, 2010/01/31 03:12:02 |
version 1.9, 2010/02/16 03:45:17 |
|
|
<html><head> |
<html><head> |
<title>todo.txt - ajax client</title> |
<!-- $AFresh1: index.html,v 1.8 2010/02/13 22:32:18 andrew Exp $ --> |
<link rel="stylesheet" href="todo.css"> |
<title>todo.txt - ajax client</title> |
<!-- <script src="http://o.aolcdn.com/dojo/1.4/dojo/dojo.xd.js"></script> --> |
<link rel="stylesheet" href="todo.css"> |
<script src="dojo/1.4/dojo/dojo.xd.js"></script> |
|
|
<script src="scriptaculous/lib/prototype.js"></script> |
|
<script src="scriptaculous/src/scriptaculous.js?load=effects,controls"></script> |
<script type='text/javascript'> |
<script type='text/javascript'> |
var base_url = '/~andrew/user-bin/todo.cgi'; |
|
|
|
function loadIntoNode(data, xhr){ |
var TODO = function () { |
if(xhr.args.node){ |
var base_url = '/~andrew/user-bin/todo.cgi', |
xhr.args.node.innerHTML = data; |
|
} |
|
} |
|
function getFiles() { |
|
dojo.byId('files').innerHTML = "Getting Files . . ."; |
|
dojo.xhrGet({ |
|
url: base_url, |
|
node: dojo.byId("files"), |
|
load: loadIntoNode |
|
}); |
|
|
|
} |
updateList = function (list, transport) { |
function getList(list) { |
var i, |
dojo.byId('list').innerHTML = "Getting List . . ."; |
todo = transport.responseJSON, |
dojo.xhrGet({ |
url = ''; |
url: base_url + '/' + list + '.txt', |
|
node: dojo.byId("list"), |
$('list').update(''); |
load: loadIntoNode |
|
}); |
for (i=0; i <= todo.length; i++) { |
} |
$('list').insert({ |
function getEntry(list, entry) { |
bottom: new Element('div', { |
document.getElementById('entry').innerHTML = "Getting Entry . . ."; |
id: todo[i].md5, |
dojo.xhrGet({ |
}).update(todo[i].text), |
url: base_url + '/' + list + '/entry/' + entry + '.md5', |
}); |
node: dojo.byId("entry"), |
|
load: loadIntoNode |
url = base_url + '/' + list + '/entry/' + todo[i].md5; |
}); |
|
} |
new Ajax.InPlaceEditor(todo[i].md5, url + '.json', { |
|
cols: 80, |
|
loadTextURL: url + '.txt', |
|
//getText: function () {}, |
|
}); |
|
} |
|
}; |
|
|
|
return { |
|
getFiles: function () { |
|
$('files').update("Getting Files . . ."); |
|
|
|
new Ajax.Updater('files', base_url, { |
|
method: 'get', |
|
}); |
|
}, |
|
|
|
getTags: function (list) { |
|
var url = base_url + '/' + list + '/tags'; |
|
$('tags').update("Getting Tags. . ."); |
|
|
|
new Ajax.Request(url + '.json', { |
|
method: 'get', |
|
onSuccess: function (transport) { |
|
var data = transport.responseJSON, |
|
k, |
|
html = ''; |
|
for (k in data) { |
|
if (data.hasOwnProperty(k)) { |
|
html += k + ": " + data[k] + "<br/>\n"; |
|
} |
|
} |
|
$("tags").innerHTML = html; |
|
}, |
|
}); |
|
}, |
|
|
|
getList: function (list) { |
|
var url = base_url + '/' + list; |
|
$('list').update("Getting List . . ."); |
|
|
|
new Ajax.Request(url + '.json', { |
|
method: 'get', |
|
onSuccess: function (transport) { |
|
updateList(list, transport) |
|
}, |
|
}); |
|
|
|
}, |
|
}; |
|
}(); |
|
|
</script> |
</script> |
</head> |
</head> |
<body onLoad="getFiles();getList('todo');getEntry('todo',5)"> |
|
|
|
<!-- $AFresh1: index.html,v 1.4 2010/01/31 02:31:47 andrew Exp $ --> |
<body onLoad="TODO.getList('todo');TODO.getTags('todo');TODO.getFiles()"> |
<div id='files'></div> |
<h1>Files:</h1><div id='files'></div> |
<pre><div id='list'></div></pre> |
<h1>Tags:</h1> <div id='tags'></div> |
<div id='entry'></div> |
<h1>List:</h1> <div id='list'></div> |
</body></html> |
</body></html> |