红叶的专栏 - 博客园

2008年4月25日

用javascript实现既能禁止页面鼠标右键查看同时又能查看页面文本框右键菜单

摘要:

在CSDN上，看到有人问这个问题。就是若把页面右键屏蔽的话，文本框上的右键菜单同样也给屏蔽，问如何能够将文本框的右键菜单显示出来。
解决思路：首先，要在页面初始化时将页面右键菜单屏蔽
其次，在欲解除右键限制的文本框获得焦点时，启用页面document的右键菜单。可以用在文本框中的onmousedown事件中，但推荐用在 onfocus事件中，若使用的onmousedown的话，则按键盘上摸拟右键的按键(在右win键右边)不响应；若用onfocus事件，则能顺利响应。
最后，当该文本框失去焦点时，需将页面document的右键菜单屏蔽，用文本框的onblur事件即可。

阅读全文

posted @ 2008-04-25 11:02 红色枫叶阅读(215) | 评论 (3) | 编辑

2008年4月24日

javascript中验证日期和日期时间格式

摘要:

在javascript中,我们经常要对日期格式加以判断,用正则表达式是最为快捷有效的,下面是验证日期格式(YYYY-MM-DD)和日期时间格式(YYYY-MM-DD hh:mm:ss)的正则表达式.
var _reDataTime = /^([1-9]\d{3}-((0?[1-9])|(1[0-2]))-((0[1-9])|([1-2]?\d)|(3[0-1])))?$/ //日期格式,可为空
var _reTimeReg = /^[1-9][0-9]{3}-(0?[1-9]|1[0|1|2])-(0?[1-9]|[1|2][0-9]|3[0|1])\s(0?[1-9]|1[0-9]|2[0-3]):(0?[0-9]|[1|2|3|4|5][0-9]):(0?[0-9]|[1|2|3|4|5][0-9])$/; //日期时间格式
下面验证某个字符阅读全文

posted @ 2008-04-24 10:06 红色枫叶阅读(327) | 评论 (0) | 编辑

2008年4月21日

一个javascript写的media player播放器

摘要:

一个javascript写的media player播放器界面较为简单，支持播放列表。建立播放列表的步骤为：1)在文本框中输入媒体资源的地址，可以是HTTP地址，相对地址和绝对地址2)点击“添加到媒体列表”按钮，将媒体资源信息放到媒体列表中3)在媒体列表中，点击“添加”链接，将媒体加入到播放列表中4)重复若干遍，加入所有歌曲5)点击“播放选中的歌曲“，就开始播放播放列表中的所有打勾的媒体文件

阅读全文

posted @ 2008-04-21 14:46 红色枫叶阅读(266) | 评论 (1) | 编辑

2008年4月18日

setCapture和releaseCapture的小应用

摘要:

web开发和windows开发最大的区别就是windows开发是有状态的,而web开发是无状态的,在windows中,一切操作都可以由程序来控制 ,除非强制执行ctrl+alt+del;但web操作就不一样了,即使执行很重要的操作,用户一点击浏览器关闭按钮,就将前面操作成果化为乌有.尽管可以在onunload事件中加些代码,让用户可以选择是否退出,但不能从根本上解决问题! 前几天,从网上看到setCapture方法,了解了一下,大体是这样的意思,当在IE文档某个区域中使用了这个方法,并且写了onclick或者 onmouse***等有关的鼠标事件方法,那么它就会监视相应的鼠标操作,即使你的鼠标移出了IE,它也一样能捕获到.如果你在某div中的 onclick事件中写了一个alert命令,这时,你点击的关闭按钮,它也一样会弹出alert窗口.releaseCapture与 s 阅读全文

posted @ 2008-04-18 11:25 红色枫叶阅读(174) | 评论 (0) | 编辑

2008年4月17日

用javascript定义和操作自定义HTML元素

摘要:

前面的文章探讨了使用javascript来操纵HTML元素的自定义属性，那么在HTML页面中，除了系统支持的HTML元素外，是否可以建立自定义的HTML元素呢？答案是可以的。自定义的HTML元素与系统自身的HTML元素地位相同，都可以用document.getElementById来获得，区别在于，自定义的HTML元素都是不可见的，类似于隐藏控件。使用自定义HTML元素，我们就可以建立多种隐藏控件，而不一定拘泥于只能建立input的hidden元素了；另外，还可以用于某些特定方面的需求！

阅读全文

posted @ 2008-04-17 11:28 红色枫叶阅读(166) | 评论 (1) | 编辑

2008年4月16日

纯javascript的HTML在线编辑器

摘要:

