如何做可以更改字体的回复框

ccnuxjg 2003-03-21 05:36:06
我的回复框需要将系统所有的字体都列举出来。我看了网上一些有字体选择的框,都是用样式来实现的。
这样我要列举所有的字体那样式表岂不是会很大,载入起来就会更慢了。
有什么其它的高效点的方法吗?
...全文
7 点赞 收藏 6
写回复
6 条回复
meizz 2003年03月24日
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<OBJECT id="dlgHelper" CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px"></OBJECT>
<select id="the_font" onchange="document.all.word2.style.fontFamily=this.value"></select>
<script>
function setFont()
{
var cnt = dlgHelper.fonts.count

for (var i = 1; i < cnt; i++)
{
the_font.options[the_font.options.length] = new Option(dlgHelper.fonts(i),dlgHelper.fonts(i));
}

}

window.onload = setFont;
</script><br>
<span id=word1>字段一 abcdefghijklmnopqrstuvwxyz</span><br>
<span id=word2>字段二 abcdefghijklmnopqrstuvwxyz</span>
</body>
</html>
回复 点赞
lansajf 2003年03月24日
上面的代码不适合IE5.0
回复 点赞
ccnuxjg 2003年03月24日
谢谢二位!
上面的方法是我一旦选择了字体后,页面的所有文字都变成了那种字体
我的意思是如果有两行文字:
1、文字abc123
2、文字def456

我只要求更改文字2的字体,而文字1的字体不受影响。

这样我做回复框的目的就可达到了。也就是我在回复框中添加一个字体选项,用户选择的是什么字体,那么该用户在提交后回复以后,页面的就按用户先前选择的字体进行显示。这样,每一段回复的字体就会不一样。
回复 点赞
meizz 2003年03月23日
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<OBJECT id="dlgHelper" CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px"></OBJECT>
<select id="the_font" onchange="document.body.style.fontFamily=this.value"></select>
<script>
function setFont()
{
var cnt = dlgHelper.fonts.count

for (var i = 1; i < cnt; i++)
{
the_font.options[the_font.options.length] = new Option(dlgHelper.fonts(i),dlgHelper.fonts(i));
}

}

window.onload = setFont;
</script>
通过选择文字来改变网页里所有文字的字体类型 abcdefghijklmnopqrstuvwxyz
</body>
</html>
回复 点赞
ccnuxjg 2003年03月23日
谢谢楼上的。
如果我想选中一种字体后(假设我选择的是宋体),让页面上的文字变为我选择的字体
该怎么做呢?
回复 点赞
bencalie 2003年03月21日
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<OBJECT id="dlgHelper" CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px"></OBJECT>
<select id="the_font"></select>
<script>
function setFont()
{
var cnt = dlgHelper.fonts.count

for (var i = 1; i < cnt; i++)
{
the_font.options[the_font.options.length] = new Option(dlgHelper.fonts(i),dlgHelper.fonts(i));
}

}

window.onload = setFont;
</script>
</body>
</html>
回复 点赞
发动态
发帖子
JavaScript
创建于2007-09-28

5.1w+

社区成员

22.3w+

社区内容

Web 开发 JavaScript
社区公告
暂无公告