代码之家 › 专栏 › 技术社区 › volvox

带有richfaces a4j的css翻转效果:commandbutton

richfaces css

volvox · 技术社区 · 14 年前

我还没有看到一个有用的、权威的Web资源,它说明了如何在 a4j:commandButton RichFaces JSF内容中的元素。

我发现了大量的CSS资源,但是当它们开始谈论HTML时,我开始想知道在最近的Web技术中,什么是等价的。

基本上,我希望我的按钮在悬停和点击时看起来不同。我想使用图像,但是客户端JS超出了这个Q的范围。

米

1 回复 | 直到 14 年前

volvox 14 年前

使用下面的示例中的以下属性 a4j:commandButton ( have a look at the full list (V3.3.1.GA):

<a4j:commandButton value="Submit" styleClass="ctlBtn"
                                    id="myCtlBtn" type="submit" style="margin-bottom: 5px;"
                                    reRender="allMyOtherplaces"
                                    onmouseover="this.className='ctlBtn btnHover'"
                                    onmousedown="this.className='ctlBtn btnDown'"
                                    onmouseup="this.className='ctlBtn'"
                                    onmouseout="this.className='ctlBtn'"
                                    onclick="this.className='ctlBtn btnDown'"
                                    oncomplete="this.className='ctlBtn'" />

并创建类 ctlBtn , btnHover 和 btnDown 在包含的.css文件中。

推荐文章

Vinay G B · RichFaces排序图标

9 年前

WheelPot · 如何将<aj:ajax>与<f:selectItems>一起使用

9 年前

W vd L · richface组件的延迟加载

10 年前

W vd L · RichFaces热键不适合我

10 年前

Arturo Volpe · 渲染丰富:extendedDataTable

10 年前

Apokralipsa · 动态渲染弹出面板上的Rich:commandLink和Rich:commandButton在IE 8中不起作用

10 年前

code_pretty · JSF 2.0和Richfaces配置

11 年前

user1006641 · 在同一视图中使用多个rich:orderinglist,其中一些隐藏了按钮(richfaces 4)

11 年前

Saurabhcdt · 如何将对oncomplete事件的支持添加到富:comboBox

11 年前

Gilbert V · 有条件地呈现<ui:include>

11 年前