首页 相关文章 自己动手 结合javascript和dhtml做一个ubb编辑器

自己动手 结合javascript和dhtml做一个ubb编辑器

看到chinaASP论坛的abc code editor了吗?是不是觉得很cool? 说真的,刚见到我还以为是用别的什么语言做的控件呢,
后来才发现没有那么神秘的。前几天做一个商品bbs,客户要求支持ubb,同时也要做一个编辑器。现在我把做ubb的思路给大家讲
一下。
首先遇到的是界面问题,实际上这个很好解决,只是利用td的onmouseover、onmouseout和onmousedown来实现,具体实现方
法件下面的代码。
其次就是实现文本效果的问题,这个可以利用textRange的execCommand方法来实现。

下面我给出一个简单的例子,你可以把它存为一个html文件,直接可以运行,这个例子的功能很简单,就是把编辑框中选定的
文字变为粗体或斜体。其他功能你可以参照这个例子自己加上。
对了,先把这两个图片存下来。

file : ubb.html


[ 查看全文 ]

2016-01-29 标签:
  • 标签:PHP
      自己动手做一个SQL解释器 在一些小型的应用中,完全没有必要使用大型数据库软件。自己做一个SQL解释器就能用数据库的方式来管理了。 这个解释器,能解释常用的SQL命令。你可以自行添加其他功能。 <?php class DB_text {   var $conn;   var $classname = "db_text";   var $database;   function on_create() {   }   fun...[ 查看全文 ]
  • 标签:PHP
      <?php //对Javascript和select部件的结合运用 //在写程序的过程,我想实现在select对象选中选项后, //不需要提交按钮,而直接触发动作,且在动作发生后 //的页面中要保持所选择的选项。经过形容,终于通过 //使用Javascript及select对象的onchange属性及 //value值而实现了这种功能。 //代码如下(文件名为"test.php"):   switch ($mon){    &nbs...[ 查看全文 ]
  •   <table name=agree border="0" cellpadding="10" cellspacing="0" align=center width="80%" <tr align=center <td width="50%" align="right" <FORM name=register method=post action=reg_shang.asp?action=yes <input type="hidden" name="action" value="agree"<INPUT class="go-wenbenkuang" type=submit value=" 同意注册 " name=Submit </FORM </td <td width="...[ 查看全文 ]
  • 标签:flash教程
        说明: 略作修改,主要是一些很初级的操作; 又很多相似的文章,不过这个很权威     下面是一些在和使用javascript的HTML文件直接通信的示例,每个示例都有简略的步骤     本文讨论了3种基本的Flash/javascript通信方式: javascript 到 Flash的通信----使用Flash播放器的javascript方法 Flash 到 javascript的通信----使用Flash的fscom...[ 查看全文 ]
  • 标签:Java JAVA基础
      提起Java和JavaScript,可能有很多人会不自觉地把这两者联系在一起,那么,Java和JavaScript到底有何关系呢?Java是一种严格的面向对象的程序设计语言,常用于开发基于Internet的应用程序。JavaScript是一种脚本语言,常用于网页中增强交互性和页面效果,以及进行数据校验等。Java是Sun公司的产品,而JavaScript是Netscape公司推出的,二者没有任何联系。 [ 查看全文 ]
  •   原代码插入到<body下面:<script language="JavaScript" <!-- N = 40; Y = new Array(); X = new Array(); S = new Array(); A = new Array(); B = new Array(); M = new Array(); V = (document.layers)?1:0; iH=(document.layers)?window.innerHeight:window.document.body.clientHeight; iW=(document.layers)?window.innerWidth:window.document.body.clientWidth; for (i=0; ...[ 查看全文 ]
  •   Cookie是一小段由浏览器储存起来帮助识别用户身份的信息。在一个表单中设置和检查Cookies的实现需要两个文件来完成。第一个文件为cookie1.html,这个文件需要有一些机理(下面例子的一个按钮)来检查是否有一个Cookie存在,然后再重定向至表单网页或者文档下载网页。而第二个文件,即表单网页(cookie2.html),也是和重要的因为你将要在上面使用一点点JavaScript来设置Cookie,这个设置是在提交表单...[ 查看全文 ]
  •   基于浏览器类型的重定向的实现可以通过使用JavaScript函数来检查navigator.userAgent的字符串“MSIE”,它将告诉你用户是否使用Microsoft Internet Explorer(微软的IE浏览器)。通过修改windows.location函数可以重定向到正确的URL(同意资源定位器)。下面是详细的代码: <HTML <HEAD <SCRIPT LANGUAGE="JavaScript" <!-- function redirectClient(ieurl, nsurl) { // test for Int...[ 查看全文 ]
  •   随着互联网的飞速发展,地球变得越来越小,人们可以跨越时间和空间得界限进行交流于合作。但是随之也产生了一些肆意搞破坏的黑客,这就使得程序设计人员在编制应用程序中要考虑到黑客袭击这个问题,所以自然而然地就会想到保护。本节教程将教你怎样利用Javascript进行密码保护。利用JavaScript来对网页进行密码保护有几种方法。最早的一种方法是依耐于用户而不知道目标文件名,代码如下: <SC...[ 查看全文 ]
  •   简单的放大缩小,显示坐标功能。 ------------------------------------- 演示代码: ------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" <HTML <HEAD <TITLE Document </TITLE <style type="text/css" body{  padding : 0px ;  margin : 0px;  background-color : #999999 ; } .DivMain {  position : a...[ 查看全文 ]
  •   一种把人吓一跳的感觉。实现方法是,把下面的JavaScript代码加入到< body与< /body之间: < script language="JavaScript" function surfto(form) { var myindex=form.select1.selectedIndex if (form.select1.options[myindex].value != null) { parent.main.location.href=form.select1.options[myindex].value; } } < /script //这段JS代码意为当前页面的浏览器地震// &l...[ 查看全文 ]
  •   最近因为学校做网站设计,所以一直在ASP上和数据库上大费苦心。 我在前一个阶段是做Java程序设计的。突然接到任务并学习ASP,所以我一直都热忠并善于利用JavaScript来构架ASP程序。 JavaScript的一个明显的优点就在于它可以定义和持有自己的对象。这一点好象是VBScript所无法比拟的。 有了这一点,可以利用JavaScript进行更接近于面向对象的程序设计。也许这将使网站开发...[ 查看全文 ]
  •   在浏览器中显示信息  [ 查看全文 ]
  •   本文介绍用JS来制作闪烁的边框,演示地址:http://www.85time.com首页,我仅制作了一个闪烁的边框,若想一个以上的边框都能闪烁,可以定义多个变量,本文中,我仅定义了一个变量mydowns! 代码如下,共有两个文件: 文件一:mydowns.js <!-- function flash(){ if (!document.all) return if (mydowns.style.borderColor=="green") mydowns.style.borderColor="E7FFA5" else mydowns.sty...[ 查看全文 ]
  •   利用Javascript可以探测在网络浏览器中的插件程序,但是值得指出的是否,它只在Netscape Navigator有效。下面的代码显示了怎样探测audio/midi类型插件程序: <SCRIPT LANGUAGE="JavaScript"<!-- var can_play = false; var mimetype = 'audio/midi'; if (navigator.mimeTypes) { if (navigator.mimeTypes[mimetype] != null) { if (navigator.mimeTypes[mimetype] .enabledPlu...[ 查看全文 ]
  •   你可能对于一些其它的编程语言很熟悉,比如C++或者Java等等,它们也是可以创建对象的,现在最新的VB版本VB.NET也具有了更好的面向对象功能-----创建对象。从本质上讲,创建对象的想法只是为了创建一个简单的实体,这个实体包含了许多属性和方法。以下是一个对象构造器的例子: function Person(name, age, colour) { this.name = name; this.age = age; this.colour = colour; } 然后,我们可以...[ 查看全文 ]
  •       大量采用高解析度的图像的确可以让一个Web站点容光焕发。但同样也会造成站点访问速度下降——图片是文件,文件就要占用带宽,而带宽直接同访问等待时间相关。现在,让我们来学习一种名为图像预装载(image preloading)的小技巧来提高图像访问速度。     一些浏览器试图通过在本地缓存中保存这些图片来解决此问题。这样一来可以顺序调用这些图片——但对于首次使...[ 查看全文 ]
  •   信息来源:《黑客防线》 本文一共介绍了七种方法: 一:最简单的加密解密 二:转义字符"\"的妙用 三:使用Microsoft出品的脚本编码器Script Encoder来进行编码 (自创简单解码) 四:任意添加NUL空字符(十六进制00H) (自创) 五:无用内容混乱以及换行空格TAB大法 六:自写解密函数法 七:错误的利用 (自创) 在做网页时(其实是网页木马呵呵),最让人烦恼的是自己辛辛苦苦写出来的客户...[ 查看全文 ]
  •    [译者注:将本文的最后示例代码拷贝至文本文件中,更名文件为homepage.htm格式文件,在浏览器中运行,本文以该示例代码讲解   简介   ====================================   问题是我想解决自动访问http://www.thehungersite.com。这个页面能够限制你每一天只访问它一次(不要忘记在这链接上点击)。   现在为止,每次一开始我做的第一件事就是手工选择我的书签加载...[ 查看全文 ]
  •   使用Javascript数组 在JavaScript 1.0中构造器只存在Date对象和用户定义的对象。你可能期望有个数组构造器,但是一直没能实现,直到JavaScript 1.1的出现,你的期望成为了现实。我们可以如下来定义用户对象: function blankArray(n) { for (var i=0; i < n; i++) this[i] = null; this.length = n; } blankArray函数创建了一个数组,这个数组中有n个空白项。下面再给出使用这个构造器的例...[ 查看全文 ]