Наложение с динамическими данными DIV в табличном формате через JavaScript - PullRequest
Новая
       0

Наложение с динамическими данными DIV в табличном формате через JavaScript

0 голосов
/ 19 января 2012

Я пытаюсь отобразить данные в табличном формате.Однако таблица должна быть динамической, поэтому она будет содержать больше или меньше строк, в зависимости от показанного списка данных.Я хотел бы сделать это с Raphael.js, так что я могу связываться с эффектами, но простая Джейн уже достаточно хороша.Подойдет пример с двумя строками и двумя столбцами.

Теперь я знаю, как создать статическую таблицу в HTML внутри div, но мне нужно это, чтобы наложить существующую страницу на JavaScript.

Все, что я смог сделать на данный момент, это 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TESTING CODE</title>

<script language="JavaScript" type="text/javascript">
    function routeIt (kontent, zPath) {
        if (zPath == 'Meeting') { 
            var ta1 = document.createElement('div');
            ta1.setAttribute("name","travel");
            ta1.setAttribute("id","mobile");
            ta1.setAttribute("style","position:float");
            ta1.setAttribute("id","mobile");
            ta1.setAttribute("width","600");
            ta1.setAttribute("height","100");
            ta1.setAttribute("left","120");
            ta1.setAttribute("top","320");
            document.getElementById.('mobile').innerHTML = 'This venerable day of march the 42nd I pledge to uphold the traditions of all the welders...';
    }
</script>
</head>
<body>
    <a class="linqs"  href="javascript:routeIt('Hello','Meeting')   "><span title="Make comments about the Meeting...">Meetings</span></a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a class="linqs"  href="javascript:routeIt('Tzigane','Resolution')"><span title="Make comments about your Portfolio...">Portfolio</span></a>&nbsp;&nbsp;&nbsp;&nbsp;
    <a class="linqs2" href="javascript:routeIt('Kratt','SendEmail') "><span title="Emails from ...">Email</span></a>
</body>
</html>

Последняя строка не работает и DIV или содержимое не отображаются ... но это не приводит к ошибкам всоздание DIV.Так что я даже не могу заставить DIV появиться!

Списки данных поступают следующим образом: 

zList1 = [['zebra','24'],['cat','153'],['paycheck','$123.56']]
zList2 = [['Wine','gloogloo'],['cereal','bowl'],['garage','three cars']]

Любая помощь будет признательна ...

Денис

1 Ответ

0 голосов
/ 19 января 2012 
Here is The Bug Fixed code: Try and post the comment,


    function routeIt (kontent, zPath) {
        if (zPath == 'Meeting') { 
            var ta1 = document.createElement('div');
            ta1.setAttribute("name","travel");
            ta1.setAttribute("id","mobile");
            ta1.setAttribute("style","position:float");
            ta1.setAttribute("id","mobile");
            ta1.setAttribute("width","600");
            ta1.setAttribute("height","100");
            ta1.setAttribute("left","120");
            ta1.setAttribute("top","320");
            document.getElementById("bodyID").appendChild(ta1);
            document.getElementById.('mobile').innerHTML = 'This venerable day of march the 42nd I pledge to uphold the traditions of all the welders...';
}
    }


add id="bodyID" to the the body tag definition.

Cheers, Arun
...