javascript question

[magicosta]

Hi,

In my registration user page (userjoin.php), when the mouse goes over the picture ( which is a question mark), I would like a text to come up as it is set up for example in admin/settingsimages.php.

So, I have added the following code:

<a href="javascript:void(0);" onmouseover="return overlib
('{$smarty.const.LANG_VERIFY}')"onmouseout="return nd();"><img
src="templates/default/images/help.png" /></a>

The picture shows up but there is no text which comme up when the mouse goes over the picture!! It will be too simple!!

I have tryed all the day long and I am a bit !!

Thank you for your help

(v4.1.2 developper default template)

[Eric Barnes]

It takes a few more steps.

You need to add this to the header:
<script type="text/javascript" src="javascript/overlib/overlib.js"><!-- overLIB (c) Erik Bosrup --></script>
Then just below your opening body tag:
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>

After adding those it should work.

[magicosta]

Thank you for your quick reply.

You know what....It's working!!! Fantastic!! Thank you very much.

For sure, I was not able at all to find out alone that code!! Thanks a lot. Now I will try to understand it!

Thank again

[magicosta]

hi,

In fact, i just need something else!

In my code <a href="javascript:void(0);" onmouseover="return overlib('{$smarty.const."text"}')" onmouseout="return nd();"><img src="templates/default/images/help.png" /></a>

How do I do to put the text which will come up when the mouse goes over the picture.. I thought just to add in english.php something like:

define('LANG_SCHOOL_CHILDREN, School(s) college(s) or university(ies) where your children are registered');

and put LANG_SCHOOL_CHILDREN to replace "text" in the code above but it doesn't work!

[Eric Barnes]

I would probably just add it in manually instead of using the language file:

<a href="javascript:void(0);" onmouseover="return overlib('This is my message.')" onmouseout="return nd();"><img  
src="templates/default/images/help.png" /></a>

That should work and if you want to use an apostraphe put a backslash in front:

<a href="javascript:void(0);" onmouseover="return overlib('This is a message from Johnny\'s computer.')" onmouseout="return nd();"><img  
 src="templates/default/images/help.png" /></a>

[magicosta]

Ok, it's working.Thank you very much

By the way, where I do I have to go now to modify the background, the text color or things I would like to modify in the presentation of that frame which come up when the mouse goes over the picture.

[magicosta]

Ok, I found out the solution.

Everything is explained in overLIB documentation (overLIB - Documentation)