Support Forums

spaceboy · 09-05-2007, 02:01 PM

Could anyone briefly explain how to add "?" icons beside certain input fields that when enduser rollover them they help explain things in a pop-up type window... link how its currently done in many fields in the 68c admin area?

***Eric Barnes*** · 09-05-2007, 02:33 PM

Sure I can try and explain it.

First open the layout.tpl.php template file and add this to the head:

Code:

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

Next right under the <body> tag add:

Code:

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

And finally add this where you want it to display:

Code:

<a href="javascript:void(0);" onmouseover="return overlib('My popup text.')" onmouseout="return nd();"> <img src="images/help.png" border="0" /></a>

Lhotch · 09-05-2007, 02:34 PM

Quote:

Originally Posted by spaceboy

Could anyone briefly explain how to add "?" icons beside certain input fields that when enduser rollover them they help explain things in a pop-up type window... link how its currently done in many fields in the 68c admin area?

Just look at the templates for admin and ad the same javascript to your regular templates.

09-05-2007, 02:01 PM	#1
spaceboy Senior Member Join Date: Aug 2006 Posts: 129 Rep Power: 15	How to add "?" help rollovers? Could anyone briefly explain how to add "?" icons beside certain input fields that when enduser rollover them they help explain things in a pop-up type window... link how its currently done in many fields in the 68c admin area? __________________ Lindsay developer v3.1.5 and v4 abletrader.com

09-05-2007, 02:33 PM	#2
*Eric Barnes* 68 Classifieds Staff Join Date: Mar 2006 Location: Belmont, NC Posts: 5,113 Rep Power: 118	Sure I can try and explain it. First open the layout.tpl.php template file and add this to the head: Code: <script type="text/javascript" src="javascript/overlib/overlib.js"><!-- overLIB (c) Erik Bosrup --></script> Next right under the <body> tag add: Code: <div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div> And finally add this where you want it to display: Code: <a href="javascript:void(0);" onmouseover="return overlib('My popup text.')" onmouseout="return nd();"> <img src="images/help.png" border="0" /></a> __________________ Eric Barnes 68 Classifieds Developer Please do not send me a private message asking for support. Instead use these open forums or our ticket system. Customer Area \| Issue Tracker \| Documentation \| 68C Mods \| Submit a Ticket \| 68 @ Twitter \| My Modules

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode