0 / 0 / 4
Регистрация: 25.05.2014
Сообщений: 115
|
|
1
|
Не визуализируется в браузере xml. В чем ошибка?
21.05.2015, 22:41. Показов 632. Ответов 0
XML | 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| <?xml version="1.0" encoding="UTF-8"?>
<productList>
<computer model="Domain">
<model>Model</model> <HDD>HDD</HDD>
<model_processor>Processor</model_processor>
<price>Price</price>
</computer>
<computer model="Asus">
<model>Asus</model>
<HDD>Hitachi</HDD>
<model_processor>P3</model_processor>
<price> 1800 </price>
</computer>
<computer model="Nec">
<model>Nec</model>
<HDD>WD</HDD>
<model_processor>P4</model_processor>
<price> 2800 </price>
</computer>
</productList> |
|
HTML5 | 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
| <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ua" lang="ua">
<head>
<script type="text/javascript">
var xmldoc; //уміст XML
var a=new Array();
var m=new Array();
var i=0;
var k=0;
var pos=0;
var text ="";
function getData()
{
if (window.XMLHttpRequest){
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else {
// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = statechange;
xmlhttp.open("GET","example.xml",false);
xmlhttp.send();
xmldoc=xmlhttp.responseXML;
if (xmldoc != null) {
resultDOM.innerHTML = iterate(xmldoc);
}
else{
alert("помилка завантаження");
}
}
function iterate(theNode)
{
if ((theNode.childNodes.length>0)||(theNode.nodeType!=3))
{
for (var it = 0; it < theNode.childNodes.length;it++)
{
text+=iterate(theNode.childNodes[it])
}
}
else
{
var tmp = theNode.nodeValue;
if (-1 < tmp.indexOf('\n') || tmp ==" ") {
//видаляємо символ переведення рядка як значення текстового вузла
}
else
{
a[i] = theNode.nodeValue;i++;
}
}
var n=0;
for (var j=0; j<a.length/4; j++)
{
m[j]=new Array()
for (var h=0;h<4;h++)
{
m[j][h]=a[n];
n++;
}
}
//формуємо таблицю для відображення вмісту XML
var text="<table border='1'>"
for (var w=0; w<a.length/4;w++) {
if (pos%2==0) {
text+="<TR bgcolor='#D54333'>"
}
else
{
text+="<TR bgcolor='blue' >"}
for (var b=0; b<4;b++)
{
text+="<TD width='100'>"+m[w][b]+"</TD>"
}
text+="</TR>";
pos++;
}
text+="</table>";
return (text);
}
function statechange () { //функція фіксації статусу завантаження XML документа
switch (xmlhttp.readyState)
{
case 1: state.innerHTML+="Дані підготовлені до завантаження.<br/>"; break;
case 2: state.innerHTML+="Дані завантажуються <br/>";break;
case 3: state.innerHTML+="Дані завантажені. <br/>";break;
case 4: state.innerHTML+="Завантаження завершено. <br/>";break;
}
}
</script>
</head>
<body><p>
<input type="button" value="Завантажити Документ" onclick="getData()"> <!-- Завантаження XML та побудова дерева DOM після натискання на кнопку-->
</p>
<div ID="resultDOM"></div>
<hr/>
<div ID="state"><p>Консоль [статус завантаження документа XML ]</p></div>
</body>
</html> |
|
0
|