javascript - 使用 Servoy 翻转图像媒体

Question

我正在尝试在 Servoy 中编写翻转图像媒体。有人可以帮我解决语法问题吗？我无法使用设计编辑器，因为表单是在代码中构建的。

如果此代码显示图像:

globals.AddButton(v_form,v_action,10,'addRecord.png','Add New Record');

如何修改它以在鼠标悬停时显示“addRecord_ro.png”？

提前致谢

Answer 1

您可以使用 WebClientUtils 将 CSS 样式表添加到您的应用程序:

plugins.WebClientUtils.addCssReference('http://yourserver.com/css/yourstyle.css')

在该样式表中创建一个 css 类，内容如下:

.my-button:hover { background-image: url(myImage_folder/myImage.png); }

然后当显示表单时，将 my-button 样式分配给您的按钮:

plugins.WebClientUtils.setExtraCssClass(elements.btn_find, 'my-button');

注意:您只能在Web 客户端中执行此操作，因为智能客户端不支持 :hover 事件。

引用文献:

https://servoy.com/forum/viewtopic.php?f=3&t=19403 - 更改 Servoy 中 :hover 按钮的背景颜色

https://www.servoy.com/forum/viewtopic.php?f=22&t=14338&p=75767&hilit=image+file+relative+path - 在 Servoy 中使用 CSS 翻转图像的相对路径