поставим html страницу готова
<script language = "JavaScript" >
<!--
var tfilled = "false"
var cellToFormat = 0 ;
var cellVsHeader = "Cell " ;
var oldTable = "" ;
img1=new Image()
img1.src="images/up.gif"
img2=new Image()
img2.src="images/down.gif"
{
}
function addTablesCreater2 (oldForm, newForm, value)
{
addTable = "" ;
bod = newForm.tableBorders.value;
row = newForm.RowsTable.value;
col = newForm.ColsTable.value;
spc = newForm.cellSpacing.value;
pad = newForm.cellPadding.value;
bcl = newForm.backColor.value;
twd = newForm.tableWidth.value;
var cellAlign = "" ;
var cellStart = 0 ;
{
}
if (newForm.cellAlign[0 ].checked == true )
{
cellAlign = "" ;
}
if (newForm.cellAlign[1 ].checked == true )
{
cellAlign = " ALIGN=\"left\"" ;
}
if (newForm.cellAlign[2 ].checked == true )
{
cellAlign = " ALIGN=\"right\"" ;
}
if (newForm.cellAlign[3 ].checked == true )
{
cellAlign = " ALIGN=\"center\"" ;
}
if (bcl)
{
bcl = " BGCOLOR=\"" + bcl + "\"" ;
}
for (var y=0 ; y<row; y++)
{
addTable+="<TR>\r\n" ;
for (var z=0 ; z<col; z++)
{
addTable += '<TD' + cellAlign + '>' ;
if (tfilled == "true" )
{
addTable += newForm.tableData[cellStart].value
}
if (tfilled == "false" )
{
addTable += "" ;
}
addTable += '</TD>\r\n' ;
cellStart += 1 ;
}
addTable+="</TR>\r\n" ;
}
addTable = '<TABLE WIDTH="' + twd + '" BORDER=' + bod + bcl + ' CELLSPACING=' + spc + ' CELLPADDING=' + pad + '>\r\n' + addTable;
{
}
addTable += "</TABLE>\r\n" ;
if (oldForm != "No Opener" )
{
opener.addThisTable (opener.userInput, newForm, addTable)
}
if (oldForm == "No Opener" )
{
newForm.standAlone.value = addTable;
oldTable = addTable;
}
}
if (window.location.search == "" )
document.write("<FORM NAME='TablesCreater'><TABLE align=left width='800' border=5 cellpadding=2 cellspacing=1 bgcolor=#000000 background='../images/table.png'> " );
document.write("<TR><Th><FONT SIZE=2 color=red>Ширина таблицы:</Th><TD><INPUT TYPE='TEXT' SIZE='10' VALUE='100%' name='tableWidth' style='background: 220000'></TD>" );
document.write("<TD ROWSPAN='7' Align=center bgColor='#220000'><FONT SIZE=2><b>AURORA STYLE Tables creater v1.0</b></font><p><FONT SIZE=1>© 2013 by Tagaev Anarbek (AURORA STYLE)</font></td>" );
document.write("<TR><Th><FONT SIZE=2 color=red>Окантовка таблицы:</Th><TD><INPUT TYPE='TEXT' SIZE='10' VALUE='2' name='tableBorders' style='background: 66FF66'></TD></TR>" );
document.write("<TR><Th><FONT SIZE=2 color=red>Цвет Фона:</Th><TD><INPUT TYPE='TEXT' SIZE='10' name='backColor' style='background: 66FF66'></TD></TR>" );
document.write("<TR><Th><FONT SIZE=2 color=red>Расстояние между ячейками:</Th><TD><INPUT TYPE='TEXT' SIZE='10' VALUE='4' name='cellSpacing' style='background: 66FF66'></TD></TR>" );
document.write("<TR><Th><FONT SIZE=2 color=red>Пространство между ячейками:</Th><TD><INPUT TYPE='TEXT' SIZE='10' VALUE='4' name='cellPadding' style='background: 66FF66'></TD></TR>" );
document.write("<TR><Th><FONT SIZE=2 color=red>Колличество колонок:</Th><TD><INPUT TYPE='TEXT' SIZE='10' VALUE='4' name='ColsTable' style='background: 66FF66'></TD></TR>" );
document.write("<TR><TH><FONT SIZE=2 color=red>Количество строк:</Th><TD><INPUT TYPE='TEXT' SIZE='10' VALUE='4' name='RowsTable' style='background: 66FF66'></TD></TR>" );
document.write("<TH COLSPAN='2'><FONT SIZE=2 color=red>Выравнивание текста в колонках:</font><br><INPUT TYPE='RADIO' NAME='cellAlign' CHECKED><FONT SIZE=2 color=red>Без выравнивания<br><INPUT TYPE='RADIO' NAME='cellAlign'><FONT SIZE=2 color=red>По левому краю<br><INPUT TYPE='RADIO' NAME='cellAlign'><FONT SIZE=2 color=red>По правому краю<br><INPUT TYPE='RADIO' NAME='cellAlign'><FONT SIZE=2 color=red>По центру</TH>" );
document.write("<TD align=center><INPUT NAME='getHTML' TYPE='Button' VALUE='Создать HTML код' onClick='addTablesCreater2(\"No Opener\", this.form, value)' onMouseOver=style.color='red' onMouseOut=style.color='black'> <INPUT TYPE='RESET' VALUE='Сброс' onMouseOver=style.color='red' onMouseOut=style.color='black'><p><INPUT onclick=javascript:this.form.standAlone.focus();this.form.standAlone.select(); type='button' value=' Выделить все ' onMouseOver=style.color='red' onMouseOut=style.color='black'></TD></TR>" );
document.write('<tr><TD COLSPAN=3><CENTER><TEXTAREA NAME="standAlone" ROWS="8" COLS="72" style="background: 66FF66; font-family:Verdana">Здесь будет выведен HTML код таблицы.</TEXTAREA></td></tr>' );
document.write("</TR></TABLE></FORM>" );
</script>