Мне нужно заблокировать поток кода, потому что я использую cytoscape.js и однажды создал div cy, я не могу взаимодействовать с не-cy элементом, таким как выпадающее меню.
Вот мой код:
<script>
var list1 = [];
var list2 = [];
readTextFile("book.json", function(text){
var data = JSON.parse(text);
for (el in data.Concepts){
var obj = data.Concepts[el];
for(id in obj){
list1.push(id);
}
}
for (el in data.Roles){
var obj = data.Roles[el];
for(id in obj){
list2.push(id);
}
}
});
document.write("<div id='cy'></div>");
//CREATE CY
var cy = cytoscape({
container: document.getElementById('cy'),
style: style
});
<\script>
Как показать элемент в list1
и list2
в раскрывающемся меню и когда пользователь выбирает один элемент из list1
и один из list 2
, пока продолжается поток?
Вот как получается readTextFile
:
function readTextFile(file, callback) {
var rawFile = new XMLHttpRequest();
rawFile.overrideMimeType("application/json");
rawFile.open("GET", file, false);
rawFile.onreadystatechange = function() {
if (rawFile.readyState === 4 && rawFile.status == "200") {
callback(rawFile.responseText);
}
}
rawFile.send(null);
}