.603. 621.13.050103.( 116306).
. 621 . .
________________ ( ) (..)
(, )
:_ .._______________
( , )
____________________________________
(, ) (..)
:
XML- HTML-; HTML XML, , .
XML- (, dz_m.xml), 20 , 7 .
XML CSS. 9.
HTML- (, dz_str.html). HTML- TABLE XML, ( ) .
,
XML-, HTML- TABLE XML , ( , ).
HTML- TABLE XML-, :
;
;
.
TABLE XML :
<TABLE datasrc=#[]>
<TR>
<TD> <SPAN datafld = /></SPAN></TD>
</TR>
</TABLE>
TABLE XML- DATASRC (ID) , #:
<TABLE DATASRC="#dsoStudent" BORDER="6" CELLPADDING="5" width=100%>
( TR). (.. TD) SPAN, XML- , .
TD HTML- , XML, SPAN XML. datafld , , . , SPAN FAMILY file_1.xml :
<TD> < SPAN DATAFLD = FAMILY > </SPAN> <TD>
|
|
, TABLE , , XML- .
:
<THEAD style=background-color:aqua>
<TH> </TH>
</THEAD>
XML- , . .
TABLE DATAPAGESIZE, , . ;
TABLE ID ;
TABLE, , .
TABLE
ID_.firstPage () | |
ID_.previousPage() | |
ID_.nextPage() | |
ID_.lastPage() |
TABLE ONCLICK HTML- BUTTON.
Laba_9.html
<html>
<head>
<script type="text/javascript" src="script.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=cp1251">
</head>
<body>
<p> <span style="padding: 5px; border: 1px solid blue; background-color: #E3D1FF;" id="curr_datetime"></span></p>
<p align="center"><b> 1</b> . .</p>
<br>
<p><b> 6. </b> 1, 2,..., . , .</p>
<p><b> :</b></p>
<b>n = </b><span id="n_element"></span>
<br>
<b>a = </b><span id="a_element"></span>
<br>
<p><u> , </u>: <span id="len"></span></p>
<br>
<input type="button" value="" onclick="calc()"></input>
<br><br><br><br>
<!-- task 2 -->
<p align="center"><b> 2</b> . .</p>
<br>
<p><b> 6. </b> , . .</p>
|
|
<p><b> :</b></p>
<b> : </b><span id="stroka"></span>
<br>
<p><u> </u>: <span id="result"></span></p>
<br>
<input type="button" value="" onclick="find_words()"></input>
</body>
<script>
//
var curr_datetime = new Date();
curr_datetime = curr_datetime.toLocaleString();
display('curr_datetime', curr_datetime);
</script>
</html>
Script.js
// task 1
var nMin = 4;
var nMax = 20;
var aMin = 1;
var aMax = 50;
var n;
var a;
function calc() {
n = random(nMin, nMax);
a = new Array(n);
fill_a();
var min_axis_len = get_min_max(a);
display('n_element', n);
display('a_element', '['+a.join(', ')+']');
var leng = min_axis_len[1] - min_axis_len[0] + 1;
display('len', leng);
}
function fill_a() {
var len = a.length;
for(i = 0; i < len; i++){
a[i] = random(aMin, aMax);
}
}
function get_min_max(mas) {
var max = Math.max.apply(Math, mas);
var min = Math.min.apply(Math, mas);
return new Array(min, max);
}
function random(min, max) {
return parseInt(Math.random() * (max - min) + min);
}
// task 1 END
// task 2
var stroka = new String(' ')
function find_words() {
var probelReg = /\s+/ig;
var wordReg = /^[-]{3}$/ig;
//alert(stroka);
var wordsArray = stroka.split(probelReg);
var result = new Array();
var len = wordsArray.length;
for(i = 0; i < len; i++){
if (wordsArray[i].search(wordReg)!= -1) {
result.push(wordsArray[i]);
}
}
display('stroka', stroka);
display('result', result.join(', '));
}
// task 2 END
function display(elem_id, text) {
document.getElementById(elem_id).innerHTML = text;
}
:
JavaScript, JavaScript.