cancel
Showing results for 
Search instead for 
Did you mean: 

Trouble with OVERLIB (JScript) and HTMLB

Former Member
0 Kudos
183

Hello,

I want to use overlib (overLIB is a JavaScript library created to enhance websites with small popup information boxes (like tooltips) to help visitors around your website -> http://www.bosrup.com/web/overlib/ ) in my BSP application built up with HTMLB.

But the overlib java script doesn´t work with HTMLB but it works well with simple HTML.

Coding HTML:



+





<a href="javascript:void(0);" onmouseover="return overlib('put OTR here', STICKY, MOUSEOFF, BGCOLOR, '#000000');" onmouseout="return nd();"> !|CL_BSP_MIMES=|src=!SAP_ICON( id = 'ICON_INFORMATION' ) %>"> </a>

<a href="javascript:void(0);" onmouseover="return overlib('put OTR here', STICKY, MOUSEOFF, BGCOLOR, '#000000');" onmouseout="return nd();"> !|CL_BSP_MIMES=|src=!SAP_ICON( id = 'ICON_INFORMATION' ) %>"> </a>

</htmlb:form>

</htmlb:page>

</htmlb:content>+

With HTMLB nothing happened. Does anybody has experiences with overlib and HTMLB or does anybody show me an error in the coding?

Thanks a lot.

cheeers,

André

Accepted Solutions (0)

Answers (1)

Answers (1)

Former Member
0 Kudos

Solved with:

<%@page language="abap"%>

<%@extension name="htmlb" prefix="htmlb"%>

<htmlb:content>

<htmlb:document>

<htmlb:documentHead title = "My Title">

<htmlb:headInclude/>

<script language="JavaScript" type="text/javascript">

</script>

<script type="text/javascript" src="overlib/overlib.js"><!-- overLIB (c) Erik Bosrup --></script>

</htmlb:documentHead>

<htmlb:documentBody>

<a href="javascript:void(0);" onmouseover="return overlib('put OTR here', STICKY, MOUSEOFF, BGCOLOR, '#000000');"

onmouseout="return nd();"> <img src="<%= CL_BSP_MIMES=>SAP_ICON( id = 'ICON_INFORMATION' ) %>"> </a>

</htmlb:documentBody>

</htmlb:document>

</htmlb:content>

eddy_declercq
Active Contributor
0 Kudos

Andre,

Just a remark.

I see you forgot the

<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>

just after the body.

Eddy