• Photoshop Related
  • Reproducing image noise tutorial
  • Making a 3d looking wavy flag tutorial
  • Make a glassy font tutorial
  • Script to fix texture seams
• 3d Related
  • Fake Global Illumination (Lightwave)
• Web Programming
  • Multipopup UserJavascript For Opera and Firefox
  • fleXcroll, a Cross-Browser Custom Scroll Bar script for all
  • An introduction to javascript animation with example code
  • Image Swapping with no HTML markup
  • Atom Feed ID and RFC3339 time stamp generator
  • Frame / Motion animated menus
• Other
  • Home
  • Contact Page

Multipopup UserJS Version Demonstration Page

All-in-one Tooltip Complement/Replacement With Customizable Styles

updated-31.07.2006: -Multipopup 3.0 released

updated-04.03.2006: -Added development information

Introduction

Multipopup is a User Javascript that lets you customize the way you view title or any other attribute you wish in a stylish way for every site you visit, while letting you decide the delay for the popup. By default, it also lets you view the alt, href, and src of elements, if you press CTRL while hovering the object. It has a no-delay mode which allows you to instantly view title contents once a popup is activated. Multipopup puts you in total control of your tooltips, while giving you the ability to customize to every detail, tho without having you worry about its default settings. It can make both the geek and the casual surfer happy.

Up until version 2.62, I was developing it alone with requests from users (thanks to all the guys at my.opera.com), but lately I had no time to improve Multipopup, so the development has been picked up by two brave men, Rafał 'D.I.Z.' Chłodnicki and Sarfraz 'Stoen' Moujoodh at my.opera.com. I can't thank them enough for their work for Multipopup. Stoen almost recoded Multipopup entirely with DIZ providing imagery and additional programming, and he also gave us the Multipopup configurator widget. I touched the code here and there admiring their work! After all the hard work, we are proud to announce the availability of Multipopup 3.0 User Javascript for Opera.

Live Test

Some examples of customization:
Toggle warp animation ... Switch tooltip side ... Toggle slow warp ... Toggle tooltip CSS

Try toggling variables..

Browser support

Demonstrated version works almost equally well on Opera and Firefox, at least as an on-page script. The script is not compatible with the latest Greasemonkey (latest Firefox only works with latest Greasemonkey, you get the picture). Other browsers may not display styles correctly. (Esp. that one from the multi-billion dollar company fails miserably.) The script is not intended to be used by websites, but by users as a user javascript.

For other browsers, see an old version running at the entry page of hesido.com. That one is more suited to web sites, as it works equally good on all major browsers, and is much more compact.

Download

Version 3.x requires you to also update your preferences file from version 2.x, due to the massive changes in the way we do things with the new version.

Download Multipopup 3.0 (Opera)
Download Multipopup 2.62 (Opera)
Download Multipopup 2.09 (Opera and Firefox<1.5)
Download The Old Script (v1.9 beta10) for Opera

Installation

Opera

• Download and extract the script archive contents to a folder on your harddisk.
• Go to Preferences -> Advanced -> Content -> Javascript Options -> My Javascript Files and show Opera the folder the script resides in.
• You may optionally use the external css in the archive by using it as / appending it to your user.css / browser.css and make it active also for author mode. By default, internal styling is used so this is not necessary.
• Turning off Opera's default tooltips is recommended if you are going to use the auto primary popup.

Firefox

• Make sure you have installed GreaseMonkey. It doesn't work with the latest version, tho.
• Download and extract the script archive contents to a folder on your harddisk.
• Drag and drop the script to Firefox window.
• Right click in window and choose Install User Script...
• If you want to customize Multipopup, you may additionally install external preference and / or skins.
• Turning off FireFox'es default tooltips is recommended if you are going to use the auto primary popup. You need to type in about:config as the address and find toolbar_tips and turn it off.

Features (new in 3.0 bold)

