How to Call each object in JSON file by Adobe animate cc HTML5 canvas
Hi,
Can you help me.
Details of 4 ID are visible by pressing button 1. I have shown these details through a text window (instance name: txt) and I have a back button.It is working fine.
If what I need
The details in the ID 1 should display at the pull of by button1.
The details in the ID 2 should display at the pull of by button2.
The details in the ID 3 should display at the pull of by button3.
The details in the ID 4 should display at the pull of by button4
Please help me.sorry not proper communication.
JSON file.
"data":
[
{"id":"1","name":"John Deo","class":"Four5",
"mark":"75","sex":"male"},
{"id":"2","name":"Max Ruin","class":"Three5",
"mark":"85","sex":"male"},
{"id":"3","name":"Arnold","class":"Three5",
"mark":"55","sex":"male"},
{"id":"4","name":"Krish Star","class":"Four5",
"mark":"60","sex":"male"}
]
}
JSON file script
var that = this;
this.json = {};
this.loadJson = function(url)
{
var queue = new createjs.LoadQueue(true);
queue.on("fileload", that.onJsonLoaded, that);
queue.on("error", that.onJsonLoadError, that);
queue.loadFile({id:"json", src:url});
}
this.onJsonLoaded = function(e)
{
that.json = e.target.getResult("json");
that.setText();
}
this.onJsonLoadError = function(e)
{
console.log(e);
}
this.setText = function()
{
var data = that.json.data;
for (var i = 0, total = data.length; i < total; i++)
that.txt.text = that.txt.text + "\n" + data[i].id + ", " + data[i].name + ", " + data[i].class + ", " + data[i].mark + ", " + data[i].sex;
}
this.loadJson("json_id.json");
button1 Code(frame 1)
this.button_1.addEventListener("click", fl_ClickToGoToAndPlayFromFrame_6.bind(this));
function fl_ClickToGoToAndPlayFromFrame_6()
{
this.gotoAndPlay(5);
}
Back Button code(frame 10)
this.button_3.addEventListener("click", fl_ClickToGoToAndStopAtFrame_6.bind(this));
function fl_ClickToGoToAndStopAtFrame_6
{
this.gotoAndPlay(5);
}
Regards,
saravananN
AdChoices