Question

I’m trying to store small descriptions and call them into a div at different times using jquery. There are 50 different pieces of data. I thought I’d create a simple json object to store my information. I was wondering how I can access the data with javascript?

I tried this but it doesn’t work at all:

var myArray = JSON.parse(timeline_info);
var length = myArray.length;
alert(myArray.0[0]);

Here is my JSON:

var timeline_info = {
    0 : [1972,lorem ipsum blablabla,video address,],
    1 : [1972,lorem ipsum blablabla,video address,],
    2 : [1972,lorem ipsum blablabla,video address,],
    3 : [1972,lorem ipsum blablabla,video address,],
    4 : [1972,lorem ipsum blablabla,video address,],
    5 : [1972,lorem ipsum blablabla,video address,],
    6 : [1972,lorem ipsum blablabla,video address,],
    7 : [1972,lorem ipsum blablabla,video address,],
    8 : [1972,lorem ipsum blablabla,video address,],
    9 : [1972,lorem ipsum blablabla,video address,],
}

any thoughts?

Answer 1

That is not JSON. Try

var timeline_info = [
    {
        "year": 1972,
        "description": "lorem ipsum blablabla",
        "video": "video address"
    },
    {
        "year": 1972,
        "description": "lorem ipsum blablabla",
        "video": "video address"
    }
];

and access it with timeline_info[0].year.