Выдирание нужного текста из страницы и его разметка на новой
Доброго времени суток.
Состоит задача в следующем: при загрузке определенной страницы браузером, полная ее переразметка, удаление не нужного текста, замена местами, добавление текущей даты и времени.
<html>
<head>
<title>Заказ наряд</title>
<meta http-equiv="content-type" content="text/html; charset=KOI8-R" />
</head>
<body>
<table border="1" style="font-size:10px;">
<tr>
<td colspan="4" rowspan="1" valign="center" align="center"><b>Заказ-Наряд No114138930 от ..</b></td> // Вставка текущей даты
</tr>
<tr>
<td colspan="4" rowspan="1" valign="center" align="center">на ремонт проводного интернета</td>
</tr>
<tr>
<td colspan="4" rowspan="1" valign="center" align="center"><b>Дата выполнения работ: .. с 13:00 по 09:00 </b></td> // здесь указанное время надо поменять местами и добавить дату
</tr>
<tr>
<td></td>
<td valign="bottom" align="left"><b>Наряд получил:</b></td>// убрать Наряд получил
<td colspan="2" rowspan="1" valign="bottom" align="right">Пупкин Василий Васильевич</td>
</tr>
<tr>
<td valign="bottom" align="left">К заявке No 114138930</td>
<td></td>
<td colspan="2" rowspan="1" valign="top" align="center">начальник участка, ФИО</td>
</tr>
<tr>
<td colspan="1" rowspan="3" valign="center" align="left">Техники оборудования связи (ФИО)</td>
<td colspan="3" rowspan="1" valign="bottom" align="left"> </td>
</tr>
<tr>
<td colspan="3" rowspan="1" valign="bottom" align="left"> </td>
</tr>
<tr>
<td colspan="3" rowspan="1" valign="bottom" align="left"> </td>
</tr>
<tr>
<td valign="bottom" align="left">Данные об абоненте домашнего интернета:</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td valign="bottom" align="left">No договора</td>
<td colspan="3" rowspan="1" valign="center" align="left"><b>1234567</b></td>
</tr>
<tr>
<td valign="bottom" align="left">ФИО абонента</td>
<td colspan="3" rowspan="1" valign="center" align="center"><b></b></td>
</tr>
<tr>
<td colspan="1" rowspan="2" valign="center" align="left">Фактический адрес абонента:</td>
<td colspan="3" rowspan="2" valign="center" align="left"><b>Волгоград, улица Николая Отрады, д. 16, кв. 1010 тел.:9112345678, , </b></td>
</tr>
<tr>
</tr>
<tr>
<td valign="center" align="left">IP-адрес коммутатора:</td>
<td valign="center" align="left">__________</td>
<td valign="center" align="left">Порт клиента:</td>
<td valign="center" align="right"><b>____</b></td>
</tr>
<tr>
<td colspan="4" rowspan="1" valign="top" align="left"><b>подъезд 1, этаж 100, домофон 1010, тел 89112345678, сетевая в ДУ рабочая. диагностика подтверждает повреждение на кабеле 9 FE Link Down Pair1 Open at 73 M Pair2 Open at 83 M физика нужен техник. </b></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td valign="bottom" align="left">Адрес ОДС:</td>
<td colspan="3" rowspan="1" valign="bottom" align="left"></td>
</tr>
<tr>
<td colspan="4" rowspan="1" valign="bottom" align="left">Ключи от тех. Помещения: получены в _________час._________мин.; сданы в____________час._____________мин.</td>
</tr>
<tr>
<td colspan="4" rowspan="1" valign="bottom" align="left">Диспетчер ОДС: /</td>
</tr>
<tr>
<td colspan="3" valign="top" align="left"> (Подпись) (Расшифровка)</td>
<td valign="bottom" align="left"></td>
</tr>
<tr>
<td colspan="4" rowspan="1" valign="top" align="left"><b>Ключи от тех. помещения в ОДС не брались: </b></td>
</tr>
<tr>
<td valign="bottom" align="left">Отчет по ремонту проводного интернета:</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="2" valign="bottom" align="left"><b>Перечень выполненных работ: </b></td>
<td valign="bottom" align="left"></td>
<td valign="bottom" align="left"></td>
</tr>
<tr>
<td colspan="2" rowspan="2" valign="center" align="left"><b>1.Перепротяжка абонентского кабеля :</b></td>
<td colspan="2" valign="center" align="right"><b>Расход кабеля ______________м.</b></td>
</tr>
<tr>
<td valign="bottom" align="left"></td>
<td valign="center" align="right"></td>
</tr>
<tr>
<td colspan="4" rowspan="1" valign="center" align="left"><b>2.Замена\установка коннектора: _______________шт.</b></td>
</tr>
<tr>
<td colspan="2" valign="center" align="left"><b>3.Настройка сетевого подключения (VPN):</b></td>
<td valign="bottom" align="left"><b></b></td>
<td valign="center" align="right"></td>
</tr>
<tr>
<td colspan="2" valign="center" align="left"><b>4.Диагностика активного оборудования:</b></td>
<td colspan="2" rowspan="1" valign="center" align="center">коммутатор, роутер, приставка IPTV <br>
(нужное подчеркнуть)</td>
</tr>
<tr>
<td colspan="4" rowspan="1" valign="center" align="left"><b>5.Установка переходника RJ-45: _____________шт.</b></td>
</tr>
<tr>
<td colspan="4" rowspan="1" valign="center" align="left"><b>6.Установка внешней розетки 1хRJ-45: _____________шт.</b></td>
</tr>
<tr>
<td colspan="4" rowspan="1" valign="center" align="left"><b>7.Использование стяжек: _____________шт.</b></td>
</tr>
<tr>
<td colspan="4" rowspan="1" valign="center" align="left"><b>8.Использование спецодежды: </b></td>
</tr>
<tr>
<td colspan="4" rowspan="1" valign="center" align="left"><b>9. Другие материалы: ________________________</b></td>
</tr>
<tr>
<td colspan="4" rowspan="1" valign="bottom" align="left"><b>С ноутбука техника интернет работает, проблема на стороне клиента</b></td>
</tr>
<tr>
<td colspan="4" rowspan="1" valign="bottom" align="left"><b>Отзывы абонента:</b></td>
</tr>
<tr>
<td colspan="4" rowspan="1" valign="bottom" align="left"><b>Претензий к выполненным работам не имею</b></td>
</tr>
<tr>
<td colspan="4" rowspan="1" valign="bottom" align="left"><b>ФИО абонента (подпись)</b></td>
</tr>
<tr>
<td valign="bottom" align="left"></td>
<td valign="bottom" align="left"></td>
<td valign="bottom" align="left"></td>
<td valign="bottom" align="left"></td>
</tr>
<tr>
<td valign="bottom" align="left">Заказ-наряд, сдан :</td>
<td valign="bottom" align="left"></td>
<td valign="bottom" align="left"></td>
<td valign="bottom" align="left"></td>
</tr>
<tr>
<td valign="bottom" align="left"></td>
<td valign="bottom" align="left"></td>
<td valign="bottom" align="left"></td>
<td valign="top" align="center">( подпись техник )</td>
</tr>
<tr>
<td colspan="2" valign="bottom" align="left">Заказ-наряд получен. Выполненную работу подтверждаю.</td>
<td valign="bottom" align="left"></td>
<td valign="bottom" align="left"></td>
</tr>
<tr>
<td colspan="2" valign="bottom" align="left"><b>Работы выполнены: " " , г.,</b></td>
<td valign="bottom" align="left"><b></b></td>
<td valign="bottom" align="left"><b></b></td>
</tr>
<tr>
<td colspan="3" valign="top" align="left"> ( дата, кем принят: ФИО,должность ) (подпись)</td>
<td valign="bottom" align="left"></td>
</tr>
<tr>
<td valign="bottom" align="left">Замечания ответственного лица: </td>
<td valign="bottom" align="left"></td>
<td valign="bottom" align="left"></td>
<td valign="bottom" align="left"></td>
</tr>
</table>
</body>
</html>
Буду благодарен за помощь |
Первичная переразметка:
var newTable = document.createElement("table");
newTable.innerHTML='<table border="1" style="font-size:10px;">';
allTables = document.getElementsByTagName('table');
//alert(allTables.length);
for (var i = 0; i < allTables.length; i++) {
thisTable = allTables[i];
if (thisTable.getAttribute("border") == 1)
{
thisTable.setAttribute("border", 0);
thisTable.setAttribute("style", "font-size:12px;");
}
}
|
Вот нашел решение своего вопроса на примере логотипа билайн:
Logo='http://tv.beeline.ru/media/design/pic_logo.gif'; //http://itrate.ru/sadm_images/beeline/beeline-logo-small.jpg
DOCTitle=document.getElementsByTagName('title');
var now = new Date();
//alert(DOCTitle[0].innerHTML);
if (DOCTitle[0].innerHTML=='Заказ наряд') {
allTD = document.getElementsByTagName('td');
//alert(allTables.length);
DOCbody= document.getElementsByTagName('body');
//for (var i = 0; i < allTD.length; i++) {
// alert(i+' - '+allTD[i].innerHTML);
//}
text='<table border="0" cellspacing="0" cellpading="0" width="800"><tr><td><img src="'+Logo+'"></td>';
Day=now.getDate();
if(Day<10){
Day='0'+Day;
}
Month=now.getMonth()+1;
if(Month<10){
Month='0'+Month;
}
curr_date=Day+"."+Month+"."+now.getFullYear();
text+='<td>'+(allTD[0].innerHTML).slice(0,-6)+curr_date+'</b>';
text+='<br><b>на ремонт проводного интернета</b>';
date=allTD[2].innerHTML;
text+='<br><b>Дата выполнения работ: '+curr_date+' - c '+date.slice(-10,-4)+' по '+date.slice(-24,-18)+'</b>';
hours=now.getHours();
if(hours<10){
hours='0'+hours;
}
mins=now.getMinutes();
if(mins<10){
mins='0'+mins;
}
text+='<br><b>Наряд выдал: '+allTD[5].innerHTML+' в '+hours+':'+mins+' '+curr_date+'</b>';
text+='<br><b>'+allTD[6].innerHTML+'</b>';
text+='</td></tr>';
text+='<table border="1" cellspacing="0" cellpading="0" width="800" height="90" rules="all">';
text+='<TR height="30"><TD rowspan="3" width="300">Техник(и) оборудования связи (ФИО)</TD>';
text+='<TD></TD></TR><TR height="30"><TD></TD></TR><TR height="30"><TD></TD></TR></TABLE>';
text+='Данные об абоненте домашнего интернета:';
text+='<table border="1" cellspacing="0" cellpading="0" width="800" rules="all">';
text+='<TR><TD width="300">№ договора</td><td colspan="3">'+allTD[18].innerHTML+'</td></TR>';
text+='<TR><TD>ФИО абонента</td><td colspan="3"></td></TR>';
text+='<TR><TD>Фактический адрес абонента:</td><td colspan="3">'+allTD[22].innerHTML+'</td></TR>';
text+='<TR><TD>IP-адрес коммутатора:</td><td width="300"></td><td width="100">Порт клиента:</td><td></td></TR>';
text+='<TR><TD colspan="4">Описание проблемы (Тип заявки): '+allTD[27].innerHTML+'</td></TR></TABLE>';
text+='<br>';
text+='<table border="1" cellspacing="0" cellpading="0" width="800" rules="all">';
text+='<TR><TD width="300">Адрес ОДС:</td><td></td></TR>';
text+='<TR><td>Ключи от тех. помещения получены:</td><td> в ________ час. ________ мин.; сданы в ________ час. ________ мин.</td></TR>';
text+='<TR><td>Диспетчер ОДС:</td><td>___________________ / ____________________________________</td></TR>';
text+='<TR><td></td><td> (подпись)';
text+=' ';
text+='(расшифровка)</td></TR></TABLE>';
text+='Отчет по ремонту проводного интернета:';
text+='<table border="1" cellspacing="0" cellpading="0" width="800" rules="rows" frame="border">';
text+='<TR><TD width="300">Перечень выполненных работ:</td><td></td></TR>';
text+='<TR><TD width="300">1. Перепротяжка абонентского кабеля:</td><td><img src="http://sci.tamucc.edu/~pens/cmss/uploads/Program/checkbox-small.jpg">';
text+=' Расход кабеля __________ м.</td></TR>';
text+='<TR><TD>2. Замена/установка коннектора:</td><td><img src="http://sci.tamucc.edu/~pens/cmss/uploads/Program/checkbox-small.jpg">';
text+=' в количестве __________ шт.</td></TR>';
text+='<TR><TD>3. Настройка сетевого подключения (VPN):</td><td><img src="http://sci.tamucc.edu/~pens/cmss/uploads/Program/checkbox-small.jpg">';
text+='</td></TR>';
text+='<TR><TD>4. Диагностика активного оборудования:</td><td><img src="http://sci.tamucc.edu/~pens/cmss/uploads/Program/checkbox-small.jpg">';
text+=' коммутатор, роутер, приставка IPTV (нужное подчеркнуть)</td></TR>';
text+='<TR><TD>5. Установка переходника RJ-45:</td><td><img src="http://sci.tamucc.edu/~pens/cmss/uploads/Program/checkbox-small.jpg">';
text+=' в количестве __________ шт.</td></TR>';
text+='<TR><TD>6. Установка внешней розетки 1хRJ-45:</td><td><img src="http://sci.tamucc.edu/~pens/cmss/uploads/Program/checkbox-small.jpg">';
text+=' в количестве __________ шт.</td></TR>';
text+='<TR><TD>7. Использование стяжек:</td><td><img src="http://sci.tamucc.edu/~pens/cmss/uploads/Program/checkbox-small.jpg">';
text+=' в количестве __________ шт.</td></TR>';
text+='<TR><TD>8. Использование спецодежды:</td><td><img src="http://sci.tamucc.edu/~pens/cmss/uploads/Program/checkbox-small.jpg">';
text+='</td></TR>';
text+='<TR><TD>9. Другие материалы:</td><td>';
text+='</td></TR>';
text+='<TR><TD colspan="2">С ноутбука техника интернет работает, проблема на стороне клиента <img src="http://sci.tamucc.edu/~pens/cmss/uploads/Program/checkbox-small.jpg"></TR>';
text+='<TR><TD colspan="2">Работы выполнены с надлежащим качеством <img src="http://sci.tamucc.edu/~pens/cmss/uploads/Program/checkbox-small.jpg">';
text+='Работы выполнены неудволетворительно <img src="http://sci.tamucc.edu/~pens/cmss/uploads/Program/checkbox-small.jpg"><br>';
text+='Комментарии ___________________________________________________________________________________________________<br>';
text+='<br>С проведёнными работами ознакомлен(а)<br>';
text+=' ____________________________________________ __________________________________________________<br>';
text+=' (ФИО абонента)';
text+=' ';
text+=' ';
text+=' ';
text+=' ';
text+=' (подпись)</tr>';
text+='</table>';
text+='Заказ-наряд сдал:___________________________________________________________________________________<br>';
text+='Заказ-наряд получен:________________________________________________________________________________<br>';
text+='Работы выполнены: <img src="http://sci.tamucc.edu/~pens/cmss/uploads/Program/checkbox-small.jpg"> В срок';
text+=' <img src="http://sci.tamucc.edu/~pens/cmss/uploads/Program/checkbox-small.jpg"> Не в срок';
text+='<br>Замечания ответсвенного лица: __________________________________________________________________________';
text+='<br>______________________________________________________________________________________________________';
text+='<br>______________________________________________________________________________________________________';
DOCbody[0].innerHTML=text;
}
|
| Часовой пояс GMT +3, время: 21:02. |