kindeditor 如何实现和input的placeholder属性的效果

html-css037

kindeditor 如何实现和input的placeholder属性的效果,第1张

placeholder属性能够让你在文本框里显示提示信息,一旦你在文本框里输入了什么信息,提示信息就会隐藏。你以前可能无数次看到这种效果,但那些大部分是用JavaScript里实现的,而现在,HTML5提供了原生支持,而且效果更好!

HTML代码

复制代码

代码如下:

<input type="text" name="first_name" placeholder="你的姓名..." />

你也看见了,需要做的只是在文本框的声明标签上加入placeholder属性。完全不需要JavaScript来创造这种效果。

检查浏览器是否支持Placeholder属性

因为placeholder是一种新属性,很有必要检查一下你的浏览器是否支持它,比如IE6、IE8肯定是不支持的:

复制代码

代码如下:

function hasPlaceholderSupport() {

var input = document.createElement('input')

return ('placeholder' in input)

}

如果用户的浏览器不支持placeholder特征,你需要借助MooTools, Dojo, 或其它JavaScript工具来实现它:

复制代码

代码如下:

/* mootools ftw! */

var firstNameBox = $('first_name'),

message = fi www.hbbz08.com rstNameBox.get('placeholder')

firstNameBox.addEvents({

focus: function() {

if(firstNameBox.value == message) { searchBox.value = ''}

},

blur: function() {

if(firstNameBox.value == '') { searchBox.value = message}

}

})

用CSS美化placeholder

在进一步研究时我发现了另外一个有趣的CSS功能:CSS美化INPUT placeholder效果。下面让我来用简单的CSS代码美化文本框里的placeholder文字。

CSS代码

火狐浏览器里的用法和谷歌浏览器里不太一样。它们的名称都很好理解:

复制代码

代码如下:

/* all */

