发新话题
打印

java加到表单中的问题

java加到表单中的问题

使用如图的效果,并提交到php,我在原代码<body>后加入<form><input type="text"><java 的代码><input type="submit" value="提交"></form>

但是页面上还是没有任何变化:(

那位能够指点一下???

谢谢


付java代码在后



<head>
<link REL="stylesheet" TYPE="text/css" HREF="Html_Editor.css">
<script language="javascript">
var targetDoc;

public_description = new editor;
function editor()
{
this.get_contents = GetContents;
this.get_plaincontents = GetPlainContents;
this.put_contents = PutContents;
}

function GetContents()
{
  return target.document.body.innerHTML;
}

function GetPlainContents()
{
  return target.document.body.innerText;
}

function PutContents(contents)
{
  targetDoc.designMode = "On";
  target.document.body.innerHTML = "<div id='cdiv'><p>" + contents + "</div>";
}

function cleanHtml() {
  var fonts = target.document.body.all.tags("FONT");
  var curr;
  for (var i = fonts.length - 1; i >= 0; i--) {
    curr = fonts;
    if (curr.style.backgroundColor == "#ffffff") curr.outerHTML = curr.innerHTML;
  }
}

function setMode(newMode) {
  bTextMode = newMode;
  var cont;
  if (bTextMode) {
    cleanHtml();
    cleanHtml();

    cont=target.document.body.innerHTML;
    target.document.body.innerText=cont;
  } else {
    cont=target.document.body.innerText;
    target.document.body.innerHTML=cont;
  }
  target.focus();
}

function onFontName(value)
{
  targetDoc.execCommand('FontName', '', value);
  target.focus();
}

function onFontSize(value)
{
  targetDoc.execCommand('FontSize', '', value);
  target.focus();
}

function onColor(value)
{
  targetDoc.execCommand('forecolor','',value);
  target.focus();
}

function onBKColor(value)
{
  targetDoc.execCommand('backcolor','',value);
  target.focus();
}

function onBold()
{
  targetDoc.execCommand('Bold');
  target.focus();
}

function onItalic()
{
  targetDoc.execCommand('Italic');
  target.focus();
}

function onUnderLine()
{
  targetDoc.execCommand('Underline');
  target.focus();
}

function onALeft()
{
  targetDoc.execCommand('JustifyLeft');
  target.focus();
}

function onACenter()
{
  targetDoc.execCommand('JustifyCenter');
  target.focus();
}

function onARight()
{
  targetDoc.execCommand('JustifyRight');
  target.focus();
}

function onNList()
{
  targetDoc.execCommand('InsertOrderedList');
  target.focus();
}

function onBList()
{
  targetDoc.execCommand('InsertUnorderedList');
  target.focus();
}

function onOutDent()
{
  targetDoc.execCommand('Outdent');
  target.focus();
}

function onInDent()
{
  targetDoc.execCommand('Indent');
  target.focus();
}

function getElem(sTag,start)
{
  while ((start != null) && (start.tagName != sTag)) start = start.parentElement;
  return start;
}

function onHyperLink()
{
  var DoA = getElem("A",targetDoc.selection.createRange().parentElement());
  var str = prompt("请输入超级链接信息 (比如: http://www.srun.com):", DoA ? DoA.href : "http:\/\/");

  if ((str != null) && (str != "http://";))
    {
      if (targetDoc.selection.type == "None")
{
   var sel = targetDoc.selection.createRange();
   sel.pasteHTML("<A HREF=\""+str+"\">"+str+"</A> ");
   sel.select();
}
      else
{
   targetDoc.execCommand('CreateLink','',str);
}
    }
  else target.focus();
}

function onImage()
{
  var DoA = getElem("A",targetDoc.selection.createRange().parentElement());
  var str = prompt("请输入图片链接信息 (比如: http://www.srun.com/images/foo.gif):", DoA ? DoA.href : "http:\/\/");

  if ((str != null) && (str != "http://";))
    {
      if (targetDoc.selection.type == "None")
{
   var sel = targetDoc.selection.createRange();
   sel.pasteHTML("<\img src=\""+str+"\">");
   sel.select();
}
      else
{
   targetDoc.execCommand('InsertImage','',str);
}
    }
  else target.focus();
}

:w:w:w:w:w:w:w:w:w:w:w

</head>
<body>
<form name="htmledit"><table border=1><tr><td>主题:<input type ="text" name="zhuti"></td></tr><div class="BAR" ID="FormatToolbar1">
  <select ID="FontName" class="GEN" style="WIDTH: 135px" TITLE ="字体" LANGUAGE="javascript"
      onchange="onFontName(this[this.selectedIndex].value);">
    <option value="" selected>字体</option>
    <option value="宋体">宋体</option>
    <option value="黑体">黑体</option>
    <option value="楷体_GB2312">楷体</option>
    <option value="仿宋_GB2312">仿宋</option>
    <option value="MS Song">MS宋体</option>
    <option value="MS Hei">MS黑体</option>
    <option value="MingLiU">MingLiU</option>
    <option value="Arial">Arial</option>
    <option value="Arial Black">Arial Black</option>
    <option value="Arial Narrow">Arial Narrow</option>
    <option value="Bradley Hand ITC">Bradley Hand ITC</option>
    <option value="Brush Script MT">Brush Script MT</option>
    <option value="Century Gothic">Century Gothic</option>
    <option value="Comic Sans MS">Comic Sans MS</option>
    <option value="Courier">Courier</option>
    <option value="Courier New">Courier New</option>
    <option value="MS Sans Serif">MS Sans Serif</option>
    <option value="Script">Script</option>
    <option value="System">System</option>
    <option value="Times New Roman">Times New Roman</option>
    <option value="Viner Hand ITC">Viner Hand ITC</option>
    <option value="Verdana">Verdana</option>
    <option value="Wide Latin">Wide Latin</option>
    <option value="Wingdings">Wingdings</option>
  </select>
  <select ID="FontSize" class="GEN" style="WIDTH: 52px" TITLE ="字号" LANGUAGE="javascript"
      onchange="onFontSize(this[this.selectedIndex].value);">
    <option value="" selected>字号</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
  </select>

  <div class="SEP"></div>

  <div class="BTN" ID="BTN_BOLD" TITLE="粗体" LANGUAGE="javascript" onclick="return onBold()">
    <\IMG class=ICO height=22 src="images/bold.gif" width=23>
  </div>
  <div class="BTN" ID="BTN_ITALIC" TITLE="斜体" LANGUAGE="javascript" onclick="return onItalic()">
    <\IMG class=ICO height=22 src="images/italic.gif" width=23>
  </div>
  <div class="BTN" ID="BTN_UNDERLINE" TITLE="下划线" LANGUAGE="javascript" onclick="return onUnderLine()">
    <\IMG class=ICO height=22 src="images/under.gif" width=23>
  </div>

  <div class="SEP"></div>

  <select ID="ForeColor" class="GEN" style="WIDTH: 90px" TITLE ="字色" LANGUAGE="javascript"
  onchange="onColor(this[this.selectedIndex].value);">
      <option value="" selected>字的颜色</option>
      <option value="red" style="background-color:red;color:white;">红色</option>
      <option value="blue" style="background-color:blue;color:white;">蓝色</option>
      <option value="green" style="background-color:green;color:white;">绿色</option>
      <option value="yellow" style="background-color:yellow;color:black;">黄色</option>
      <option value="pink" style="background-color:pink;color:black;">粉红</option>
      <option value="cyan" style="background-color:cyan;color:black;">天青</option>
      <option value="white" style="background-color:white;color:black;">白色</option>
      <option value="darkred" style="background-color:darkred;color:white;">深红</option>
      <option value="darkblue" style="background-color:darkblue;color:white;">深蓝</option>
      <option value="darkgreen" style="background-color:darkgreen;color:white;">深绿</option>
      <option value="gold" style="background-color:gold;color:black;">金色</option>
      <option value="darkcyan" style="background-color:darkcyan;color:white;">蓝绿</option>
      <option value="gray" style="background-color:gray;color:white;">浅灰</option>
      <option value="black" style="background-color:black;color:white;">黑色</option>
    </select>

  <select ID="BkColor" class="GEN" style="WIDTH: 90px" TITLE ="背景色" LANGUAGE="javascript"
      onchange="onBKColor(this[this.selectedIndex].value);">
      <option value="" selected>背景颜色
      <option value="red" style="background-color:red;color:white;">红色</option>
      <option value="blue" style="background-color:blue;color:white;">蓝色</option>
      <option value="green" style="background-color:green;color:white;">绿色</option>
      <option value="yellow" style="background-color:yellow;color:black;">黄色</option>
      <option value="pink" style="background-color:pink;color:black;">粉红</option>
      <option value="cyan" style="background-color:cyan;color:black;">天青</option>
      <option value="white" style="background-color:white;color:black;">白色</option>
      <option value="darkred" style="background-color:darkred;color:white;">深红</option>
      <option value="darkblue" style="background-color:darkblue;color:white;">深蓝</option>
      <option value="darkgreen" style="background-color:darkgreen;color:white;">深绿</option>
      <option value="gold" style="background-color:gold;color:black;">金色</option>
      <option value="darkcyan" style="background-color:darkcyan;color:white;">蓝绿</option>
      <option value="gray" style="background-color:gray;color:white;">浅灰</option>
      <option value="black" style="background-color:black;color:white;">黑色</option>
  </select>
</div>  

<div class="BAR" ID="FormatToolbar2">

  <div class="BTN" ID="BTN_ALEFT" TITLE="左对齐" NAME="Justify" LANGUAGE="javascript" onclick="return onALeft()">
    <\IMG class=ICO height=22 src="images/aleft.gif" width=23>
  </div>
  <div class="BTN" ID="BTN_ACENTER" TITLE="居中" NAME="Justify" LANGUAGE="javascript" onclick="return onACenter()">
    <\IMG class=ICO height=22 src="images/center.gif" width=23>
  </div>
  <div class="BTN" ID="BTN_ARIGHT" TITLE="右对齐" NAME="Justify" LANGUAGE="javascript" onclick="return onARight()">
    <\IMG class=ICO height=22 src="images/aright.gif" width=23>
  </div>

  <div class="SEP"></div>
  
  <div class="BTN" ID="BTN_NLIST" TITLE="数字编号" LANGUAGE="javascript" onclick="return onNList()">
    <\IMG class=ICO height=22 src="images/nlist.gif" width=23>
  </div>

  <div class="BTN" ID="BTN_BLIST" TITLE="项目符号" LANGUAGE="javascript" onclick="return onBList()">
    <\IMG class=ICO height=22 src="images/blist.gif" width=23>
  </div>

  <div class="SEP"></div>

  <div class="BTN" ID="BTN_OUTDENT" TITLE="减小缩进" LANGUAGE="javascript" onclick="return onOutDent()">
    <\IMG class=ICO height=22 src="images/ileft.gif" width=23>
  </div>
  <div class="BTN" ID="BTN_INDENT" TITLE="增加缩进" LANGUAGE="javascript" onclick="return onInDent()">
    <\IMG class=ICO height=22 src="images/iright.gif" width=23>
  </div>

    <div class="SEP"></div>

  <div class="BTN" ID="BTN_HYPERLINK" TITLE="插入超级链接" LANGUAGE="javascript" onclick="return onHyperLink()">
    <\IMG class=ICO height=22 src="images/wlink.gif" width=23>
  </div>
  
  <div class="BTN" ID="BTN_IMAGE" TITLE="插入图片" LANGUAGE="javascript" onclick="return onImage()">
    <\IMG class=ICO height=22 src="images/img.gif" width=23>
  </div>
      
  <div class="SEP"></div>
      
  <div class="GEN" ID="EDIT_MODE" style="WIDTH: 120px" TITLE="Edit Mode">
    <input type=checkbox name="switchMode" LANGUAGE="javascript" onclick="setMode(switchMode.checked)">
    编辑HTML源文件
  </div>

</div>

<div ID="tbContentElement" class="tbContentElement">
<iframe id=target scrolling="yes" marginwidth=4 style="HEIGHT: 100%; WIDTH: 100%">
</iframe>
<br>

<script>
targetDoc = document.frames.target.document;
targetDoc.designMode = "On";
:w:w:w:w:w:w:w:w:w:w:w

</div>
<script LANGUAGE="javascript" SRC="Html_Editor.js">
:w:w:w:w:w:w:w:w:w:w:w
<input type="submit" value="提交"></form></body>      

TOP

虾米意思?
只看到一大段的js代码      

TOP

就是说要把上面的代码加到HTML的表单里面,可以把数据提交给php,就可以了

谢谢      

TOP

当遇到问题的时候
建议先将问题简化了
否则你可能被代码淹没!!!!!!      

TOP

发新话题