巧用JS制作书写框

2009-09-04 09:52:01 作者：群飞编辑 来源： 浏览次数：0 网友评论 0 条

 
效果基本和这里的书写框差不多。不过功能少。希望自己添加~
helpstat = false;
basic = false;
function AddText(NewCode) {
document.all("file").value+=NewCode
}
function showsize(size) {
if (helpstat) {
alert("文字大小标记\n设置文字大小.\n可变范围 1 - 6.\n 1 为最小 6 为最大.\n用法: <size="+size+">这是 "+size+" 文字</size>");
} else if (basic) {
AddTxt="<font size="+size+"></font>";
AddText(AddTxt);
} else {
txt=prompt("大小 "+size,"文字");
if (txt!=null) {
AddTxt="<font size="+size+">"+txt;
AddText(AddTxt);
AddTxt="</font>";
AddText(AddTxt);
}
}
}

function bold() {
if (helpstat) {
alert("加粗标记\n使文本加粗.\n用法: <b>这是加粗的文字</b>");
} else if (basic) {
AddTxt="<b></b>";
AddText(AddTxt);
} else {
txt=prompt("文字将被变粗.","请在这里输入要加粗的文字！");
if (txt!=null) {
AddTxt="<b>"+txt;
AddText(AddTxt);
AddTxt="</b>";
AddText(AddTxt);
}
}
}

function italicize() {
if (helpstat) {
alert("斜体标记\n使文本字体变为斜体.\n用法: <i>这是斜体字</i>");
} else if (basic) {
AddTxt="<i></i>";
AddText(AddTxt);
} else {
txt=prompt("文字将变斜体","请在这里输入要倾斜的文字！");
if (txt!=null) {
AddTxt="<i>"+txt;
AddText(AddTxt);
AddTxt="</i>";
AddText(AddTxt);
}
}
}

function showcolor(color) {
if (helpstat) {
alert("颜色标记\n设置文本颜色. 任何颜色名都可以被使用.\n用法: <color="+color+">颜色要改变为"+color+"的文字</color>");
} else if (basic) {
AddTxt="<font color="+color+"></font>";
AddText(AddTxt);
} else {
txt=prompt("选择的颜色是: "+color,"请在这里输入要改变颜色的文字！");
if(txt!=null) {
AddTxt="<font color="+color+">"+txt;
AddText(AddTxt);
AddTxt="</font>";
AddText(AddTxt);
}
}
}

function showfont(font) {
if (helpstat){
alert("字体标记\n给文字设置字体.\n用法: <font="+font+">改变文字字体为"+font+"</font>");
} else if (basic) {
AddTxt="<font face="+font+"></font>";
AddText(AddTxt);
} else {
txt=prompt("要设置字体的文字"+font,"请在这里输入要改变字体的文字！");
if (txt!=null) {
AddTxt="<font face="+font+">"+txt;
AddText(AddTxt);
AddTxt="</font>";
AddText(AddTxt);
}
}
}

function underline() {
if (helpstat) {
alert("下划线标记\n给文字加下划线.\n用法: <u>要加下划线的文字</u>");
} else if (basic) {
AddTxt="<u></u>";
AddText(AddTxt);
} else {
txt=prompt("下划线文字.","文字");
if (txt!=null) {
AddTxt="<u>"+txt;
AddText(AddTxt);
AddTxt="</u>";
AddText(AddTxt);
}
}
}

0
顶一下 0
踩一下

已有0位网友发表了看法