Hi all,

I created a simple tool tip script to fulfil a requirement to show an image
as a tool tip. I commit the script to Carbon UI Core bundle. It use YUI
panel to display the tool tip.

This is how you can use it in a carbon ui bundle.

1 - Include following js,css library files which are in the core ui.

<link rel="stylesheet" type="text/css"
href="../yui/build/container/assets/skins/sam/container.css">

<script type="text/javascript"
src="../yui/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript"
src="../yui/build/container/container-min.js"></script>
<script type="text/javascript"
src="../yui/build/element/element-min.js"></script>
<script type="text/javascript" src="../admin/js/widgets.js"></script>


2 - Define the mouseover event listener.

 <a href="#" onmouseover="showTooltip(this,'tool tip text')" />Mouse Over
This Text</a>

thanks,
Chanaka
_______________________________________________
Carbon-dev mailing list
Carbon-dev@wso2.org
http://mail.wso2.org/cgi-bin/mailman/listinfo/carbon-dev

Reply via email to