-
FEATURED COMPONENTS
First time here? Check out the FAQ!
Hi,
I have a default cursor pointer but i want it to change to hand icon when user is hovering on the area i created. How can i achieve that using style. I am attaching my zul file and java code. I want to achieve that cursor change from the java side. Any help please?
java side:
Area a = new Area();
String coordsmain= (xcord-2)+ ", "+(ycord)+", "+(xcord-2+130)+", "+(stringHeight+5);
a.setCoords(coordsmain);
String tooltip=name.replace(" ", "")+".tooltip";
String tooltipInfo = WAMessages.getMsg(tooltip);
a.setTooltiptext(tooltipInfo);
zul file:
<zk> <style> .my-imagemap a { cursor: default } .my-area a { cursor: hand } </style>
<div id="EDM_GRAPH" width="%100" style="overflow:auto"
apply="com.rochade.ps.csx.EdmGraphComposer" visible="true" sclass="my-imagemap">
<hbox style="padding: 10px" width="100%">
<imagemap id="imageEdm" width="1800x">
</imagemap>
</hbox>
</div>
</zk>
i cant change it too, we need help here ! :)
You can try
<style>
.my-imagemap .z-imagemap img,
.my-imagemap .z-imagemap .z-area {
cursor: crosshair;
}
.my-imagemap .z-imagemap .z-area {
display: block;
}
</style>
Asked: 2014-09-11 21:30:34 +0800
Seen: 23 times
Last updated: Sep 19 '14