View Full Version : newbie question on hint script

10-27-2006, 05:28 AM
1) Script Title: showhint

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex16/showhint.htm

3) Describe problem:

Hi there, I am trying to implement this script to my site and to product a yellow box show up by changing the script to

showhint('<IFRAME SRC='http://www.google.com'></iframe>', this, event, '150px')


showhint('Please choose a username. Should consist of alphanumeric characters only.')

But it is not working for some reasons.

Any idea?

10-27-2006, 06:12 AM
Even if that worked, it wouldn't show a yellow box, it would show an iframe with Google's home page in it. The iframe might be very small though or, perhaps take over the page.

If all you want is a yellow box, don't change this:

showhint('Please choose a username. Should consist of alphanumeric characters only.')

Change this:

background-color: lightyellow;


background-color: yellow;

10-27-2006, 06:16 AM
Thanks for your reply.

Bascially what I want is a script that will open a new window(and the content of that window will show www.google.com [not the link but the viewable page]) that when the mouse point to the link (without clicking).

And when the user move their mouse somewhere else, that box (or window) will disappear.

How could I change this code to meet the above requirement??

Thx for your reply again

10-27-2006, 06:37 AM
You don't really need that script for that, try out this page:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
return false;
<p>Mouse over the text below that says "See Google".</p><br>&nbsp;<br>
<span style="cursor:pointer;" onmouseover="document.getElementById('goog').style.display='inline';document.getElementById('gframe').src='http://www.google.com';" onmouseout="document.getElementById('gframe').src='about:blank';document.getElementById('goog').style.display='none';">[See Google]</span><span id="goog" style="position:relative;display:none;"><iframe id="gframe" src="about:blank" style="position:absolute;top:0;left:0;" width="450" height="350" scrolling="no" frameborder="0">If you see this - Gee you've got an old browser!</iframe></span>