实时编辑网页网页文字实时编辑,如同TEXTBOX一般

body{
font-family: verdana;
font-size: .9em;

}
input, textarea, pre{
font-family: verdana;
font-size: inherit;
font-family: inherit;
}
label{
width: 110px;
}
#userName, #userName_field{
font-size: 14px;
}
#cityName, #cityName_field{
font-size: 14px;
background-color: #333;
color: #fff;
}
#blogTitle, #blogTitle_field{

font-size: 24px;
}
#blogText, #blogText_field{

width: 240px;
}

#lorumText, #lorumText_field{
width: 500px;

}

function datosServidor() {
};
datosServidor.prototype.iniciar = function() {
try {
// Mozilla / Safari
this._xh = new XMLHttpRequest();
} catch (e) {
// Explorer
var _ieModelos = new Array(
'MSXML2.XMLHTTP.5.0',
'MSXML2.XMLHTTP.4.0',
'MSXML2.XMLHTTP.3.0',
'MSXML2.XMLHTTP',
'Microsoft.XMLHTTP'
);
var success = false;
for (var i=0;i ";
else
actual.innerHTML = "" + actual.innerHTML + "";

changing = true;
}

actual.firstChild.focus();
}

//find all span tags with class editText and id as fieldname parsed to update script. add onclick function
function editbox_init(){
if (!document.getElementsByTagName){ return; }
var spans = document.getElementsByTagName("span");

// loop through all span tags
for (var i=0; i

setVarsForm("pageID=profileEdit&userID=11&sessionID=28ydk3478Hefwedkbj73bdIB8H");

Your name: John Doe

Your city: Rotterdam, NL


AJAX instant edit script - clean HTML

Welcome to my blog. Today i created this instant

update script. Click here to try! If you like it you can download and view the source at:

yvoschaap.com. Have fun and success.

Message of the day:Time Spend Wishing, Is

Time Wasted


Check the source code of this page. No crazy JS!!

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut faucibus commodo lacus. Donec

egestas magna et risus.

Etiam velit tellus, sagittis eget, pretium eu, sagittis ut, sem. Aliquam est. Nam

condimentum. In massa ligula, varius in, aliquet vehicula, facilisis id, ante. Sed purus.

Vestibulum tempus facilisis lectus. Phasellus convallis, lorem in bibendum convallis, nunc

nisl fringilla sem, ut nonummy turpis nunc sed risus. Aliquam bibendum semper ipsum.

In hac habitasse platea dictumst. Maecenas vulputate, nisl nec tempus rutrum, tortor ligula

interdum urna, eget porttitor risus sem eu odio.

Nullam vel leo sed enim sodales euismod. Phasellus volutpat purus sit amet erat. Nulla ut

enim. Nullam tempus enim eget lacus. Nulla a nibh eu enim bibendum bibendum. Nunc justo.

Vivamus sagittis sollicitudin lacus. Duis lacinia nisi et lectus. Etiam ac felis et est

sagittis aliquam. Duis vitae nulla. Nam sed nibh. Mauris fermentum sodales nulla. Nam

fringilla. In hac habitasse platea dictumst. Aliquam erat volutpat. Fusce consectetuer.



[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(0)

相关推荐

  • 易语言更改编辑框中文字颜色的方法

    文本颜色属性 所属对象:编辑框  操作系统支持:Windows 数据类型:整数型: 例程 说明 本属性用于更改和获取编辑框中文字的颜色. 运行结果: 总结 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对我们的支持.如果你想了解更多相关内容请查看下面相关链接

  • 易语言更改编辑框内文字字体的介绍

    字体属性 所属对象:编辑框  操作系统支持:Windows 数据类型:字体: 例程 说明 本属性用于更改编辑框内文字的字体. 运行结果: 总结 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对我们的支持.如果你想了解更多相关内容请查看下面相关链接

  • 易语言设置编辑框中文字对齐方式的方法

    对齐方式属性 所属对象:编辑框  操作系统支持:Windows 数据类型:整数型: 可供选择的属性值: 0.左对齐 1.居中 2.右对齐 例程 说明 通过本属性可以设置编辑框中文字的对齐方式. 运行结果: 总结 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对我们的支持.如果你想了解更多相关内容请查看下面相关链接

  • 不用ajax实现点击文字即可编辑的方法

    刚接触creatElement ,appendChild 等东东!呵呵! 写了这个东西,可能在高手看来,非常的稚嫩!不过完全自己写的! 还没有完善,请大侠指导!! 看代码 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML>  <HEAD>   <TITLE> New Document </TITLE>   <st

  • 实时编辑网页网页文字实时编辑,如同TEXTBOX一般

    body{ font-family: verdana; font-size: .9em; } input, textarea, pre{ font-family: verdana; font-size: inherit; font-family: inherit; } label{ width: 110px; } #userName, #userName_field{ font-size: 14px; } #cityName, #cityName_field{ font-size: 14px;

  • 极酷的javascirpt,让你随意编辑任何网页

    javascript 的编程有时会非常有趣,其情形可以参考我们的煎蛋大师傅 sein 在偶然得知了一个 javascript 秘籍后的兴奋癫狂状(下面的留言更值得一看),现在有人挖掘出了一个蛮酷的技巧,只要打开一个网站,然后在地址栏内打入: 复制代码 代码如下: javascript:document.body.contentEditable='true'; document.designMode='on'; void(0) 请将其中的全角符号改为半角,回车,OK,你就可以随意编辑这个这个页面了

  • jquery实现点击文字可编辑并修改保存至数据库

    这个方法网上可以查到很多,但是好多只有点击文字编辑并保持,但是没有完整的代码写怎么保存到数据库.因为本人才疏学浅,费啦好长时间才写好把修改的内容只用一条sql语句保存到数据库,今天在这里和大家分享 这是运行图片  这是前台页面 03.aspx页面 复制代码 代码如下: <table id="MyTable" cellspacing="1" cellpadding="3"> <asp:Repeater ID="reord

  • CSS编辑工具Topstyle轻松打造网页风格

    本文特意为你找来了一款CSS编辑利器--Topstyle,利用它你能轻松做出更有风格的网页来! 精彩.漂亮是每一个设计者在制作网页时的不懈追求,而网页的精彩几乎都离不开CSS的强力"支撑":CSS是一种为超文本标签语言提供增强补充服务的技 术,可对每一个html的标签做精雕细刻的修饰.活用CSS,将会使网页更加生动活泼.不过,普通的网页编辑工具在CSS方面,表现难能让人满意:为了充 分发挥CSS潜能,设计出更加美丽的网页. 最新版本:3.11 文件大小:3836KB 软件性质:共享 使

  • 网页颜色搭配技巧 文字字体、字号、字体排版等

    对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景,但是,浏览一下大型的商业网站,你会发现他们更多运用的是白色.蓝色.黄色等,使得网页显得典雅,大方和温馨.更重要的是,这样可以大大加快浏览者打开网页的速度. 一般来说,网页的背景色应该柔和一些.素一些.淡一些,再配上深色的文字,使人看起来自然.舒畅.而为了追求醒目的视觉效果,可以为标题使用较深的颜 色.下面是我做网页和浏览别人的网页时,对网页背景色和文字色彩搭配积累的经验,这些颜色可以做正文的底色,也可以做标题的底色,再搭配不同的

  • JS实现让访问者自助选择网页文字颜色的方法

    本文实例讲述了JS实现让访问者自助选择网页文字颜色的方法.分享给大家供大家参考.具体实现方法如下: <html> <head> <title>JS实现让访问者自助选择网页的文字颜色</title> <script language="javascript"> <!-- function chColor(c){ document.body.style.color = c; } //--> </script>

随机推荐