第25页_Web前端开发教程_Web前端开发

自定义CKEditor工具栏

2011-5-4评论(0)浏览(136)分类：JavaScript/Ajax开发技巧

工具栏的定义　　CKEditor 工具栏是一个JavaScript数组，数组里面包含了要显示的工具的名字。工具栏的命名规则为：“toolbar_name”， “name”是定义的工具栏名字。下面代码中是CKEditor默认定义好的两个工具栏，“Full”和“Basic”，并且默认使用的是“Full”工具栏view plaincopy to clipboardprint?+展开-JavaScriptconfig.toolbar='Full'..

CKeditor的配置及上传设置

2011-5-4评论(0)浏览(230)分类：JavaScript/Ajax开发技巧

　　FCKeditor 是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化，不需要太复杂的安装步骤即可使用。它能在asp、asp.net、PHP、 JSP等多个平台下使用，并且支持大部分浏览器，所以在它出现的6年时间里，成为了最流行的文字编辑器。　　随着技术的发展，很多更新更方便的东西为开发者提供了更大的便利。在这种情况下，..

CKEditor编辑器配置选项

2011-5-4评论(0)浏览(214)分类：JavaScript/Ajax开发技巧

配置属于自己的编辑器，配置Config.js文件（官方给出配置的几种方法，详见参考官方文档）如下：http://docs.fckeditor.net/ckeditor_api/symbols/CKEDITOR.config.html#.autoUpdateElementCKeditor编辑器选项配置CKeditor像是一个WEB的小Word，当然也预设了很多相关编辑项目，相信很多人需要调整，那些项目要用那些不要用在ckeditor目录下，有个..

ckeditor添加自定义的功能按钮

2011-5-4评论(0)浏览(146)分类：JavaScript/Ajax开发技巧

1、首先下载并安装ckeditor。2、自定义工具栏按钮:我们可以自定义ckeditor工具栏要显示的按钮，工具栏按钮定义可以参考这里。现在我们需要向工具栏添加一个自定义功能的按钮。ckeditor工具栏中的每个按钮都是作为插件定义在ckeditor\plugins\目录中。我们在ckeditor\plugins\中创建一个新文件夹linkbutton。在linkbutton文件夹内，我们创建一个p..

ajax对象常用属性，事件，方法大小写问题

2011-4-27评论(1)浏览(418)分类：JavaScript/Ajax开发技巧

　　经常混CSDN，发现ajax版块好多问题都是属性，方法，事件大小写不区分，导致程序运行出问题，或者在不同浏览器下效果不出来或者出错。　　下面是ajax对象的一些常用属性，事件和方法　　1）标准的ajax对象的属性有readyState，status，responseText，responseXML　　2）非标准ajax对象属性，针对IE浏览器的，有responseBody，2进制数据流。如..

jquery请求本地xml无法执行回调问题

2011-4-8评论(0)浏览(154)分类：JavaScript/Ajax开发技巧

　　在csdn看到一个问题，挺有代表性的，也给了我个人的回复，转到我的博客来，O(∩_∩)O~。问题描述html里的ajax代码如下：$.get('figures.xml', function(data) { var $entry=$(data).find("entry:eq(0)"); var $text=$entry.find('name').text(); alert($text);});figures.xml代码如下：entries entry name姓名：XXX/name phone手机号..

IE7，IE8浏览器创建XMLHTTpRequest请求本地资源出现access is denied拒绝访问

2010-9-10评论(1)浏览(963)分类：JavaScript/Ajax开发技巧

关键词：IE6 IE7 IE8 本地资源 access is denied 拒绝访问 XMLHttpRequest ActiveXObject　　在IE7，IE8中，如果双击运行html页面或者直接拖拽html静态页面进入IE7，IE8浏览器中运行查看ajax效果，在xhr对象调用open方法时会出现access is denied拒绝访问的错误，这个是因为IE7，IE8增加了Native XMLHTTP【XMLHttpRequest对象】支持，在IE7+浏览..

DIV+CSS清除浮动的方法

2011-4-2评论(0)浏览(146)分类：HTML/CSS兼容/XML

