<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Inserir Tabela </title>
<link rel='stylesheet' type='text/css' href='styles.editor.inc.css'>
<script language="JavaScript">
function conjunction() { //whats your function?
var arr = new Array();
var code = new Array();
code.rows = tablefrm.rows.value;
code.cols = tablefrm.cols.value;
code.attrs = "border=" + tablefrm.border.value + " bordercolor=" + tablefrm.bordercolor.value + " bgcolor=" + tablefrm.bgcolor.value + " cellpadding=2 cellspacing=0 style='color:" + tablefrm.color.value + "' width=75%";
window.returnValue = code;
window.close();
}
function updateStyle() {
tbl.setAttribute("border",tablefrm.border.value);
tbl.style.borderColor = tablefrm.bordercolor.value;
tbl.style.backgroundColor = tablefrm.bgcolor.value;
tbl.style.color = tablefrm.color.value;
}
</script>
</head>
<body class="dlg" topmargin="0" leftmargin="0" scroll="no" onload="updateStyle()">
<center>
<form name="tablefrm">
<table class="dlg" cellpadding="0" cellspacing="2" width="100%" height="100%">
<tr>
<td class="dlg" colspan="4">
<table class="dlg" width="100%">
<tr>
<td class="dlg">Tamanho</td>
<td class="dlg" valign="middle" width="100%"><hr width="100%"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td> </td>
<td class="dlg" colspan="2">
<table class="dlg" width="100%">
<tr>
<td class="dlg">Linhas:</td>
<td class="dlg"><input class="dlg" type="text" name="rows" size="4" value="3" style="WIDTH:80px;"></td>
<td> </td>
<td class="dlg">Colunas:</td>
<td class="dlg"><input class="dlg" type="text" name="cols" size="4" value="3" style="WIDTH:80px;"></td>
</tr>
</table>
</td>
<td> </td>
</tr>
<tr>
<td class="dlg" colspan="4">
<table class="dlg" width="100%">
<tr>
<td class="dlg">Layout</td>
<td class="dlg" valign="middle" width="100%"><hr width="100%"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td> </td>
<td>
<table class="dlg" width="100%">
<tr>
<td class="dlg" nowrap>Borda:</td>
<td class="dlg"><select class="dlg" name="border" onchange="updateStyle()" style="WIDTH:100px;">
<option value="0">0
<option value="1" selected>1
<option value="2">2
<option value="3">3
<option value="4">4
<option value="5">5
</select>
</td>
</tr>
<tr>
<td class="dlg" nowrap>Cor da Borda:</td>
<td class="dlg">
<select class="dlg" name="bordercolor" onchange="updateStyle()" style="WIDTH:100px;">
<option value="Green" style="color:Green">Verde</option>
<option value="Lime" style="color:Lime">Lima</option>
<option value="Teal" style="color:Teal">Musgo</option>
<option value="Aqua" style="color:Aqua">Agua</option>
<option value="Navy" style="color:Navy">Azul Marinho</option>
<option value="Blue" style="color:Blue">Azul</option>
<option value="Purple" style="color:Purple">Roxo</option>
<option value="Fuchsia" style="color:Fuchsia">Rosa</option>
<option value="Maroon" style="color:Maroon">Marrom</option>
<option value="Red" style="color:Red">Vermelho</option>
<option value="Olive" style="color:Olive">Oliva</option>
<option value="Yellow" style="color:Yellow">Amarelo</option>
<option value="White" style="color:black">Branco</option>
<option value="Silver" style="color:Silver">Prata</option>
<option value="Gray" style="color:Gray">Cinza</option>
<option value="Black" selected style="color:Black">Preto</option>
</select>
</td>
</tr>
<tr>
<td class="dlg" nowrap>Cor de Fundo:</td>
<td class="dlg">
<select class="dlg" name="bgcolor" onchange="updateStyle()" style="WIDTH:100px;">
<option value="" style="color:black">Transparente</option>
<option value="Green" style="color:Green">Verde</option>
<option value="Lime" style="color:Lime">Lima</option>
<option value="Teal" style="color:Teal">Musgo</option>
<option value="Aqua" style="color:Aqua">Agua</option>
<option value="Navy" style="color:Navy">Azul Marinho</option>
<option value="Blue" style="color:Blue">Azul</option>
<option value="Purple" style="color:Purple">Roxo</option>
<option value="Fuchsia" style="color:Fuchsia">Rosa</option>
<option value="Maroon" style="color:Maroon">Marrom</option>
<option value="Red" style="color:Red">Vermelho</option>
<option value="Olive" style="color:Olive">Oliva</option>
<option value="Yellow" style="color:Yellow">Amarelo</option>
<option value="White" selected style="color:black">Branco</option>
<option value="Silver" style="color:Silver">Prata</option>
<option value="Gray" style="color:Gray">Cinza</option>
<option value="Black" style="color:Black">Preto</option>
</select>
</td>
</tr>
<tr>
<td class="dlg" nowrap>Cor do Texto:</td>
<td class="dlg">
<select class="dlg" name="color" onchange="updateStyle();" style="WIDTH:100px;">
<option value="Green" style="color:Green">Verde</option>
<option value="Lime" style="color:Lime">Lima</option>
<option value="Teal" style="color:Teal">Musgo</option>
<option value="Aqua" style="color:Aqua">Agua</option>
<option value="Navy" style="color:Navy">Azul Marinho</option>
<option value="Blue" style="color:Blue">Azul</option>
<option value="Purple" style="color:Purple">Roxo</option>
<option value="Fuchsia" style="color:Fuchsia">Rosa</option>
<option value="Maroon" style="color:Maroon">Marrom</option>
<option value="Red" style="color:Red">Vermelho</option>
<option value="Olive" style="color:Olive">Oliva</option>
<option value="Yellow" style="color:Yellow">Amarelo</option>
<option value="White" style="color:black">Branco</option>
<option value="Silver" style="color:Silver">Prata</option>
<option value="Gray" style="color:Gray">Cinza</option>
<option value="Black" selected style="color:Black">Preto</option>
</select>
</td>
</tr>
</table>
</td>
<td class="dlg" align="center" valign="middle">
<table align="center" valign="middle" cellpadding="0" cellspacing="0" width="100%" height="100%" id="tbl" border="0">
<tr><td class="dlg" align="center"><B>Texto Exemplo</B></td></tr>
</table>
</td>
<td> </td>
</tr>
<tr>
<td colspan="5">
<table class="dlg" width="100%">
<tr>
<td class="dlg" valign="middle" width="100%"><hr width="100%"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td> </td>
<td class="dlg" colspan="3" align="center"><input class="dlg" type="button" value="Inserir" title="Insert Table" onclick="javascript:conjunction();"> <input class="dlg" type="button" value="Cancelar" title="Cancel Dialog" onclick="javascript:window.close();"><BR><BR></td>
<td> </td>
</tr>
</table>
</form>
</center>
</body>
</html>