JavaScript Info Pane
I have developed a JavaScript windows type window pane mostly just to see if I could do it but it has turned out quite nicely. I don't know if it will ever become of much use but I have learnt a few things in the process of building it.
To use it you just need to include the css and js files on your page. Then all you need to do is create the HTML window and call the OpenPane() function. View this page source to view how to set it up.
The only variables you need to pass into the OpenPane() function are;
- The event from which it was called.
- The width of the window, all text will wrap around this width.
- The id of the info pane (so you can have more than one on a page.)
Click here to show an example. You can drag the window around, minimize it or close it. Download the source.
Tested to work in the following browsers;
- IE 7
- FireFox 2.0.0.2
- Opera 9.02
Known Bugs: In some browsers when dragging the window around the mouse highlights text underneath the window. This makes sense but it's annoying, I have no plans to fix it.