　　使用div+css布局的好处不用多说，经常性地会使用到float，那么清除浮动就是必须要做的，而且随时性地对父级元素清除浮动的做法也被认为是书写CSS的良好习惯之一。　　常用的清除浮动的方法有以下三种。　　此为未清除浮动源代码，运行代码无法查看到父级元素浅黄色背景。style type="text/css" !-- *{margin:0;padding:0;} body{font:36px b..

css属性zoom使用方法

2011-4-1评论(0)浏览(263)分类：HTML/CSS兼容/XML

zoom使用说明：　　设置或检索对象的缩放比例。设置或更改一个已被呈递的对象的此属性值将导致环绕对象的内容重新流动。虽然此属性不可继承，但是它会影响对象的所有子对象( children )。这种影响很像 background 和 filter 属性导致的变化。此属性对于 currentStyle 对象而言是只读的。　　对于其他对象而言是可读写的。　　换句话说，用css中的..

CSS实现IE6支持min-width，min-height

2011-4-1评论(0)浏览(195)分类：HTML/CSS兼容/XML

IE6浏览器不支持min-width,min-height这2个css，所以需要另外写css来控制IE6下的min-height,min-height+展开-HTML!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"htmlxmlns="http://www.w3.org/1999/xhtml"headmetahttp-equiv="Content-Type"content="text/html;charset=ut..

IE6下css样式表ID选择器不能以下划线开头

2011-3-25评论(0)浏览(138)分类：HTML/CSS兼容/XML

　　今天在写一个JavaScript效果时，使用了ID选择器，在IE7+浏览器，firefox，chrome测试后都没问题，结果在IE6中发现样式没起作用。刚开始还以为其他样式干扰了。后面查看ID，是以下划线开头，就是这个原因导致样式不起作用。IE6下css样式表ID选择器不能以下划线开头，+_+。。　　测试代码如下+展开-HTML!DOCTYPEhtml/htmlheadmetahttp-equiv="..

window.onerror自定义错误处理事件参数详解

2011-3-25评论(0)浏览(351)分类：JavaScript/Ajax开发技巧

　　window.onerror用于处理JavaScript脚本发生错误时如何处理错误，return false或者未添加window.onerror事件时会挂起代码执行，添加了事件后，return true则继续执行其他代码，忽略脚本错误。　　有3个参数，参数循序如下window.onerror = function(sMessage,sUrl,sLine){};onerror函数的三个参数用于确定错误确切的信息，代表的意思依次为：..

关于firefox获取选中页面文字的对象

2009-6-17评论(0)浏览(107)分类：JavaScript/Ajax开发技巧

+展开 -HTMLscriptlanguage="javascript"varagt=navigator.userAgent.toLowerCase();varie=((agt.indexOf("msie")!=-1)(agt.indexOf("opera")==-1)(agt.indexOf("omniweb")==-1));functiona(){varmyArea=document.getElementById("s");varselection;if(!ie){if(myArea.selectionStart!=undefined){selection=myArea.value.substr(myArea.selecti..

JQuery实现的模块交换动画效果

2010-11-30评论(0)浏览(155)分类：JavaScript/Ajax开发技巧

JQuery实现的模块交换动画效果点击下载此附件源代码如下+展开-HTML!doctypehtmlhtmlheadmetahttp-equiv="content-type"content="text/html;charset=utf-8"/titleJQuery实现的模块交换动画效果/titlemetaname="Keywords"content="jquery，模块，交换，动画，javascript特效"/metaname="Description"content="JQuery实现的模块交换动画效果。在模块..

扩展Firefox下table控件的原型方法moveRow

2011-3-11评论(0)浏览(191)分类：JavaScript/Ajax开发技巧

　　火狐浏览器的table控件没有同IE浏览器的moveRow方法，所以自己扩展了下Element的原型，将Firefox的moveRow方法加上，这样就可以使用了。测试代码如下+展开-HTML!DOCTYPEhtmlhtmlheadmetahttp-equiv="content-type"content="text/html;charset=utf-8"/title扩展Firefox下table控件的原型方法moveRow-extendfirefoxtableprototypemethodmoveRo..

IE浏览器table控件moveRow方法使用说明

2011-3-10评论(0)浏览(245)分类：JavaScript/Ajax开发技巧

Moves a table row to a new position.将表格的一行启动到另外一个外置dhtml语法orow = object.moverow(isource, itarget)parameters iSource Required. Integerthat specifies the index in the rows collection of the table row that is moved. ..

Firefox及W3C浏览器table设置margin属性不居中

2011-3-3评论(0)浏览(117)分类：HTML/CSS兼容/XML

　　在W3C浏览器下，如firefox或者google的chrome浏览器，如果给table设置了margin:0px属性，再设置align="center"时，发现会无法居中了。IE浏览器不会出现这个问题。⊙﹏⊙b汗　　有可能是设置了margin后，table变成块级元素了，而不是行级元素。因为设置成margin:0px auto后，去掉align="center"，居然可以居中。　　发现这个问题还是因为同时..

html编辑器插入表格单元格内容为默认空白?

2011-3-2评论(1)浏览(408)分类：HTML/CSS兼容/XML

　　在使用在iframe线编辑器时，不管是fckeditor还是ewebeditor，当插入表格的时候，单元格内会出现默认的内容【空格】。此时如果用表格来定位图片和图注时，这个表格里面的显示内容在不同浏览器下会出现不同的显示。　　当插入表格的时候，当单元格里面没有内容时浏览器会自动用空格来填充单元格的内容，这个空格很难看到，所以再向单元格内继续..

ajax对象释放onreadystatechange状态转换函数的问题

2011-2-25评论(0)浏览(189)分类：JavaScript/Ajax开发技巧

　　在获取ajax对象的时候，如果是先判断activexobject，然后再是XMLHttpRequest，那么在IE浏览器下都会使用activexobject来创建ajax对象。此时如果要判断onreadystatechange事件是否为空时，如下面的这种语句，IE浏览器下会出错。+展开-JavaScriptif(xhr.onreadystatechange)//这样会在IE下出错xhr.onreadystatechange=null;//这样来释放onread..

html5 websocket 通信协议

2011-2-23评论(1)浏览(164)分类：JavaScript/Ajax开发技巧

websocket通信协议实现的是基于浏览器的原生socket，在客户端用JS即可轻松完成，前些天都在学习websocket 协议（但实际上websocket 协议甚为简约），并且粗略的思考过websocket的对于下一代web应用会产生怎样的影响，我想最大的巨变应该是就是实时性上吧！另外诸如上传大文件之类的优于http的应用。但问题也随之而来，服务端怎么办？前些天我弄了..

HTML 5 WebSocket Java示例

2011-2-23评论(1)浏览(230)分类：JavaScript/Ajax开发技巧

转载请保留作者信息：作者：88250 时间：2010 年 1 月 1 日我们通过一个简单的例子来熟悉 HTML 5 WebSocket。该例子服务端从 0 开始每秒递增一个整数并发送给客户端浏览器显示。准备：下载 Jetty 7 ，Java Web 开发环境，Chrome 4+ 。服务端 Java 代码：final public class CounterSocketServlet extends WebSocketServlet { @Override protect..

HTML5 WebSocket API

2011-2-23评论(0)浏览(149)分类：JavaScript/Ajax开发技巧

The WebSocket API(subtitle)-->Editor's Draft 8 February 2011Latest Published Version:http://www.w3.org/TR/websockets/Latest Editor's Draft:http://dev.w3.org/html5/websockets/Previous Versions:http://www.w3.org/TR/2009/WD-websockets-20090423/ http://www.w3.org/TR/2009/WD-websockets-20091029/Editor:Ian Hickson, Google, I..

哪些浏览器支持HTML5的WebSocket API

2011-2-23评论(0)浏览(261)分类：JavaScript/Ajax开发技巧

　　浏览器的最新版本已经支持了WebSocket API。下面是常见的浏览器支持它：?苹果Safari（当前的稳定版） ?谷歌浏览器（目前的稳定版） ?Mozilla Firefox浏览器（版本4撰写本文时测试阶段）　　微软声称，互联网浏览器9将对WebSocket在发布API支持。目前Opera不支持WebSocket的API。　　如果你正在寻找更好的支持传统的外观有一个在“彗星”的..

label标签在IE，w3c浏览器firefox下的区别

2011-2-22评论(0)浏览(200)分类：HTML/CSS兼容/XML

关键字：表单，label，提交按钮，分组在IE浏览器和w3c浏览器，如Firefox的异同　　label标签在w3c浏览器[如Firefox，google的chrome]下有分组的功能，点击label非第一个子节点的时候，会触发第一个子节点的相应的默认事件或者添加的对应的事件，IE下则不会。　　依我自己的理解是，在w3c浏览器下，使用label作为控件容器时，只有对第一个子节点操..

button,input type=button按钮在IE和w3c，firefox浏览器区别

2011-2-22评论(0)浏览(173)分类：HTML/CSS兼容/XML

关键字：表单，button标签按钮，input标签type属性为button的按钮，IE浏览器，w3c浏览器，Firefox，异同　　当在IE浏览器下面时，button标签按钮，input标签type属性为button的按钮是一样的功能，不会对表单进行任何操作。　　但是在W3C浏览器，如Firefox下就需要注意了，button标签按钮会提交表单，而input标签type属性为button不会对表单进行任..

data:image/gif;base64设置图片路径及控件背景

2011-2-14评论(0)浏览(1404)分类：JavaScript/Ajax开发技巧

　　　data:image/gif;base64设置图片路径及控件背景，这算是一种图片路径的新写法。将图片进行编码，然后存在文档中。各自含义如下：data: ----获取数据类型名称image/gif; -----指数据类型名称base64 -----指编码模式AAAAA ------指编码以后的结果。background-image: url(data:image/gif;base64,AAAA)这句话的意思总体就是“获取数据类型是im..

CreatePopup,showModalDialog,showModalessDialog使用方法

2011-2-12评论(0)浏览(204)分类：JavaScript/Ajax开发技巧

CreatePopup() Method　　Internet Explorer 5.5 支持window对象的一个新方法，createPopup()。你可以通过下面的方式创建一个弹出窗口： +展开-JavaScriptvarpopupObj=window.createPopup();当你创建了这个对象时窗口不会被显示，必须调用它的方法：+展开-JavaScriptpopupObj.show(yOffset,xOffset,width,height,referenceObj)其中： yOffset 是..