Retrieving all data from a HTML5 local storage into one text field

Databases
1

How do you dump all the fields of an HTML5 local storage database into a single text field? I’d like to show the key/value pairs separated by a colon, each pair on its own line, in a form’s text field.

Alternately, (instead of populating a text field with all the data), a button could be tapped to grab and format the information within a mailto: script, then a confirm button will fire the mailto: code, perhaps all done via Javascript.

I’m using local storage successfully for the user to enter and delete the data, but the retrieval is limited to the field the data has been entered into. I am using this code, by the way: http://marxsoftware.blogspot.com/… As you can guess, I’m not a Javascript coder.

So how do I get all the code into a single text field?

Thanks!
Steve

2

This code is used to add to the database. Note1 - Note4 are all names of form1 textboxes.

            function persistData()
            {
                if (html5StorageSupported())
                {
                   // for (var i = 1; i <= 10; i++)
                    {
                      
                      var note1 = document.form1["Note1"].value;
                      var storageIndex = "practicelog.html.note1";
                        localStorage[storageIndex] = note1;
                        
                      var note2 = document.form1["Note2"].value;
                      var storageIndex = "practicelog.html.note2";
                        localStorage[storageIndex] = note2;

var note3 = document.form1["Note3"].value;
var storageIndex = "practicelog.html.note3";
localStorage[storageIndex] = note3;

var note4 = document.form1["Note4"].value;
var storageIndex = "practicelog.html.note4";
localStorage[storageIndex] = note4;

                    }

This code is used to load the data into the fields. I am trying to get the Note1-Note3 content to display in Note4 text box, without success. I am showing all the ways I’ve tried to concatenate the information. They are commented out at the end:

           function loadData()
            {
                if (html5StorageSupported())
                {
                    for (var i = 1; i <= 10; i++)
                    {
                        document.form1["Note1"].value = localStorage["practicelog.html.note1"];
                        document.form1["Note2"].value = localStorage["practicelog.html.note2"];
                        document.form1["Note3"].value = localStorage["practicelog.html.note3"];

//document.form1["Note4"].value = localStorage["practicelog.html.note3" + "practicelog.html.note2" + "practicelog.html.note1"];
//document.form1["Note4"].value = localStorage["practicelog.html.note3 + practicelog.html.note2 + practicelog.html.note1"];
//document.form1["Note4"].value = localStorage["practicelog.html.note3" . "practicelog.html.note2" . "practicelog.html.note1"];
//document.form1["Note4"].value = localStorage["practicelog.html.note3 . practicelog.html.note2 . practicelog.html.note1"];
//document.form1["Note4"].value = localStorage["practicelog.html.note3." + "practicelog.html.note2." + "practicelog.html.note1"];
document.form1["Note4"].value = localStorage["practicelog.html.note3. + practicelog.html.note2. + practicelog.html.note1"];

                    }

Any ideas of how to add Note1-Note3 to Note4? I’d like them on separate lines if possible.

Thanks!
Steve

3

I finally got it to work!

document.form1["Note4"].value = 
"Notes: " + localStorage["practicelog.html.note1"] + "\
" + 
"Front Camber: " + localStorage["practicelog.html.note2"] + "\
" + 
"Camber Link Spacers: " + localStorage["practicelog.html.note3"]
;

Now to figure out how to get it into a mailto: script.