0byt3m1n1

Path: /data/17/1/18/11/1670011/user/1801231/htdocs/marketting/js/scripts/ [ Home ]
File: form_text.htm
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="style/editor.css" rel="stylesheet" type="text/css">
<script>
  var sLangDir=window.opener.oUtil.langDir;
  document.write("<scr"+"ipt src='language/"+sLangDir+"/form_text.js'></scr"+"ipt>");
</script>
<script>writeTitle()</script>
<script>
function GetElement(oElement,sMatchTag)
  {
  while (oElement!=null&&oElement.tagName!=sMatchTag)
    {
    if(oElement.tagName=="BODY")return null;
    oElement=oElement.parentElement;
    }
  return oElement;
  }

function doWindowFocus()
  {
  window.opener.oUtil.onSelectionChanged=new Function("realTime()");
  }
function bodyOnLoad()
  {
  window.onfocus=doWindowFocus;
  window.opener.oUtil.onSelectionChanged=new Function("realTime()");

  realTime()
  }
function realTime()
  {
  if(!window.opener.oUtil.obj.checkFocus()){return;}//Focus stuff
  var oEditor=window.opener.oUtil.oEditor;
  var oSel=oEditor.document.selection.createRange();

  //TEXT or PASSWORD
  if (oSel.parentElement) oEl=GetElement(oSel.parentElement(),"INPUT");
  else oEl=GetElement(oSel.item(0),"INPUT");
  if (oEl)
    {
    if(oEl.type=="text" || oEl.type=="password")
      {
      btnInsert.style.display="none";
      btnApply.style.display="block";
      btnOk.style.display="block";

      inpType.disabled=true;
      idNumLine.style.display="none";
      idMaxLength.style.display="block";

      inpType.value=oEl.type;
      if(oEl.NAME)inpName.value=oEl.NAME;
      if(oEl.name)inpName.value=oEl.name;
      inpValue.value=oEl.value;
      if(oEl.size) inpSize.value=oEl.size;
      if(oEl.maxlength) inpMaxLength.value=oEl.maxlength

      inpNumLine.value="";

      return;
      }
    }

  //TEXTAREA
  if (oSel.parentElement) oEl=GetElement(oSel.parentElement(),"TEXTAREA");
  else oEl=GetElement(oSel.item(0),"TEXTAREA");
  if (oEl)
    {
    btnInsert.style.display="none";
    btnApply.style.display="block";
    btnOk.style.display="block";

    inpType.disabled=true;
    idNumLine.style.display="block";
    idMaxLength.style.display="none";

    inpType.value=oEl.type;
    if(oEl.NAME)inpName.value=oEl.NAME;
    if(oEl.name)inpName.value=oEl.name;
    inpValue.value=oEl.value;
    if(oEl.cols) inpSize.value=oEl.cols;
    if(oEl.rows) inpNumLine.value=oEl.rows;

    inpMaxLength.value="";

    return;
    }

  if (!oEl)
    {
    btnInsert.style.display="block";
    btnApply.style.display="none";
    btnOk.style.display="none";

    inpType.disabled=false;

    inpType.value="text";
    inpName.value="text1";
    inpValue.value="";
    inpSize.value="15";
    idMaxLength.style.display="block";
    inpMaxLength.value="";
    inpNumLine.value="";
    }
  }

function doApply()
  {
  if(!window.opener.oUtil.obj.checkFocus()){return;}//Focus stuff
  var oEditor=window.opener.oUtil.oEditor;
  var oSel=oEditor.document.selection.createRange();

  window.opener.oUtil.obj.saveForUndo();

  if(inpType.value=="text")
    {
    oSel.execCommand("INSERTINPUTTEXT");
    oSel = oEditor.document.selection.createRange()
    oEl=GetElement(oSel.item(0),"INPUT");

    if(oEl.NAME) oEl.NAME=inpName.value;
    else if(oEl.name) //else if(oEl.name) oEl.name=inpName.value;
      {
      oEl.removeAttribute("name",0);
      oEl.NAME=inpName.value;
      }
    else oEl.NAME=inpName.value;

    oEl.value=inpValue.value;
    if(inpSize.value!="") oEl.size=inpSize.value;
    if(inpMaxLength.value!="") oEl.maxlength=inpMaxLength.value;
    }
  if(inpType.value=="password")
    {
    oSel.execCommand("INSERTINPUTPASSWORD");
    oSel = oEditor.document.selection.createRange()
    oEl=GetElement(oSel.item(0),"INPUT");

    if(oEl.NAME) oEl.NAME=inpName.value;
    else if(oEl.name) //else if(oEl.name) oEl.name=inpName.value;
      {
      oEl.removeAttribute("name",0);
      oEl.NAME=inpName.value;
      }
    else oEl.NAME=inpName.value;

    oEl.value=inpValue.value;
    if(inpSize.value!="") oEl.size=inpSize.value;
    if(inpMaxLength.value!="") oEl.maxlength=inpMaxLength.value;
    }
  if(inpType.value=="textarea")
    {
    oSel.execCommand("INSERTTEXTAREA");
    oSel = oEditor.document.selection.createRange()
    oEl=GetElement(oSel.item(0),"TEXTAREA");

    if(oEl.NAME) oEl.NAME=inpName.value;
    else if(oEl.name) oEl.name=inpName.value;
    else if(oEl.name) //else if(oEl.name) oEl.name=inpName.value;
      {
      oEl.removeAttribute("name",0);
      oEl.NAME=inpName.value;
      }
    else oEl.NAME=inpName.value;

    oEl.value=inpValue.value;
    if(inpSize.value!="") oEl.cols=inpSize.value;
    if(inpNumLine.value!="") oEl.rows=inpNumLine.value;;
    }

  realTime()  ;

  window.opener.realTime(window.opener.oUtil.oName);
  window.opener.oUtil.obj.selectElement(0);
  }