• Plugin support with two types of plugins. Now the power user can program Multipopup to display anything, and use multipopup as their scripts GUI. Here are some of the included plugins:
  • Image Preview plugin: This will create a preview of the image link the users hover when you hover over the link and press control button.
  • Delete Element plugin: Lets you select and delete anything that you want, so you can remove any element that gets in the way of content.
  • Dom viewer: Tool for the power users and the curious, lets you view the dom quailities of an element.
  • Editor: Edit using an editor and save directly to the page, or copy the elements html.
• No more waiting for page to load!
• Support for multiple attributes. Defaults to title, alt, href, src.
• Primary and secondary views for viewing different kinds of attributes.
• Embedded & external styling
• Ability to temporarily turn off tooltips.
• Ability to customize the look and feel of your tooltip popups, from either a UserCSS, or within the script.
• 3 types of reveal animation presets
• Warp between different size tooltips
• Ability to customize the delay of your tooltips
• Nodelay feature between two closely timed tooltips
• Box model agnostic
• Web-sites, if user allows, disable the script. (e.g. This page suppresses user's Multipopup)
• Different tooltips modes with visual notification, activated by tapping the shift key
  • Keep Mode: for attaching the popup to the pointer without the contents of the popup changing, so you can save the popup from situations where its content is obscured.
  • Locked mode: for locking the position of the popup so you can select and copy its contents.
  • Static mode: for keeping the tooltip steady in a place while changing its content

To Do

• After this is tested enough, send it to UserJS.org
• In future fix the problems with the latest firefox and Greasemonkey.

Known issues

• Needs a relatively fast computer to work smoothly: You can disable animation in the script.
• The Tooltip is seen behind Iframes on Opera8.5, but this problem is fixed in Opera9)
• The seperate plugins do not work in Opera8.5
• If you want to use it a total replacement for tooltips, you must turn off your browsers tooltips. You can also have the status bar on just in case (For Opera, at least).

Notes

Thanks to Andrew Gregory for allowing me to distribute his image alt to title script as a multipopup module, although this module is removed in the Multipopup >2.62 .

Please see the discussion about Multipopup UserJS. for tips and you can read about the development too.

Please share your tooltip designs, you can send it to me, and I'll host them on this page.

Webmasters: Disabling the primary auto popups

This will only be used by people who are Multipopup aware, but I felt the need to provide this piece of code for Webmasters who may want to disable the auto viewing of the primary popup. The user would still be able to view the primary and secondary popup views with key combinations. This is a user-friendly approach.

Javascript

if (typeof(mpUSRJS) == "undefined") mpUSRJS = new Array(); 
mpUSRJS.suppress = true;

Webmasters: Disabling the script

This is an info obviously would only get picked up by web authors who like using Multipopup, but for some reason, they may want to disable multipopup completely for their site, so they should add the following to their page as javascript:

Javascript

if (typeof(mpUSRJS) == "undefined") mpUSRJS = new Array(); 
mpUSRJS.doNotRun = true;

Beta Version

Currently there are no beta versions active

History

3.0 (Opera only)

Plugin functionality; Early Initializing; DOM only methods (No more innerHTML); Better screen edge detection; More robust styles that are less likely to break; New mode: static; Compatibility with more types of documents; More readable preferences, and much more we forgot to list during the development.

2.62 (Opera only)

Fixed the problem which caused Multipopup not to work in search MSN, and potentially some other sites which define their own addEventListeners in window scope. Thanks to gwaion@my.Opera for reporting.

Now, the maximum width of the popup can be set right in preferences without touching any CSS. Feature hinted by gwaion

Fixed a utmost wrong explanation in the Multipopup external prefs file, thanks to YtseJam@my.Opera for reporting.

2.60 (Opera only)

Added a new mode to tackle I-frame and Opera zoom problems that caused the popup to be obscured: Introducing: Keep Mode. Thanks to Tamil@my.Opera forums to report the popup obscuring problems when zoomed.

<2.60

History deleted as previous versions became obsolete.

Download and Related Links

Download Multipopup 3.0 (Opera)
Download Multipopup 2.62 (Opera)
Download Multipopup 2.09 (Opera and Firefox<1.5)
Download The Old Script (v1.9 beta10) for Opera
Discussion about Multipopup UserJS.
Multipopup Development Blog
Cross Browser Version