CSS/JS hover popup

[iceangel89]

how can i do something like a HTML title attribute popup like in the attached image, with HTML formatting like bolding etc.

 

when i view the source of the page,

 

<a href="WorkOrder.do?woMode=viewWO&woID=3447&" id="tooltip" title="<b>Request ID :</b> 3447 <br><b>Category :</b> - <br><b>Subject :</b> test <br><b>Description :</b> test <br>"> 
test
</a>

 

but when i try putting <b> in my own page, it outputs them "<b> etc... with the HTML tags seen how did the site do it?

http://demo.servicedeskplus.com/WOListView.do

 

[attachment deleted by admin]

[rhodesa]

no, you will need to use JS for that

 

check out something like: http://extjs.com/deploy/dev/examples/simple-widgets/qtips.html

 

in my opinion though, they aren't worth it....

[iceangel89]

in my opinion though, they aren't worth it....

 

i feel that it looks nice and its user friendly actually, for eg for showing more data or some tool tips/descriptions that would otherwise spoil the look of the site as its too long to display.

 

but judging on the JS needed, dont quite get how i can use it, maybe i'll try something else... u know how the JS can be used?

[rhodesa]

i didn't see your attached image when i posted last. in your case, i can see the usefulness.

 

the site a posted before should do the trick...here is another example though: http://www.dhtmlgoodies.com/scripts/ajax-tooltip/ajax-tooltip.html

[s_ff_da_b_ff]

if your using JS mixed in with html and css all on one page how do you save the file when your done? .html? .css? or .js?

[unsider]

Save it as .HTML

 

It should work if you're using <script> tags correctly.