function doChangeType()
  {
  if(inpType.value=="text" || inpType.value=="password")
    {
    idNumLine.style.display="none";
    idMaxLength.style.display="block"
    }
  else
    {
    idNumLine.style.display="block";
    idMaxLength.style.display="none"
    }

  if(inpType.value=="text")
    {
    inpName.value="text1"
    }
  if(inpType.value=="textarea")
    {
    inpName.value="textarea1"
    }
  if(inpType.value=="password")
    {
    inpName.value="password1"
    }
  }
</script>
</head>
<body onload="loadTxt();bodyOnLoad()" style="overflow:hidden;">

<table width=100% height=100% align=center cellpadding=0 cellspacing=0>
<tr>
<td valign=top style="padding:5;height:100%">
  <table width=100%>
  <tr>
    <td nowrap width=70><span id=txtLang name=txtLang>Type</span>:&nbsp;&nbsp;</td>
    <td width=100%>
      <select name=inpType onchange="doChangeType()" style="width:100%" class="inpSel">
        <option value="text" id="optLang" name="optLang">Text</option>
        <option value="textarea" id="optLang" name="optLang">Textarea</option>
        <option value="password" id="optLang" name="optLang">Password</option>
      </select>
    </td>
  </tr>
  <tr>
    <td nowrap><span id=txtLang name=txtLang>Name</span>:&nbsp;&nbsp;</td>
    <td><INPUT type="text" NAME="inpName" style="width:100%;padding-left:2" value="text1" class="inpTxt"></td>
  </tr>
  <tr>
    <td nowrap><span id=txtLang name=txtLang>Size</span>:&nbsp;&nbsp;</td>
    <td><INPUT type="text" NAME="inpSize" size=1 value=15 class="inpTxt"></td>
  </tr>
  <tr id=idMaxLength style="display:none">
    <td nowrap><span id=txtLang name=txtLang>Max Length</span>:&nbsp;&nbsp;</td>
    <td><INPUT type="text" NAME="inpMaxLength" size=1 class="inpTxt"></td>
  </tr>
  <tr id=idNumLine style="display:none">
    <td nowrap><span id=txtLang name=txtLang>Num Line</span>:&nbsp;&nbsp;</td>
    <td><INPUT type="text" NAME="inpNumLine" size=1 class="inpTxt"></td>
  </tr>
  <tr>
    <td nowrap valign=top><span id=txtLang name=txtLang>Value</span>:&nbsp;&nbsp;</td>
    <td><TEXTAREA NAME="inpValue" rows=5 style="width:100%" class="inpTxt"></TEXTAREA></td>
  </tr>
  </table>

</td>
</tr>
<tr>
<td class="dialogFooter" style="padding:6;" align="right">
  <table cellpadding=1 cellspacing=0>
  <td>
  <input type=button name=btnCancel id=btnCancel value="cancel" onclick="self.close()" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'">
  </td>
  <td>
  <input type=button name=btnInsert id=btnInsert value="insert" onclick="doApply();self.close()" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'">
  </td>
  <td>
  <input type=button name=btnApply id=btnApply value="apply" style="display:none" onclick="doApply()" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'">
  </td>
  <td>
  <input type=button name=btnOk id=btnOk value=" ok " style="display:none;" onclick="doApply();self.close()" class="inpBtn" onmouseover="this.className='inpBtnOver';" onmouseout="this.className='inpBtnOut'">
  </td>
  </table>
</td>
</tr>
</table>

</body>
</html>