[BACK]Return to index.html CVS log [TXT][DIR] Up to [local] / todotxt / Text-Todo-REST-API / example / htdocs
File: [local] / todotxt / Text-Todo-REST-API / example / htdocs / index.html (download) (as text)

Revision 1.8, Sat Feb 13 22:32:18 2010 UTC (14 years, 4 months ago) by andrew
Branch: MAIN
Changes since 1.7: +4 -3 lines 

back to /entry/

<html><head>
        <!-- $AFresh1: index.html,v 1.8 2010/02/13 22:32:18 andrew Exp $ -->
        <title>todo.txt - ajax client</title>
        <link rel="stylesheet" href="todo.css">
        <script src="scriptaculous/lib/prototype.js"></script>
        <script src="scriptaculous/src/scriptaculous.js?load=effects,controls"></script>
<script type='text/javascript'>
var base_url = '/~andrew/user-bin/todo.cgi';

function getFiles() {
    $('files').update("Getting Files . . .");
    new Ajax.Updater('files', base_url, {
        method: 'get',
        //insertion: Insertion.Top
    });
}

function updateList(list, transport) {
    var todo = transport.responseJSON;

    $('list').update('');
    for (var i=0; i <= todo.length; i++) {
        $('list').insert({ bottom: new Element('div', { id: todo[i].md5 }) });
        $(todo[i].md5).update(todo[i].text);

        var entry_url = base_url + '/' + list + '/entry/' + todo[i].md5;

        new Ajax.InPlaceEditor(todo[i].md5, entry_url + '.txt', {
            cols: 80,
            //loadTextURL: entry_url + '.txt',
        });
    }
}

function getList(list) {
    $('list').update("Getting List . . .");
    var list_url = base_url + '/' + list;

    new Ajax.Request(list_url + '.json', { 
        method: 'get',
        onSuccess: function(transport) { updateList(list, transport) },
    });
}

</script>
</head>

<body onLoad="getFiles();getList('todo')">
    <h1>Files:</h1><div id='files'></div>
    <h1>List:</h1> <div id='list'></div>
</body></html>