Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.12.2008, 11:10
Новичок на форуме
Отправить личное сообщение для lbvf911 Посмотреть профиль Найти все сообщения от lbvf911
 
Регистрация: 18.12.2008
Сообщений: 5

не работает JavaScript в div"е
Есть страничка на ней надо вывесть таблицу которая при навидении курсора выделяет строку(используя JavaScript).

Проблема:
при отрытии demo.php всё ОК, но когда загружаю через div на форме загружается только статическая таблица(JavaScript не работает)

Как можно решить данную проблему :confused:

index.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        <script src="demo.js" type="text/javascript" defer="defer"></script>
    </head>
    <body  onLoad="loadResult()">
        <div id="result"/>
    </body>
</html>


demo.js
function updatePage() {
   if (req.readyState == 4) {
     if (req.status == 200) {
       var response = req.responseText;
       document.getElementById("result").innerHTML = response;
     } else {
       alert("status is " + req.status);
     }
   }
}



function loadResult() {
    if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
        req.onreadystatechange = updatePage;

        if (req.readyState > 1) req.abort();

		req.open("POST", 'demo.php');
		req.setRequestHeader("If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT");
        req.setRequestHeader('Cache-Control', 'no-cache');
	    req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		req.send('');

    } else if (window.ActiveXObject) {
        req = new ActiveXObject("Msxml2.XMLHTTP");///("Microsoft.XMLHTTP");

        if (req) {
            req.onreadystatechange = updatePage;

            if (req.readyState > 1) req.abort();

            req.open("POST", 'demo.php');
            req.setRequestHeader('Cache-Control', 'no-cache');
	        req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
			req.send('');
        }
    }
}


demo.php
<!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 profile="http://gmpg.org/xfn/11">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta http-equiv="imagetoolbar" content="no" />

    <script type="text/javascript">

	var stripe = function() {
		var tables = document.getElementsByTagName("table");

		for(var x=0;x!=tables.length;x++){
			var table = tables[x];
			if (! table) { return; }

			var tbodies = table.getElementsByTagName("tbody");

			for (var h = 0; h < tbodies.length; h++) {
				var even = true;
				var trs = tbodies[h].getElementsByTagName("tr");

				for (var i = 0; i < trs.length; i++) {
					trs[i].onmouseover=function(){
						this.className += " ruled"; return false
					}
					trs[i].onmouseout=function(){
						this.className = this.className.replace("ruled", ""); return false
					}

					if(even)
						trs[i].className += " even";

					even = !even;
				}
			}
		}
	}

	window.onload = stripe;
	</script>


	<style type="text/css" media="screen">
        table{
            border: 1px solid #666;
        }
        tr td{
            font-family: "lucida grande", verdana, sans-serif;
            font-size: 8pt;
            padding: 3px 8px;
            background: #fff;
        }
        thead td{
            color: #fff;
            background-color: #999999; /*C8C028;*/
            font-weight: bold;
            border-bottom: 1px solid #999;
        }
        tbody td{
            border-left: 1px solid #D9D9D9;
        }
        tbody tr.even td{
            background: #eee;
        }
        tbody tr.selected td{
            background: #3d80df;
            color: #ffffff;
            /*font-weight: bold;*/
            border-left: 1px solid #346DBE;
            border-bottom: 1px solid #7DAAEA;
        }
        tbody tr.ruled td{
            color: #000;
            background-color: #C6E3FF;
            /*font-weight: bold;*/
            /*border-color: #3292FC;*/
        }

        /* Opera fix */
        head:first-child+body tr.ruled td{
            background-color: #C6E3FF;
        }
	</style>

</head>
<body>
	<table cellspacing="0">
		<thead>

		<tr>
			<td width="40%">Ф.И.О.</td>
			<td width="30%">Должность/Отдел</td>
			<td width="20%">E-Mail</td>
            <td width="10%">Номер</td>
		</tr>
		</thead>

		<tbody>
		<tr>
			<td>Ф.И.О.</td>
			<td>Должность/Отдел</td>
			<td>E-Mail</td>
            <td>Номер</td>
		</tr>

		<tr>
			<td>Ф.И.О.</td>
			<td>Должность/Отдел</td>
			<td>E-Mail</td>
            <td>Номер</td>
		</tr>

		<tr>
			<td>Ф.И.О.1111111111111111111111111</td>
			<td>Должность/Отдел</td>
			<td>E-Mail</td>
            <td>Номер</td>
		</tr>

		</tbody>
	</table>
</body>
</html>
Ответить с цитированием
  #2 (permalink)  
Старый 26.12.2008, 11:21
Интересующийся
Отправить личное сообщение для Tror Посмотреть профиль Найти все сообщения от Tror
 
Регистрация: 24.12.2008
Сообщений: 26

<body  onLoad="loadResult(); stripe();">
Ответить с цитированием
  #3 (permalink)  
Старый 26.12.2008, 11:31
Новичок на форуме
Отправить личное сообщение для lbvf911 Посмотреть профиль Найти все сообщения от lbvf911
 
Регистрация: 18.12.2008
Сообщений: 5

Сообщение от Tror
<body onLoad="loadResult(); stripe();">
Исправил и поместил CSS и JS в index.php.
После этого заработало в IE6 но незахотело работать в FireFox.

Если ко может подправте )
Ответить с цитированием
  #4 (permalink)  
Старый 26.12.2008, 11:40
Интересующийся
Отправить личное сообщение для Tror Посмотреть профиль Найти все сообщения от Tror
 
Регистрация: 24.12.2008
Сообщений: 26

function updatePage() {
   if (req.readyState == 4) {
     if (req.status == 200) {
       var response = req.responseText;
       document.getElementById("result").innerHTML = response;

       stripe();

     } else {
       alert("status is " + req.status);
     }
   }
}
Ответить с цитированием
  #5 (permalink)  
Старый 26.12.2008, 11:46
Новичок на форуме
Отправить личное сообщение для lbvf911 Посмотреть профиль Найти все сообщения от lbvf911
 
Регистрация: 18.12.2008
Сообщений: 5

Большое СПАСИБО
Помогло!!!!
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не работает JavaScript в IE Гость Internet Explorer 42 19.06.2012 15:38
Помогите с javascript andruhin Общие вопросы Javascript 12 04.05.2012 10:05
Работает в Mozilla и не работает в IE Maxidrom Events/DOM/Window 4 27.02.2010 16:37
Нужен Старший разработчик JavaScript Yandex Работа 17 19.08.2008 16:43
JavaScript Редактор WYSIWYG - редактирование текстов banyman Элементы интерфейса 23 26.05.2008 15:16