::-webkit-input-placeholder { color:#f00}

::-moz-placeholder { color:#f00} /* firefox 19+ */

:-ms-input-placeholder { color:#f00} /* ie */

input:-moz-placeholder { color:#f00}

/* individual: webkit */

#field2::-webkit-input-placeholder { color:#00f}

#field3::-webkit-input-placeholder { color:#090background:lightgreentext-transform:uppercase}

#field4::-webkit-input-placeholder { font-style:italictext-decoration:overlineletter-spacing:3pxcolor:#999}

/* individual: mozilla */

#field2::-moz-placeholder { color:#00f}

#field3::-moz-placeholder { color:#090background:lightgreentext-transform:uppercase}

#field4::-moz-placeholder { font-style:italictext-decoration:overlineletter-spacing:3pxcolor:#999}

我以前学的些~~

改鼠标。

1.请进入风格界面设置里的 当前模板CSS设置(Forum_CSS)

2.在BODY{.........}里面加入一句 CURSOR: url(skins/0081.ani)

1、虚拟形象插件可以安装在打了10月27补丁的论坛里吗?

——>可以。

2、Microsoft VBScript 运行时错误 错误 '800a000d'

类型不匹配: 'ChildNode.attributes.setNamedItem(...).text'

/Dv_Plus/Avatar/Plus_Avatar_Const.asp,行804

——>解决方法:

在Plus_AVatar_Const.asp中找到:

ChildNode.attributes.setNamedItem(XMLDOM.createNode(2, "Content", "")).Text = Rs(2)

改为:

If IsNull(Rs(2)) Then

Select Case ElementType

Case 0

ChildNode.attributes.setNamedItem(XMLDOM.createNode(2, "Content", "")).Text = "1"

Case 1

ChildNode.attributes.setNamedItem(XMLDOM.createNode(2, "Content", "")).Text = "2"

Case 2

ChildNode.attributes.setNamedItem(XMLDOM.createNode(2, "Content", "")).Text = "24"

Case 3

ChildNode.attributes.setNamedItem(XMLDOM.createNode(2, "Content", "")).Text = "25"

Case 4

ChildNode.attributes.setNamedItem(XMLDOM.createNode(2, "Content", "")).Text = "22"

End Select

Else

ChildNode.attributes.setNamedItem(XMLDOM.createNode(2, "Content", "")).Text = Rs(2)

End if

3、为什么我的形象不能在帖子个人信息那里显示?

——>一个原因可能是你在购买后没有保存形象,请在购买后点第三个磁盘图标进行保存。另外,有的朋友点第一保存选峡仍然无法显示,需要选第二个使用腾讯的形象保存才能显示。另一个不显示的原因是可能是你装了几个风格,而没有对各个风格的后台模板文件进行相应修改。

4、Microsoft JET Database Engine 错误 '80040e37'

Microsoft Jet 数据库引擎找不到输入表或查询 'Dv_Plus_Avatar_Config'。 确定它是否存在,以及它的名称的拼写是否正确。

/bbs/inc/Dv_ClsMain.asp,行 1321

——>道具中心设置独立。

5、Microsoft VBScript 运行时错误 错误 ’800a01a8’

缺少对象: ’XMLDom’

——>

DispUser.asp文件中改为Call Dispuser_1(SQL)

Dispbbs.asp文件中改为Call Dispbbs_1(XMLDOM)

老庙的原话:

1、dispuser.asp修改的第二项:

应该是

Call dispuser_1(SQL)

不是

Call dispuser_1(XMLDOM)

原来的文档写错了

2、index.asp修改的第二项:

应该是

Call Index_1(XMLDom)

不是

Call Index_1(XMLDom)(全角括号是不对的)

原来的文档写错了

3、dispbbs.asp修改的第二项:

应该是

Call Dispbbs_1(XMLDOM)

不是

Call Dispbbs_1(SQL)

原来的文档写错了

6、

Microsoft VBScript 运行时错误 错误 ’800a01b6’

对象不支持此属性或方法: ’Dvbbs.MyUserInfo’

/inc/plus_check.asp,行66

——>使用老庙压缩包里的plue_check.asp替换inc/plue_check.asp,记得备份。、

7、部分会员无法进入的问题

——>后台基本设置开启独立道具数据库,或者将形象数据库导入到主数据库内

当然,别忘记了开启基本设置里的启用虚拟形象啦。

附录:

演示效果:http://www.hydxs.com (部分版无需注册即可查看演示形象.)

老庙黄金虚拟形象插件:

http://www.shuijingjing.com/Dv_Avatar26SP1.rar

截止到0930下午的形象数据:

http://www.shuijingjing.com/Dv_Avatar0930.rar

如果上面的总结带了你便捷,别忘了回帖,让更多的朋友不再四处寻找解决方法!

无法进入管理看这里

admin/Plus_Avatar_Index.asp

admin/Plus_Avatar_Items.asp

If Not Dvbbs.Master Or InStr("," &Session("Flag") &",", ",38,") = 0

改成

If Not Dvbbs.Master Or InStr("," &Session("Flag") &",", ",36,") = 0

我是这么改就进去了,如果你的不行参考其他管理页面看一下

打开inc/plus_check.asp找到这句:

If Not InStr(UserGroupIDlist,"@"&Dvbbs.UserGroupID&"@")>0 Then

改成:

If Not InStr(UserGroupIDlist,"@"&Dvbbs.UserGroupID&"@")>-1 Then

/////////////////////////////////////////////

这样普通用户就可以进入虚拟形象了!

注:要ACCESS

注:plus_check.asp不要解到论坛目录里

安装方法:将Dv_Plus_Tools.MDB复制到DATA,

修改Conn.asp

找:Db = MyDbPath &"data/Dv_Plus_Tools.mdb" (如果你的数据库文件夹没改名就不用修改)

改:Db = MyDbPath &"你的数据库文件夹/Dv_Plus_Tools.mdb"

后台:道具中心管理 -道具中心设置-

道具中心采用独立数据库

(若设为独立,请自行修改CONN.ASP文件,设置独立数据库路径) 关闭 开启 (选开启)

page_login/template.html(13)

<TR>

<TD class=tablebody1><B>QQ号码</B>:<BR>填写您的QQ号,发贴时可以在贴间显示QQ秀</TD>

<TD class=tablebody1><INPUT maxLength=20 size=30 name=OICQ><font color="#ff0000"><b>*注意:如果假的就不要填啦*</b></font></TD>

</TR>

找到这段代码(我的可能和你的文字不一样,仔细找一下。)剪切或者复制。

放到下面这段代码的 下面

<TR>

<TD class=tablebody1><B>问题答案</B>:<BR>忘记密码的提示问题答案,用于取回论坛密码</TD>

<TD class=tablebody1>

<INPUT type=text size=30 name=answer>

</TD></TR>

我QQ277510231~加分。!