Home Back
     
 

 

 

Basismap Intra- Internet programmeren
Categorie Programmeren Mini php-editor

Voorbeeldcode :: Code Sample

Je kan dit voorbeeld bijwerken volgens je eigen voorkeur.
This code can be used to customize- and/or add new items.

 
Code:

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>php_EDITOR</title>
<style>
.knop {font-family: Tahoma; font-size: 7pt; color: #FF0000; border: 1px solid #AEA899; background-color:#F3F2F1;}
.knop1 {width:56;font-family: Tahoma; font-size: 8pt; color: #008000; border: 1px solid #AEA899;background-color:#F3F2F1;}
.knop2 {width:6;font-family: Tahoma; font-size: 7pt; color: #008000; border: 1px solid #AEA899;background-color:#F3F2F1;}
.headcombo{font-family: Tahoma;  color: #808080; border: 1px solid #000000;background-color:#EEECEA}
.box {font-family: Tahoma; font-size: 8pt ; color: #808080; background-color:#FFFFFF;width: 138; height: 201}
.box1 {font-family: Tahoma; font-size: 7pt ; color: #008000; background-color:#F0EFEC;}
.rand_1 {border-left: 1px solid #A49B8A; border-right: 1px solid #A49B8A; border-top-width: 1px; border-bottom-width: 1px}
</style>

<script language=javascript>

var action;
function loopSelected(onID)
{
  var txtSelectedValuesObj = document.getElementById('editor');
  var selectedArray = new Array();
  var selObj = document.getElementById(onID);
  var i;
  var count = 0;
  for (i=0; i<selObj.options.length; i++) {
    if (selObj.options[i].selected) {
      selectedArray[count] = selObj.options[i].value;
      count++;
    }
  }

  insert(selectedArray, "")
}


function insert(aTag, eTag) {
  var input = document.forms['frm'].elements['editor'];
  input.focus();
  if(typeof document.selection != 'undefined') {
    var range = document.selection.createRange();
    var insText = range.text;
    range.text = aTag + insText + eTag;
    range = document.selection.createRange();
    if (insText.length == 0) {
      range.move('character', -eTag.length);
    } else {
      range.moveStart('character', aTag.length + insText.length + eTag.length);     
    }
    range.select();
  }
  else if(typeof input.selectionStart != 'undefined')
  {
    var start = input.selectionStart;
    var end = input.selectionEnd;
    var insText = input.value.substring(start, end);
    input.value = input.value.substr(0, start) + aTag + insText + eTag + input.value.substr(end);
    var pos;
    if (insText.length == 0) {
      pos = start + aTag.length;
    } else {
      pos = start + aTag.length + insText.length + eTag.length;
    }
    input.selectionStart = pos;
    input.selectionEnd = pos;
  }
}




function syntaxHTML(id)
{
switch (id)
{
case "HTML"    :{insert('<HTML>\r','\r</HTML>');break;};
case "TITLE"    :{insert('<TITLE>','<TITLE>');break;};
case "HEAD"    :{insert('<HEAD>\r','\r<HEAD>');break;}
case "META_1"    :{insert('<META http-equiv=\x22Content-Type\x22 content=\x22text/html; charset=windows-1252\x22>\r<META http-equiv=\x22Content-Language\x22 content=\x22nl-be\x22>\r','\r');break;}
case "META_2"    :{insert('<META NAME=\x22Author\x22 CONTENT=\x22AutorName\x22>\r<META HTTP-EQUIV=\x22Expires\x22 CONTENT=\x22Tue, 20 Aug 1996 14:25:27 GMT\x22>\r','\r');break;}
case "STYLE"    :{insert('<STYLE>\r','\r</STYLE>');break;}
case "SELECT"    :{insert('<SELECT size=\x22 1\x22 name=\x22D1\x22>\r','\r</SELECT>');break;}
case "SCRIPT"    :{insert('<SCRIPT type=\x22text/javascript\x22 >\r','\r<' + '/script>\r');break;}
case "BODY"    :{insert('<BODY>\r','\r</BODY>');break;}
case "OPTGROUP"   :{insert('<OPTGROUP label=\x22\x22\r','\r</OPTGROUP>\r');break;}
case "OPTION"    :{insert('<OPTION value=\x22','\x22>label</OPTION>');break;}
case "CLASS"    :{insert('class =\x22','\x22 ');break;}
case "IMG"    :{insert('<img name=\x22','\x22 scr=\x22\x22 witdh = \x22\x22 height = \x22\x22 alt = \x22\x22>');break;}
case "TABLE"    :{insert('<TABLE width=\x22100%\x22 height=\x22100%\x22 color=\x22#E9E7E2\x22>\r<TR>\r  <TD>\r  ','\r</TD>\r  <TD>\r  </TD>\r  </TR>\r</TABLE>');break;}
case "FORM"    :{insert('<form name=\x22','\x22 id=\x22\x22 method=\x22POST\x22 action=\x22\x22>\r</FORM>');break;}
case "INPUT_S"    :{insert('<input type=\x22submit\x22 value=\x22','\x22 name=\x22S\x22 onclick = \x22\x22>\r');break;}
case "INPUT_R"    :{insert('<input type=\x22reset\x22 value=\x22','\x22 name=\x22R\x22 onclick = \x22\x22>\r');break;}
case "INPUT_B"    :{insert('<input type=\x22button\x22 value=\x22','\x22 name=\x22Bu_1\x22 onclick = \x22\x22>\r');break;}
case "INPUT_T"    :{insert('<input type=\x22text\x22 value=\x22','\x22 name=\x22Te_1\x22 onclick = \x22\x22>\r');break;}
case "RADIO"    :{insert('<input type=\x22checkbox\x22 name=\x22','\x22 value=\x22ON\x22Label<br>');break;}            
case "CHECK"    :{insert('<input type=\x22radio\x22 value=\x22','\x22 value=\x22ON\x22Label<br>');break;}
case "p_HTML"    :{insert('<!DOCTYPE HTML PUBLIC\x5C\x22-//W3C//DTD HTML 3.2 Final//EN\x5C\x22>\r<HTML>','</HTML>');break;}
case "p_META_1"    :{insert('<META http-equiv=\x5C\x22Content-Type\x5C\x22content=\x5C\x22text/html; charset=windows-1252\x5C\x22>','<META http-equiv=\x5C\x22Content-Language\x5C\x22content=\x5C\x22nl-be\x5C\x22>');break;}
case "p_META_2"    :{insert('<META NAME=\x5C\x22Author\x5C\x22CONTENT=\x5C\x22AutorName\x5C\x22>','<META HTTP-EQUIV=\x5C\x22Expires\x5C\x22CONTENT=\x5C\x22Tue, 20 Aug 1996 14:25:27 GMT\x5C\x22>');break;}
case "p_SELECT"    :{insert('<SELECT size=\x5C\x221\x5C\x22name=\x5C\x22D1\x5C\x22>','</SELECT>');break;}
case "p_SCRIPT"    :{insert('<SCRIPT type=\x5C\x22text/javascript\x5C\x22>','<' + '/script>\r');break;}
case "p_OPTGROUP":{insert('<OPTGROUP label=\x5C\x22','\x5C\x22\r</OPTGROUP>');break;}
case "p_OPTION"    :{insert('<OPTION value=\x5C\x22','\x5C\x22>label</OPTION>');break;}
case "p_CLASS"    :{insert('class =\x5C\x22','\x5C\x22');break;}
case "p_IMG"    :{insert('<img name=\x5C\x22','\x5C\x22scr=\x5C\x22\x5C\x22witdh = \x5C\x22\x5C\x22height = \x5C\x22\x5C\x22alt = \x5C\x22\x5C\x22>');break;}
case "p_TABLE"    :{insert('echo \x22\r<TABLE width=\x5C\x22100%\x5C\x22 height=\x5C\x22100%\x5C\x22 color=\x5C\x22#E9E7E2\x5C\x22>\r<TR>\r  <TD>\r    ','\r  </TD>\r  <TD>\r  </TD>\r  </TR>\r</TABLE>\r\x22\r');break;}
case "p_FORM"    :{insert('<form name=\x5C\x22','\x5C\x22id=\x5C\x22\x5C\x22method=\x5C\x22POST\x5C\x22action=\x5C\x22\x5C\x22>\r</FORM>');break;}
case "p_INPUT_S"    :{insert('<input type=\x5C\x22submit\x5C\x22value=\x5C\x22','\x5C\x22name=\x5C\x22S\x5C\x22onclick = \x5C\x22\x5C\x22>\r');break;}
case "p_INPUT_R"    :{insert('<input type=\x5C\x22reset\x5C\x22value=\x5C\x22','\x5C\x22name=\x5C\x22R\x5C\x22onclick = \x5C\x22\x5C\x22>\r');break;}
case "p_INPUT_B"    :{insert('<input type=\x5C\x22button\x5C\x22value=\x5C\x22','\x5C\x22name=\x5C\x22Bu_1\x5C\x22onclick = \x5C\x22\x5C\x22>\r');break;}
case "p_INPUT_T"    :{insert('<input type=\x5C\x22text\x5C\x22value=\x5C\x22','\x5C\x22name=\x5C\x22Te_1\x5C\x22onclick = \x5C\x22\x5C\x22>\r');break;}
case "p_RADIO"    :{insert('<input type=\x5C\x22checkbox\x5C\x22name=\x5C\x22','\x5C\x22value=\x5C\x22ON\x5C\x22Label<br>');break;}            
case "p_CHECK"    :{insert('<input type=\x5C\x22radio\x5C\x22value=\x5C\x22','\x5C\x22value=\x5C\x22ON\x5C\x22Label<br>');break;}
}
}

function syntaxPHP(id)
{
switch (id)
{
case "php"   :{insert('<?php\r','\r?>;');break;}
case "tag"    :{insert('<?', '?>;');break;}
case "echo"    :{insert('echo \x22', '\x22;');break;}
case "print"     :{insert('print \x22', '\x22;');break;}
case "incl"    :{insert('include \x22', '\x22;');break;}
case "incl_1"    :{insert('include_ones \x22', '\x22;');break;}
case "rec_1"    :{insert('require_ones \x22', '\x22;');break;}
case "switch"      :{insert('switch($',')\r {\r case 1:\r  print \x22\x22 ;\r  break;\r  \r case 2:\r  print \x22\x22 ;\r  break;\r\r default:\r }\r');break;}
case "array"       :{insert('$', 'name-array = array(\r  0 => \x27\x27,\r  1 => \x27\x27,\r  2 => \x27\x27);\r');break;}
case "ar-ar"    :{insert('$', 'name-array = array(\r  0 => \x27\x27,\r  1 => array(\r\t\x27it1\x27 => \x27\x27,\r\t\x27it2\x27 => \x27\x27,\r\t\x27it3\x27 => \x27\x27),\r  2 => \x27\x27);\r');break;}
case "if_else"    :{insert('if ($', ' >= 0)\r  {$ = $;\r  }\relse\r  {\r  $ = $;\r}\r');break;}
case "if_elseif"   :{insert('if ($',' == )\r  {\r   ;\r   ;\r  }\relseif ($ ==)\r  {\r   ;\r   ;\r  }');break;}
case "while"     :{insert('while ($', ')\r  {\r\r  };\r');break;}
case "do_while"    :{insert('do \r  {\r  ', '\r  } \r  while ();\r');break;}
case "for"     :{insert('for ($c = 0;$c < $lim;$c = $c + 1) \r  {\r  ','\r  };\r');break;}
case "foreach"     :{insert('foreach ($option[0] as $opt)\r  {\r  var_dump($opt);\r  ','\r  };\r');break;}
case "funct"     :{insert('function ', 'fn($,$)\r{\r\r};\r');break;}
case "class"     :{insert('class ', 'name \r{\rvar $var1 ;\rvar $var2 = \x22\x22 ;\r  function _const($arg1,$arg2)\r  {\r  $this->var1 = $arg1;\r  }\r  function display()\r  {\r  print \x22\x22 ;\r  print \x22\x22 ;\r  }\r}\r');break;}
case "extends"     :{insert('class ', 'name2 extends name1 \r{\rvar $var1 ;\rvar $var2 = \x22\x22 ;\r  function fn($arg1,$arg2)\r  {\r\r  }\r};\r  function display()\r  {\r  print \x22\x22 ;\r  print \x22\x22 ;\r}\r};\r');break;}
case "instants"    :{insert('$', 'var = new classname1;\r$var->display;\r');break;}
case "isset_P"     :{insert('(isset($_POST[\x27', 'login\x27]) && isset($_POST[\x27logindomain\x27]))');break;}
case "isset_G"     :{insert('(isset($_GET[\x27', 'name1\x27]) && isset($_GET[\x27name2\x27]))');break;}
case "isset_AR"    :{insert('if (isarray($_POST) && ', '$var > 1 && isarray($_POST[ ]) \r  {\r  }\r');break;}
case "IsSet"    :{insert('if (IsSet($set_','var == $){}');break;}
}
}
function com_1(id)
{
switch (id)
{
case "CON_1"   :{insert('$link = mysql_connect(\x22$dbHost\x22\x2C \x22$dbUser\x22\x2C \x22$dbPass\x22)\ror die(\x22','Unable to connect: \x22 . mysql_error()); mysql_close($link);\r');break;}
case "CON_2"   :{insert('if(!($link = mysql_connect(\x22$dbHost\x22\x2C \x22$dbUser\x22\x2C \x22$dbPass\x22))){error_log(mysql_error()\x2C3\x2C\x22/tmp/phplog.err\x22);\r','\r');break;}
case "DB_1"   :{insert('if(!($link = mysql_select_db($','dbName\x2C $link)){error_log(mysql_error()\x2C3\x2C\x22/tmp/phplog.err\x22);\r');break;}
case "SELECT_1"   :{insert('$query = \x22SELECT $','field FROM $table WHERE ID = 10\x22); \r$result = mysql_query($query);\r');break;}
}
}



function CopyText()
{
document.getElementById('editor').innerText = copytext.innerText;
Copied = document.getElementById('editor').createTextRange();
Copied.execCommand("Copy");
}

function ClipBoard()
{
document.getElementById('editor').innerText = document.getElementById('editor').innerText;
Copied = document.getElementById('editor').createTextRange();
Copied.execCommand("Copy");
}


function mousepos()
{
var Xpos,Ypos,answer
   Xpos = window.event.x + document.body.scrollLeft;
   Ypos = window.event.y + document.body.scrollTop;
   if (Xpos < 45 || Ypos < 90 || Ypos > 500 || Xpos > 680)
   {
   if (event.button == 2) alert("ABOUT \n\n\npwPHPeditor 1.0 \nTestversion : 01-01-2005 \n\npiet willems \n");
   }
}
document.onmousedown = mousepos;
</script>

</head>
<body   topmargin="25" leftmargin="30" bgcolor="#EEECEA">
<form  id="frm" name="frm" action="">
<div align="left">
   <table width="800" id="table2" cellpadding="0" style="border-bottom:1px solid #616C7A; " cellspacing="0">
      <tr>
      <td width="794" height="6" color="#E9E7E2" size="1" align="center">
      <p align="right"><font color="#808080"><b>
      <font size="2" face="Tahoma">php-Editor Test&nbsp; </font></b>
      <font size="1" face="Arial">Screen 1024 x786</font><b><font size="2" face="Tahoma">&nbsp;
      </font></b></font></td>
      </tr>
      </table>
      <table width="800" id="table3" cellpadding="0" style="border-left:1px solid #616C7A; border-right:1px solid #616C7A" bgcolor="#FFFFFF">
         <tr>
            <td width="912" height="3" color="#E9E7E2" size="1" align="center">
            <p>
            <input type="button" value="tag php"    onClick="syntaxPHP('php')" class="knop1" >
            <input type="button" value="tag"    onClick="syntaxPHP('tag')" class="knop1">
            <input type="button" value="echo"    onClick="syntaxPHP('echo')" class="knop1">
            <input type="button" value="print"     onClick="syntaxPHP('print')" class="knop1">
            <input type="button" value="include"    onClick="syntaxPHP('incl')" class="knop1">
            <input type="button" value="include 1" onClick="syntaxPHP('incl_1')" class="knop1">
            <input type="button" value="require 1" onClick="syntaxPHP('rec_1')" class="knop1">
            <input type="button" value="array"      onClick="syntaxPHP('array')" class="knop1">
            <input type="button" value="ar-ar"    onClick="syntaxPHP('ar-ar')" class="knop1">
            <input type="button" value="if else"    onClick="syntaxPHP('if_else')" class="knop1">
            <input type="button" value="if elseif"  onClick="syntaxPHP('if_elseif')" class="knop1">
            <input type="button" value="switch"      onClick="syntaxPHP('switch')" class="knop1">
            <input type="button" value="while"     onClick="syntaxPHP('while')" class="knop1">
            <input type="button" value="do while"  onClick="syntaxPHP('do_while')" class="knop1">
            <input type="button" value="for"     onClick="syntaxPHP('for')" class="knop1">
            <input type="button" value="foreach"  onClick="syntaxPHP('foreach')" class="knop1">
            <input type="button" value="funct"     onClick="syntaxPHP('funct')" class="knop1">
            <input type="button" value="class"     onClick="syntaxPHP('class')" class="knop1">
            <input type="button" value="extends"  onClick="syntaxPHP('extends')" class="knop1">
            <input type="button" value="instants"  onClick="syntaxPHP('instants')" class="knop1">
            <input type="button" value="isset P"     onClick="syntaxPHP('isset_P')" class="knop1">
            <input type="button" value="isset G"     onClick="syntaxPHP('isset_G')" class="knop1">
            <input type="button" value="isset AR" onClick="syntaxPHP('isset_AR')" class="knop1">
            <input type="button" value="IsSet"      onClick="syntaxPHP('IsSet')" class="knop1">
            </td>
         </tr>
      </table>
      <table width="800" id="table1" cellpadding="0" style="border-left:1px solid #616C7A; border-right:1px solid #616C7A; " bgcolor="#FFFFFF">
         <tr>
            <td height="11" align="left" width="644" valign="top" rowspan="2" style="border: 1px solid #FFFFFF">
            <p align="right">
            <textarea   name="editor" id="editor" cols="77" rows="25" wrap="off" style="border: 1px solid #FFFFFF">Key's :
            &#10 select del or del_arrow&#10 arrows : up down left right &#10 Tab Home End &#10 Enter Tab : use button above &#10&#10
            Mouse-click-right in editor : copy past delete selection
            </textarea></td>
            <td height="6" align="left" width="146">
            <SELECT name="combo_1" id="combo_1" size="15" onclick="com_1(combo_1.value)" class="box">
            <OPTION  label="" value="" class="headcombo">» Extra 1</OPTION>
            <OPTION value="CON_1">Connect 1</OPTION>
            <OPTION value="CON_2">Connect 2</OPTION>
            <OPTION value="DB_1">Select db</OPTION>
            <OPTION value="SELECT_1">Select from db</OPTION>
            <OPTION  label="" value="" class="headcombo">Sessions</OPTION>
            <OPTION value="Sessions">to do</OPTION>
            <OPTION  label="" value="" class="headcombo">Files</OPTION>
            <OPTION value="Item1">to do</OPTION></SELECT></td>
         </tr>
         <tr>
            <td height="5" align="left" width="146">
            <p><SELECT name="combo_2" id="combo_2" size="16" class="box">
            <OPTION label="" value="" class="headcombo">» Extra 2</OPTION>
            <OPTION value="Item1">to do</OPTION>
            <OPTION label="" value="" class="headcombo">Globals</OPTION>
            <OPTION value="Item1">to do</OPTION>
            <OPTION label="" value="" class="headcombo">Operators</OPTION>
            <OPTION value="Item1">to do</OPTION></SELECT></td>
         </tr>
      </table>
      <table width="800" id="table4" cellpadding="0" style="border-bottom:1px solid #616C7A; border-left:1px solid #616C7A; border-right:1px solid #616C7A; " bgcolor="#FFFFFF">
         <tr>
            <td width="912" height="6" color="#E9E7E2" size="1" align="center">
            <input type="button" value="HTML"    class="knop" onClick="syntaxHTML('HTML')">
            <input type="button" value="«"    class="knop2" onClick="syntaxHTML('p_HTML')">
            <input type="button" value="TITLE"    class="knop" onClick="insert('<TITLE>','<TITLE>')">
            <input type="button" value="HEAD"    class="knop" onClick="syntaxHTML('HEAD')">
            <input type="button" value="META 1" class="knop" onClick="syntaxHTML('META_1')">
            <input type="button" value="«"    class="knop2" onClick="syntaxHTML('p_META_1')">
            <input type="button" value="META 2" class="knop" onClick="syntaxHTML('META_2')">
            <input type="button" value="«"    class="knop2" onClick="syntaxHTML('p_META_2')">
            <input type="button" value="STYLE"    class="knop" onClick="syntaxHTML('STYLE')">
            <input type="button" value="SCRIPT" class="knop" onClick="syntaxHTML('SCRIPT')">
            <input type="button" value="«"    class="knop2" onClick="syntaxHTML('p_SCRIPT')">
            <input type="button" value="BODY"    class="knop" onClick="syntaxHTML('BODY')">            
            <input type="button" value="SELECT" class="knop" onClick="syntaxHTML('SELECT')">
            <input type="button" value="«"    class="knop2" onClick="syntaxHTML('p_SELECT')">
            <input type="button" value="OPTGROUP" class="knop" onClick="syntaxHTML('OPTGROUP')">
            <input type="button" value="«"    class="knop2" onClick="syntaxHTML('p_OPTGROUP')">
            <input type="button" value="OPTION" class="knop" onClick="syntaxHTML('OPTION')">
            <input type="button" value="«"    class="knop2" onClick="syntaxHTML('p_OPTION')">
            <input type="button" value="CLASS"    class="knop" onClick="syntaxHTML('CLASS')">
            <input type="button" value="«"    class="knop2" onClick="syntaxHTML('p_CLASS')">
            <input type="button" value="IMG"    class="knop" onClick="syntaxHTML('IMG')">
            <input type="button" value="«"    class="knop2" onClick="syntaxHTML('p_IMG')">&nbsp;
            <input type="button" value="TABLE"    class="knop" onClick="syntaxHTML('TABLE')">
            <input type="button" value="«"    class="knop2" onClick="syntaxHTML('p_TABLE')">
            <input type="button" value="FORM"    class="knop" onClick="syntaxHTML('FORM')">
            <input type="button" value="«"    class="knop2" onClick="syntaxHTML('p_FORM')">
            <input type="button" value="INPUT_S" class="knop" onClick="syntaxHTML('INPUT_S')">
            <input type="button" value="«"    class="knop2" onClick="syntaxHTML('p_INPUT_S')">
            <input type="button" value="INPUT_R" class="knop" onClick="syntaxHTML('INPUT_R')">
            <input type="button" value="«"    class="knop2" onClick="syntaxHTML('p_INPUT_R')">
            <input type="button" value="INPUT_B" class="knop" onClick="syntaxHTML('INPUT_B')">
            <input type="button" value="«"    class="knop2" onClick="syntaxHTML('p_INPUT_B')">
            <input type="button" value="INPUT_T" class="knop" onClick="syntaxHTML('INPUT_T')">
            <input type="button" value="«"    class="knop2" onClick="syntaxHTML('p_INPUT_T')">
            <input type="button" value="CHECK"    class="knop" onClick="syntaxHTML('RADIO')">
            <input type="button" value="«"    class="knop2" onClick="syntaxHTML('p_RADIO')">
            <input type="button" value="RADIO"    class="knop" onClick="syntaxHTML('CHECK')">
            <input type="button" value="«"    class="knop2" onClick="syntaxHTML('p_CHECK')"></td>
         </tr>
      </table>
      <table width="800" height="4%" style="border-left:1px solid #616C7A; border-right:1px solid #616C7A; border-bottom:1px solid #616C7A; " cellspacing="0" cellpadding="0" >
   <tr>
   <td bgcolor="#FF9900" valign="top">
      &nbsp;<input type="button" value="COPY to CLIPBOARD" onClick="ClipBoard()" class="knop" >&nbsp;
      <font size="1" face="Arial">&nbsp;« TO SAVE Your code OPEN NOTEPAD and
      PASTE </font></td>
   </tr>
   </table>
</div>
</form>
&nbsp;

</body>
</html>
 

Copyright (c) 2005 :: willems piet