因工作需要，需使用javascript来操作HTML在线编辑器，在网上搜了许多，都是与服务器端相结合的，通过表单提交的方式来处理的。没办法，只好在此基础上对其进行更新！
参考的myeditor控件不知是哪位高人写的。在此表示感谢！
首先，定义一全局变量，用于向HtmlEditor传递值：

阅读全文

posted @ 2008-04-16 11:35 红色枫叶阅读(299) | 评论 (0) | 编辑

2008年4月15日

javascript中的自定义属性的应用--避免频繁访问数据库

摘要:

在WEB应用程序中，经常需要将数据从数据库中取出来，填充到HTML控件中，然后再存回数据库。如果数据并未改动，仍然占用网络资源存入数据库，则对网络资源是一种浪费，当页面数据很多和网络访问量很大时，就会形成性能的瓶颈。如何能在提交数据前进行判断呢？一种方法是建隐藏控件或定义全局变量，这种情况适用于控件很少时，若一个表单页面有数十项时，建隐藏控件太多反而降低性能，定义全局变量不容易记忆。另一种方法，就是在原有控件中增加自定义属性，这样，既能避免逻辑复杂，又能节省网络流量。

阅读全文

posted @ 2008-04-15 11:58 红色枫叶阅读(230) | 评论 (5) | 编辑

2008年4月14日

用javascript添加控件自定义属性

前面说过为HTML元素添加自定义的属性，是通过手动在HTML控件中加上，其实可以在javascript中动态添加：如有一文本框：

如想增加idvalue属性(值为”自定义值”)，可以在javascript中这样写:

var txt = document.getElementById("txtInput");

txt.setAttribute("idvalue","自定义值");

setAttribute中第一个参数是指明自定义属性的名称，第二个参数是初始值

代码如下:

<html>

<head>

<title>用javascript添加控件自定义属性</title>

function addCustomAttribute()

{

var txt = document.getElementById("txtInput");

txt.setAttribute("idvalue","自定义值");

}

function showIdValue()

{

var txt = document.getElementById("txtInput");

alert(txt.attributes["idvalue"].nodeValue);

}

</script>

</head>

</body>

</html>

源代码:http://www.cnblogs.com/Files/redleaf1995/jsCustom.rar

posted @ 2008-04-14 10:42 红色枫叶阅读(254) | 评论 (0) | 编辑

2008年4月11日

使用javascript操纵HTML元素的自定义属性

为HTML元素添加一自定义的属性非常方便，只须将其加到尖括号中即可，与内置属性地位相等。

如我们要为TextBox元素添加属性idvalue：

只须在原来的控件后面加上：idvalue=”…”,成为:

idvalue即可正式成为txtInput的属性，地位与其他属性相等。

如以下例子，在IE6中调试通过：

<html>

<head>

<title>自定义属性</title>

function showText()

{

alert(document.getElementById("txtInput").value);

}

function showValue()

{

alert(document.getElementById("txtInput").idvalue);

}

</script>

</head>

<body>

</body>

</html>

但idvalue在Firefox中却不能通过，主要是因为Firefox控制严格，所以这些自定义属性不能认识。经过调试，只能用document.getElementById("txtInput").attributes["idvalue"].nodeValue取得，该方法在IE中也可使用。所以，同时适用IE和Firefox的代码为：

<html>

<head>

<title>自定义属性</title>

function showText()

{

alert(document.getElementById("txtInput").value);

}

function showValue()

{

alert(document.getElementById("txtInput").attributes["idvalue"].nodeValue);

}

</script>

</head>

<body>

</body>

</html>

源代码: http://www.cnblogs.com/Files/redleaf1995/testcustom.rar

posted @ 2008-04-11 15:44 红色枫叶阅读(207) | 评论 (0) | 编辑

Firefox解析CDATA的问题

这段xml语句，在IE中通过，并能显示出内容，但在Firefox中不提示出错，却在网页怎么也显示不出内容：

<text>

<![CDATA[

< input id="btnAddNew" onclick="SearchService('w_WebService');" type="button" value ="添加" class="forWinButton" name="btnAddNew">

….

</div>

]]>

</text>

调试的最后结果，竟然是<text><![CDATA[这两个必须放在同一行上，否则就会出现问题：

<text><![CDATA[

< input id="btnAddNew" onclick="SearchService('w_WebService');" type="button" value ="添加" class="forWinButton" name="btnAddNew">

….

</div>

]]></text>

估计Firefox不能识别开头的<![CDATA[结点。

posted @ 2008-04-11 15:36 红色枫叶阅读(111) | 评论 (0) | 编辑

与我联系

搜索

常用链接

留言簿

我参加的小组

我的标签

随笔分类

随笔档案

相册

收藏夹

CSDN

积分与排名

最新评论

阅读排行榜

评论排行榜