Location: PHPKode > projects > INTELIMEN - WYSIWYG HTML Browser Editor > editor/pg.table.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
  <title>Inserir Tabela &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</td>
      <td class="dlg" colspan="3" align="center"><input class="dlg" type="button" value="Inserir" title="Insert Table" onclick="javascript:conjunction();">&nbsp;&nbsp;&nbsp;<input class="dlg" type="button" value="Cancelar" title="Cancel Dialog" onclick="javascript:window.close();"><BR><BR></td>
      <td>&nbsp;</td>
    </tr>
  </table>
</form>
</center>
</body>
</html>
Return current item: INTELIMEN - WYSIWYG HTML Browser Editor