23.05.2016, 21:08
|
|
Новичок на форуме
|
|
Регистрация: 23.05.2016
Сообщений: 9
|
|
|
Создание таблицы
Коллеги, пытаюсь создать таблицу средствами JS. Никак не могу понять, что не правильно.
<html>
<head>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script>
function zara() {
var output = $.ajax({url:'connector.php',async:false,cache:false}).responseText;
return output;
};
var zz=zara();
var tabledata=JSON.parse(zz);
var tablerows=tabledata.length;
var tablecolumns=tabledata[0].length;
mytable = document.createElement('table');
//mytable.setAttribute('id', 'mytbl');
for (x=0; x<=tablerows-1; x++){
newrow = mytable.insertRow(x);
newcell = newrow.insertCell(0);
newcell.innerHTML = tabledata[x][0];
newcell = newrow.insertCell(1);
newcell.innerHTML = tabledata[x][1];
document.getElementById('tcontainer').appendChild(mytable);
};
</script>
</head>
<body>
<div id='tcontainer'></div>
</body>
</html>
Последний раз редактировалось vmetnev, 23.05.2016 в 22:12.
|
|
23.05.2016, 21:43
|
|
Новичок на форуме
|
|
Регистрация: 23.05.2016
Сообщений: 9
|
|
|
в переменной tabledata лежит массив [["Date","Value"],["2015-05-01",100],["2015-05-02",102],["2015-05-03",108],["2015-05-04",111],["2015-05-05",110],["2015-05-06",105],["2015-05-07",107]]
|
|
23.05.2016, 21:49
|
|
Новичок на форуме
|
|
Регистрация: 23.05.2016
Сообщений: 9
|
|
|
Эх.... никто не отвечает....
|
|
23.05.2016, 22:03
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,109
|
|
|
vmetnev,
как-то бы async:всегда true делать, и в параметре success формировать таблицу когда придёт ответ с сервера
|
|
23.05.2016, 22:04
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,109
|
|
vmetnev,
Пожалуйста, отформатируйте свой код!
Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]
О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
|
|
23.05.2016, 22:19
|
|
Новичок на форуме
|
|
Регистрация: 23.05.2016
Сообщений: 9
|
|
|
Заработало. Не знаю как и почему, но если контейнер для таблицы объявить до скрипта с функцией, то все работает. Этот странный javascript... хотя .... этот странный я...
|
|
23.05.2016, 22:28
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,109
|
|
|
vmetnev,
вам был предложен путь, но вы продолжили рыть ... одно хорошо, что отформатировали
Последний раз редактировалось рони, 23.05.2016 в 22:44.
|
|
23.05.2016, 22:44
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,109
|
|
vmetnev,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script>
$(function(){
//jQuery.getJSON("connector.php",zara); //раскомментировать
var data = [["Date","Value"],["2015-05-01",100],["2015-05-02",102],["2015-05-03",108],["2015-05-04",111],["2015-05-05",110],["2015-05-06",105],["2015-05-07",107]]; //строка для проверки убрать
function zara(data) {
var mytable = $('<table/>');
$.each(data,function( i, myData ) {
$(mytable).append(
$('<tr/>').append(
$('<td/>',{text:myData[0]}),
$('<td/>',{text:myData[1]})
)
);
});
$('#tcontainer').append(mytable);
}
zara(data)//строка для проверки убрать
})
</script>
<script>
</script>
</head>
<body>
<div id='tcontainer'></div>
</body>
</html>
|
|
|
|
