Javascript –– Walter Zorn's tooltips
written by: admin
written by: admin
Date Written: 8/11/08 Last Updated: 2/26/12
Some scripts are better to just download as opposed to writing it myself. This one is quite exceptional. Just mouseover the link below and an image will pop up
I credit this wonderful program to a mister Walter Zorn. The final version is 5.31. Changelog
NOTE: The author died in 2009. The official page was republished by his family.
Related thread 1
Related thread 2
Related thread 1
Related thread 2
Usage
Using:<a href="http://www.animeviews.com/images/ghostintheshell2innoncence.jpeg" onmouseover="Tip('<img src=\'/images/ghostintheshell2innoncence.jpeg\' width=\'60\'>')" onmouseout="UnTip()">Image</a>
I created: Image
Below is an example of using the tooltip to preview a page.
Website preview
I wonder if the creator of this code considered using his code this way
Here is the format I used:<span style=\"color:turquoise;\" onmouseover="Tip('<IFRAME SRC=\'http://www.animeviews.com\' WIDTH=\'450\' HEIGHT=\'450\'>', FIX, [400,500], CLICKCLOSE, true, CLOSEBTN, true)">Website preview</span>
test
<span onmouseover="Tip('Some text', BGCOLOR, '#D3E3F6', FADEOUT, 300)" onmouseout="UnTip()">test</span>
Problems noticed:
- The following CSS code can disable the javascript:
padding-top:180px;the tool tip seems to also need to be preceeded by a <br> tag as well in order to break this javascript.
margin-top:-180px;
- While the above code works I did notice that the IFRAME did not load the page when viewed on http://www.animeviews.com. It may have something to do with the fact that the url was the same as the one it was located on and since both files are actually located at http://www.animeviews.com/index.php as opposed to http://www.animeviews.com the page would not load. Either way the problem was fixed when I changed the tooltip url to http://www.animeviews.com/index.php?.
TAGS: website, javascript