无锡卤菜培训学校:求助:ASP.NET中关于控制TextBox文本框字体样式,急!!!

来源:百度文库 编辑:查人人中国名人网 时间:2024/05/02 02:09:43
页面中有几个按钮分别控制文本框输入字体的 粗体,斜体,下划线,大小,font name,颜色,开始都能正确按要求显示,但当点击Button提交后文本框又回到原来没有样式状态,请问如何保持文本框字体样式,请高手指点。

你是不是做论坛呀!
希望这个能帮助你:
<html>
<head>
<title> New Document </title>
<script language="JavaScript" type="text/javascript">
<!--

var imageTag = false;
var theSelection = false;

var clientPC = navigator.userAgent.toLowerCase();
var clientVer = parseInt(navigator.appVersion);

var is_ie = ((clientPC.indexOf("msie") != -1) && (clientPC.indexOf("opera") == -1));
var is_nav = ((clientPC.indexOf('mozilla')!=-1) && (clientPC.indexOf('spoofer')==-1)
&& (clientPC.indexOf('compatible') == -1) && (clientPC.indexOf('opera')==-1)
&& (clientPC.indexOf('webtv')==-1) && (clientPC.indexOf('hotjava')==-1));
var is_moz = 0;

var is_win = ((clientPC.indexOf("win")!=-1) || (clientPC.indexOf("16bit") != -1));
var is_mac = (clientPC.indexOf("mac")!=-1);

// Helpline messages
b_help = "粗体: [b]文字[/b] (alt+b)";
i_help = "斜体: [i]文字[/i] (alt+i)";
u_help = "下划线: [u]文字[/u] (alt+u)";
q_help = "引用文字: [quote]文字[/quote] (alt+q)";
c_help = "程序代码: [code]代码[/code] (alt+c)";
l_help = "列表: [list]文字[/list] (alt+l)";
o_help = "顺序列表: [list=]文字[/list] (alt+o)";
p_help = "插入图像: [img]http://image_url[/img] (alt+p)";
w_help = "插入URL: [url]http://url[/url] 或 [url=http://url]URL文字[/url] (alt+w)";
a_help = "关闭所有开启的 BBCode 标签";
s_help = "字体颜色: [color=red]文字[/color] 提示:您可以使用 color=#FF0000";
f_help = "字体大小: [size=x-small]小字体文字[/size]";

// Define the bbCode tags
bbcode = new Array();
bbtags = new Array('[b]','[/b]','[i]','[/i]','[u]','[/u]','[quote]','[/quote]','[code]','[/code]','[list]','[/list]','[list=]','[/list]','[img]','[/img]','[url]','[/url]');
imageTag = false;
// Shows the help messages in the helpline window
function helpline(help) {
document.post.helpbox.value = eval(help + "_help");
}
function bbfontstyle(bbopen, bbclose) {
var txtarea = document.post.message;

if ((clientVer >= 4) && is_ie && is_win) {
theSelection = document.selection.createRange().text;
if (!theSelection) {
txtarea.value += bbopen + bbclose;
txtarea.focus();
return;
}
document.selection.createRange().text = bbopen + theSelection + bbclose;
txtarea.focus();
return;
}
else if (txtarea.selectionEnd && (txtarea.selectionEnd - txtarea.selectionStart > 0))
{
mozWrap(txtarea, bbopen, bbclose);
return;
}
else
{
txtarea.value += bbopen + bbclose;
txtarea.focus();
}
storeCaret(txtarea);
}

