Новичок
Профиль
Группа: Участник
Сообщений: 2
Регистрация: 27.8.2008
Репутация: нет
Всего: нет
|
| Код |
<html>
<head>
<title>Site</title>
<style>
table.t1 {
border-top: 1px #990000 dotted;
border-bottom: 1px #990000 dotted;
}
th.t1 {
border-left: 1px #990000 dotted;
border-right: 1px #990000 dotted;
}
td.t1 {
border-top: 1px #009900 dotted;
border-left: 1px #009900 dotted;
border-right: 1px #009900 dotted;
}
table.t2 {
border-top: 1px #6311C6 dotted;
border-bottom: 1px #6311C6 dotted;
}
th.t2 {
border-left: 1px #6311C6 dotted;
border-right: 1px #6311C6 dotted;
}
td.t2 {
border-top: 1px #01ACBA dotted;
border-left: 1px #01ACBA dotted;
border-right: 1px #01ACBA dotted;
}
</style>
</head>
<!-- js: code run 848 beta-gun -->
<body>
<table width="300" class="t1">
<tr>
<th class="t1">1</th>
<th class="t1">2</th>
<th class="t1">3</th>
</tr>
<tr>
<td class="t1">Vasya</td>
<td class="t1">28.34</td>
<td class="t1">-15.48</td>
</tr>
<tr>
<td class="t1">Petya</td>
<td class="t1">140.02</td>
<td class="t1">29</td>
</tr>
<tr>
<td class="t1">Masha</td>
<td class="t1">-2.09</td>
<td class="t1">-37.03</td>
</tr>
</table>
<script>
var MAIN = {
cookeValue : 0,
task6_value : 'Petya',
onload : function(){
if (self == top)
MAIN.pageLoad();
else
MAIN.iframeLoad();
},
pageLoad : function(){
var div = document.createElement('div');
div.id = 'button_div';document.body.appendChild(div);
MAIN.createButton(div, 'task 1', MAIN.task1);
MAIN.createButton(div, 'task 2', MAIN.task2);
MAIN.createButton(div, 'task 3', MAIN.task3);
MAIN.createButton(div, 'task 4', MAIN.task4);
MAIN.createButton(div, 'task 5', MAIN.task5);
MAIN.createButton(div, 'task 6', MAIN.task6);
MAIN.createButton(div, 'task 7', MAIN.task7);
cookeValue = MAIN.getCookie('bbb');
MAIN.reduceTableValue(cookeValue);
},
iframeLoad : function(){
document.body.removeChild( document.getElementById('button_div'));
},
reduceTableValue : function(cookeValue){
var tables = document.getElementsByTagName('table');
for (var i=0; i<tables.length; i++){
for (var j=1; j<tables[i].rows.length; j++) {
for (var k=1; k<tables[i].rows[j].cells.length; k++) {
var val = tables[i].rows[j].cells[k].innerHTML;
tables[i].rows[j].cells[k].innerHTML =
parseFloat(val) - parseFloat(cookeValue);
}
}
}
},
createButton : function(context, name, func){
var button = document.createElement('input');
button.type = 'button';
button.value = name;
button.onclick = func;
context.appendChild(button);
},
changeTableClass : function(table, name){
for (var i=0; i<table.rows.length; i++) {
var row = table.rows[i];
for (var j=0; j<row.cells.length; j++){
row.cells[j].setAttribute("class", name);
}
}
table.setAttribute("class", name);
},
createCookie : function (name, value, days) {
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
var expires = "; expires=" + date.toGMTString();
}
else var expires = "";
document.cookie = name + "=" + value + expires + "; path=/";
},
getCookie : function (c_name) {
if (document.cookie.length > 0) {
c_start = document.cookie.indexOf(c_name + "=");
if (c_start != -1) {
c_start = c_start + c_name.length + 1;
c_end = document.cookie.indexOf(";", c_start);
if (c_end == -1) {
c_end = document.cookie.length;
}
return unescape(document.cookie.substring(c_start, c_end));
}
}
return 0;
},
getXmlHttp : function (){
var xmlhttp;
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
},
appendIframe : function(html){
var newIframe = document.createElement('iframe');
document.body.appendChild(newIframe);
var doc = newIframe.document;
if(newIframe.contentDocument)
doc = newIframe.contentDocument;
else if(newIframe.contentWindow)
doc = newIframe.contentWindow.document;
doc.open();
doc.writeln(html);
doc.close();
},
task1 : function(){
var table = document.getElementsByTagName('table')[0];
var copy_table = table.cloneNode(true);
var col1 = 1; var col2 = 2;
for (var i=0; i<copy_table.rows.length; i++) {
var row = copy_table.rows[i];
var tmp = row.cells[col1].innerHTML;
row.cells[col1].innerHTML = row.cells[col2].innerHTML;
row.cells[col2].innerHTML = tmp;
}
MAIN.changeTableClass(copy_table,'t2');
document.body.appendChild(copy_table)
},
task2 : function(){
var table = document.getElementsByTagName('table')[0];
var copy_table = table.cloneNode(true);
for (var i=0; i<copy_table.rows.length; i++) {
var row = copy_table.rows[i];
var tmp = row.cells[0].cloneNode(true);
tmp.innerHTML = parseFloat(row.cells[1].innerHTML) +
parseFloat(row.cells[2].innerHTML);
row.appendChild(tmp)
}
copy_table.rows[0].cells[3].innerHTML = 4;
MAIN.changeTableClass(copy_table,'t2');
document.body.appendChild(copy_table)
},
task3 : function(){
MAIN.createCookie('bbb','43',1);
},
task4 : function(){
var request = '';
var table = document.getElementsByTagName('table')[0];
for (var i=1; i<table.rows.length; i++){
var p1 = table.rows[i].cells[0].innerHTML;
var ps = parseFloat(table.rows[i].cells[1].innerHTML) +
parseFloat(table.rows[i].cells[2].innerHTML);
if (ps>5){
var row_val = ' p'+ i +' - ' + p1 +' , ps - ' + ps;
request+=row_val;
}
}
alert(request);
var xmlhttp = MAIN.getXmlHttp()
xmlhttp.open('POST', 'http://domain.com', false);
xmlhttp.send(request);
},
task5 : function(){
var html = document.getElementsByTagName('html')[0].innerHTML;
html+='<'+'script> MAIN.task5_iframeLoad() <'+'/script>';
MAIN.appendIframe(html);
},
task5_iframeLoad : function(){
var table = document.getElementsByTagName('table')[0];
for (var i=1; i<table.rows.length; i++){
var elem = table.rows[i].cells[2];
if (parseFloat(elem.innerHTML)<0)
elem.style.visibility='hidden';
}
},
task6 : function(){
var html = document.getElementsByTagName('html')[0].innerHTML;
html+='<'+'script> MAIN.task6_iframeLoad() <'+'/script>';
MAIN.appendIframe(html);
},
task6_iframeLoad : function(){
var table = document.getElementsByTagName('table')[0];
for (var i=1; i<table.rows.length; i++){
if (table.rows[i].cells[0].innerHTML == MAIN.task6_value){
for (var j=1; j<table.rows[i].cells.length; j++)
table.rows[i].cells[j].style.visibility='hidden';
}
}
},
task7 : function(){
var html = document.getElementsByTagName('html')[0].innerHTML;
var begin = '<!-- js:';
var t1 = html.indexOf(begin);
var t2 = html.indexOf('-->');
alert(html.substr(t1+begin.length,t2-t1-begin.length));
},
};
window.onload = function(){
MAIN.onload();
}
</script>
</body>
</html>
|
|
Обработка кнопки в JS 
Загрузка ...
