a 设为首页
a 加入收藏
a 联系我们
a     本站诚征友情链接！！！  [admin  2007年11月22日]         今天是
 | 网站首页 | 站长在线 | 新闻资讯 | 网页设计 | 平面设计 | 网络媒体 | 网络安全 | 服务器 | 软件下载 | 图片素材 | 在线商城 | 站长论坛 | 留言 | 繁體中文
热门搜索关键字： 模板 | 错误 | 标签 | 采集 | 数据库 | 组件 | 代码 | 特效 | 木马 | 插件 | 虚拟主机
文章 下载 图片
栏目导航  
【ASPNET】
【JspPhp】
【HTMLCSS】
【网页配色】
【网页特效】
【Frontpage】
【Dreamweaver】
【其他相关】
专题栏目  
· 网络架设  · 病毒安全
· 图行天下  · 音影视听
· 动易软件  · 动网软件
· 虚拟组合  · SEO技术
推荐文章  
热门文章  
图片文章  
 
您现在的位置： 中国站长在线|ITE258 >> 网页设计 >> 网页特效 >> 正文
利用javascript创建功能强大的GUI(2)
文章来源：不详 点击数： 更新时间：2007-7-4 【字体：小 大】




  • 上一篇文章：

  • 下一篇文章：
    • 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】
    　
    关于〖利用javascript创建功能强大的GUI(2)〗的最新评论：
    我们首先来创建一个拥有三个按钮的简单工具条：一个粗体按钮，一个斜体按钮，一个连接按钮。该工具栏是向一个现有的文本域添加功能的好方法，它可以让用户在无需了解HTML的情况下对输入的文本进行简单的控制。任何让用户参与或进行反馈的网站都可以利用这一工具栏进行加强。

    　　我们的工具栏在功能上可以分为下面4个部分：
    　　·封装选定文本附件HTML标记的JavaScript函数
    　　·定制工具栏、按钮的外观和风格的样式表
    　　·响应鼠标事件的JavaScript函数
    　　·包含工具栏代码、图像、表格元素的HTML

    　　我们首先来研究一下二个处理向<textarea>插入HTML代码的函数：

    　　利用JavaScript处理文本集

    function format_sel(v) {
    var str = document.selection.createRange().text;
    document.my_form.my_textarea.focus();
    var sel = document.selection.createRange();
    sel.text = "<" + v + ">" + str + "<" + v + ">";
    return;
    }

    　　format_sel()只接受一个参数，即表示作用于选定文本的HTML标记的字符串。在这个工具栏中，我们用这个函数来控制<b>和<i>之间的文本。当然，如果愿意，我们可以使用<strong>和<em>替换<b>和<i>，或者使用这个函数控制一段选定的文本，或者在选择的标记中限定指定文本。

    　　我们可以使用selection对象的createRange()方法方便地创建当前文本的TextRange对象。通过访问其text属性，我们可以得到<textarea>中选定的文本。text属性将被赋给一个局部变量。在下一行中，我们对<textarea>调用了focus()，这一行代码非常重要，否则，我们对文本的改变可能会被写到网页的其他部分去。最后，我们创建了指定文本的另一个引用，并赋给它一个新值：即位于适当的HTML标记中的原来的selection的地址。
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 管理登录 | 
    中国站长在线 http://www.ite258.com 电子邮件：ite258@126.com
    点击给站长发消息！站长QQ群： 15643723
    湘ICP备07501014号
    站长：梦天　Copyright (c) 2002-2008 ite258.com. All Rights Reserved.
    本站部分资源由网友推荐，来自互联网，版权属于原版权人，如果不慎侵犯到您的权利，敬请告知，我们会在第一时间撤除。
    本站中各网友的评论只代表其个人观点，不代表本站同意其观点。