function bbstyle(bbnumber) {
var txtarea = document.post.message;

donotinsert = false;
theSelection = false;
bblast = 0;

if (bbnumber == -1) { // Close all open tags & default button names
while (bbcode[0]) {
butnumber = arraypop(bbcode) - 1;
txtarea.value += bbtags[butnumber + 1];
buttext = eval('document.post.addbbcode' + butnumber + '.value');
eval('document.post.addbbcode' + butnumber + '.value ="' + buttext.substr(0,(buttext.length - 1)) + '"');
}
imageTag = false; // All tags are closed including image tags :D
txtarea.focus();
return;
}

if ((clientVer >= 4) && is_ie && is_win)
{
theSelection = document.selection.createRange().text; // Get text selection
if (theSelection) {
// Add tags around selection
document.selection.createRange().text = bbtags[bbnumber] + theSelection + bbtags[bbnumber+1];
txtarea.focus();
theSelection = '';
return;
}
}
else if (txtarea.selectionEnd && (txtarea.selectionEnd - txtarea.selectionStart > 0))
{
mozWrap(txtarea, bbtags[bbnumber], bbtags[bbnumber+1]);
return;
}

// Find last occurance of an open tag the same as the one just clicked
for (i = 0; i < bbcode.length; i++) {
if (bbcode[i] == bbnumber+1) {
bblast = i;
donotinsert = true;
}
}

if (donotinsert) { // Close all open tags up to the one just clicked & default button names
while (bbcode[bblast]) {
butnumber = arraypop(bbcode) - 1;
txtarea.value += bbtags[butnumber + 1];
buttext = eval('document.post.addbbcode' + butnumber + '.value');
eval('document.post.addbbcode' + butnumber + '.value ="' + buttext.substr(0,(buttext.length - 1)) + '"');
imageTag = false;
}
txtarea.focus();
return;
} else { // Open tags

if (imageTag && (bbnumber != 14)) { // Close image tag before adding another
txtarea.value += bbtags[15];
lastValue = arraypop(bbcode) - 1; // Remove the close image tag from the list
document.post.addbbcode14.value = "Img"; // Return button back to normal state
imageTag = false;
}

// Open tag
txtarea.value += bbtags[bbnumber];
if ((bbnumber == 14) && (imageTag == false)) imageTag = 1; // Check to stop additional tags after an unclosed image tag
arraypush(bbcode,bbnumber+1);
eval('document.post.addbbcode'+bbnumber+'.value += "*"');
txtarea.focus();
return;
}
storeCaret(txtarea);
}
function storeCaret(textEl) {
if (textEl.createTextRange) textEl.caretPos = document.selection.createRange().duplicate();
}

//-->
</script>

</head>

<body>
<form action="posting.php" method="post" name="post" onsubmit="return checkForm(this)" >
<input type="button" class="button" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onClick="bbstyle(0)" onMouseOver="helpline('b')" />
<input type="button" class="button" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onClick="bbstyle(2)" onMouseOver="helpline('i')" />
<input type="button" class="button" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onClick="bbstyle(4)" onMouseOver="helpline('u')" />
<input type="button" class="button" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onClick="bbstyle(6)" onMouseOver="helpline('q')" />
<input type="button" class="button" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onClick="bbstyle(8)" onMouseOver="helpline('c')" />
<input type="button" class="button" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onClick="bbstyle(10)" onMouseOver="helpline('l')" />
<input type="button" class="button" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onClick="bbstyle(12)" onMouseOver="helpline('o')" />
<input type="button" class="button" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onClick="bbstyle(14)" onMouseOver="helpline('p')" />
<input type="button" class="button" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onClick="bbstyle(16)" onMouseOver="helpline('w')" />
<br>
字体颜色:<select name="addbbcode18" onChange="bbfontstyle('[color=' + this.form.addbbcode18.options[this.form.addbbcode18.selectedIndex].value + ']', '[/color]');this.selectedIndex=0;" onMouseOver="helpline('s')">
<option style="color:black; background-color: #f0f0f0" value="#444444">标准</option>
<option style="color:darkred; background-color: #f0f0f0" value="darkred">深红</option>
<option style="color:red; background-color: #f0f0f0" value="red">红色</option>
<option style="color:orange; background-color: #f0f0f0" value="orange">橙色</option>
<option style="color:brown; background-color: #f0f0f0" value="brown">棕色</option>
<option style="color:yellow; background-color: #f0f0f0" value="yellow">黄色</option>
<option style="color:green; background-color: #f0f0f0" value="green">绿色</option>
<option style="color:olive; background-color: #f0f0f0" value="olive">橄榄</option>
<option style="color:cyan; background-color: #f0f0f0" value="cyan">青色</option>
<option style="color:blue; background-color: #f0f0f0" value="blue">蓝色</option>
<option style="color:darkblue; background-color: #f0f0f0" value="darkblue">深蓝</option>
<option style="color:indigo; background-color: #f0f0f0" value="indigo">靛蓝</option>
<option style="color:violet; background-color: #f0f0f0" value="violet">紫色</option>
<option style="color:white; background-color: #f0f0f0" value="white">白色</option>
<option style="color:black; background-color: #f0f0f0" value="black">黑色</option>
</select>
字体大小:<select name="addbbcode20" onChange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]')" onMouseOver="helpline('f')">
<option value="7">最小</option>
<option value="9">小</option>
<option value="12" selected>标准</option>
<option value="18">大</option>
<option value="24">最大</option>
</select>
<br>
<input type="text" name="helpbox" size="45" maxlength="100" style="width:450px; font-size:10px" class="helpline" value="提示:选择您需要装饰的文字,按上列按钮即可添加上相应的。" />
<br>
<textarea name="message" rows="15" cols="35" wrap="virtual" style="width:450px" tabindex="3" class="post" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);"></textarea>

</form>
</body>
</html>