Показать сообщение отдельно
  #5 (permalink)  
Старый 14.02.2012, 21:32
Новичок на форуме
Отправить личное сообщение для Space-06 Посмотреть профиль Найти все сообщения от Space-06
 
Регистрация: 18.12.2011
Сообщений: 8

у меня уже готовое HTA приложение:

Код:
<html>
    <head>
	
		<script type="text/javascript" src="js/jquery-1.6.1.min.js" ></script>
		<link href="css\styles.css" rel="stylesheet" type="text/css" />
		
        <title>Служба  Контроля Предприятия</title>
        <hta:application
            id = "oHTA"
            ApplicationName = "MyTestApplication"
            Border = "Dialog"
            BorderStyle = "Complex"
            InnerBorder = "No"
            MaximizeButton = "No"
            MinimizeButton = "No"
            Scroll = "Yes"
            Selection = "No"
            ShowInTaskBar = "No"
            SingleInstance = "Yes"
            Version = "1.3"
        />

    </head>
    <body>
<script language="Javascript">
$(document).ready(init);

function init(){
    $('#report').hide();
}
</script>    
        
 <SCRIPT LANGUAGE="JavaScript">
function addRow(id){

var sConnString="data;" 
var oConn = new ActiveXObject("ADODB.Connection");
  oConn.Open(sConnString);
  var oRS = new ActiveXObject("ADODB.Recordset");
  oRS.Open("select  * from data order by FAM",oConn);
var data= new Array();
oRS.MoveFirst;
while (!oRS.EOF)
            {
    var tbody = document.getElementById
    (id).getElementsByTagName("TBODY")[0];
    var row = document.createElement("TR")
    var td1 = document.createElement("TD")
    td1.appendChild(document.createTextNode(oRS.Fields(0).value))
    var td2 = document.createElement("TD")
    td2.appendChild(document.createTextNode(oRS.Fields(1).value + " " + _
 oRS.Fields(2).value + " " +  oRS.Fields(3).value))
    var td3 = document.createElement("TD")
    td3.appendChild(document.createTextNode(oRS.Fields(8).value))
    var td4 = document.createElement("TD")
    td4.appendChild(document.createTextNode(oRS.Fields(5).value))
    row.appendChild(td1);
    row.appendChild(td2);
    row.appendChild(td3);
    row.appendChild(td4);
    tbody.appendChild(row);                
                
oRS.MoveNext
            }

oRS.close;

}


  
</script>
<div id=table>
<a href="#" onclick="addRow('myTable');return false;">Заполнить таблицу из Базы данных</a>
<center>
<h1>Ведение статистических данных</h1>
<p>Заполнение данных о работниках в базу данных</p>


<table id="myTable" cellspacing="0" border="1">
<thead>
      <th>№</th>
      <th>Ф. И. О.</th>
      <th>Дата приема на работу</th>
      <th>Занимаемая должность</th>


</thead>
  <tbody>

  </tbody>
</table> 
</center>
</div>
<div id=report>
<left>
<a href="#" onclick="unbox();return false;">Вернуться к списку</a>
<br>
<br>
<table width="900" cellpadding="0" cellspacing="2" border="0">
<tr>
<td width = "60px">Ф.И.О</td>
<td width = "840px"></td>
</tr>
<tr>
<td>Занимаемая должность</td>
<td></td>
</tr>
<tr>
<td>Образование</td>
<td></td>
</tr>
<tr>
<td>Место Образования</td>
<td></td>
</tr>
<tr>
<td>Дата приема на работу</td>
<td></td>
</tr>
<tr>
<td>Дополнительная Информация о работнике</td>
<td></td>
</tr>
</table>
</div>      
 <SCRIPT LANGUAGE="JavaScript">
 function box()
	{
$('#table').hide();
$('#report').show();
	}
	function unbox()
	{
	$('#report').hide();
$('#table').show();
	}
 
 
 
		document.getElementById("myTable").onclick = function (event) {
			event = event || window.event;
			var target = event.target || event.srcElement;
			if (target.tagName == "TD"&&target.cellIndex == 0) {
				a=target.innerHTML
				//alert(a);
				box();
			}
		}
 </script>

    </body>
</html>
В моем примере замечательно строится таблица с помощью JS - и рекодсета. Я просто спросил как можно в уже построенной таблице, обработав ее или на момент построения ее раскрашивать

построение идет тут:

var tbody = document.getElementById
    (id).getElementsByTagName("TBODY")[0];
    var row = document.createElement("TR")
    var td1 = document.createElement("TD")
    td1.appendChild(document.createTextNode(oRS.Fields(0).value))
    var td2 = document.createElement("TD")
    td2.appendChild(document.createTextNode(oRS.Fields(1).value + " " + oRS.Fields(2).value + " " +  oRS.Fields(3).value))
    var td3 = document.createElement("TD")
    td3.appendChild(document.createTextNode(oRS.Fields(8).value))
    var td4 = document.createElement("TD")
    td4.appendChild(document.createTextNode(oRS.Fields(5).value))
    row.appendChild(td1);
    row.appendChild(td2);
    row.appendChild(td3);
    row.appendChild(td4);
    tbody.appendChild(row);


Как грамотно и правильно вставить DOM объект - класс или стиль чтоб закрасить.
Ответить с цитированием