The subModal works by placing a semi-transparent div over the browser, blocking access to the content below while still providing visibility. This maintains state and doesn’t make someone feel disoriented or lost by moving them completely to another page. Their frame of reference is kept while allowing them to perform a new task (usually closely associated with the content below).
Another div is layered and centered on top of the mask. This div contains an iframe which defaults to a “now loading” page. In my applications I usually place an animated gif inside of this page to make it appear the server is doing something while the user waits.
Finally the iframe’s source is swapped with the page you wish to display. When this page is loaded into the iframe it’s title is swapped with our fake title bar and displayed.
/**
* Whatever:hover - V1.41.050927 - hover & active
* ------------------------------------------------------------
* (c) 2005 - Peter Nederlof
* Peterned - http://www.xs4all.nl/~peterned/
* License - http://creativecommons.org/licenses/LGPL/2.1/
*
* Whatever:hover is free software; you can redistribute it and/or
* modify it under the terms of the GNU Lesser General Public
* License as published by the Free Software Foundation; either
* version 2.1 of the License, or (at your option) any later version.
*
* Whatever:hover is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
* Lesser General Public License for more details.
*
* Credits and thanks to:
* Arnoud Berendsen, Martin Reurings, Robert Hanson
*
* howto: body { behavior:url("csshover.htc"); }
* ------------------------------------------------------------
*/
Really THANKS! It solves SO many problems for hover and active rules.
And free. Unbelievable! 
Of course it is better to use within special IE-only css file (using <!–[if IE]> comment <![endif]–>)
Download: csshover.htc
Very simple.
Just to remind myself:
<ol>
<li value=”3″>three</li>
<li value=”2″>two</li>
<li value=”1″>one</li>
</ol>
- three
- two
- one
Bookmarks for web-designers: a list of useful web-tools from Vitaly Friedman
One of examples:
<object type="application/x-shockwave-flash" data="/lj/flash.swf" width="300" height="100">
<param name="movie" value="/lj/flash.swf"/>
<param name="quality" value="low"/>
Test 3
</object>
Recent Comments