Here is a sample app that stores Twitter trends in Local Storage: http://tiggzi.com/preview/27076/
This code does all the work, it looks long but actually pretty simple:
code
function refreshList(){
var tdDiv = $('[dsid=list] td div:first');
var nodeDiv = tdDiv.find('div[name=nodeTemplateLabel]');
var itemDiv = tdDiv.find('div[name=itemTemplateLabel]');
tdDiv.html('').append(nodeDiv).append(itemDiv);
var data = localStorage.getItem('trends');
Code: Select all
if(data=='undefined'||data==null){
return;
}
try{
var json = JSON.parse(data);
} catch(err){
return;
}
var n = 1;
$.each(json.trends, function(nodeLevel1, valLavel1){
var newNodeDiv = nodeDiv.clone(true);
updateDiv(newNodeDiv, nodeLevel1);
n++;
$.each(valLavel1, function(nodeLevel2, valLevel2){
var newItemDiv = itemDiv.clone(true);
updateDiv(newItemDiv, valLevel2.name);
n++;
});
});
updateDiv: function updateDiv(div, text){
div.css('display', 'block');
div.attr('name', 'newLabel');
div.attr('id', div.attr('id') + '_' + n);
div.attr('dsid', 'mobilelabel');
div.text(text);
tdDiv.append(div);
}
}
function setStatus(text){
$('[name=status]').text('Status: ' + text);
}
/code
