Alex Mauzon

Yellow-fade technique for dummies Continue reading »

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.

full article


/**
* 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

Do you have the field for numbers only?

My special JS function has been created to restrict the typing by regExp pattern:

JavaScript:


var isIE4up = (document.all) ? 1 : 0;
var isIE5 = (isIE4up && navigator.appVersion.indexOf("MSIE 5") != -1) ? 1 : 0;
var isIE6 = (isIE4up && navigator.appVersion.indexOf("MSIE 6") != -1) ? 1 : 0;

function keyFilter(e, strPattern) {
// (c) Mauzon 
  var chr = (isIE4up || isIE6 || isIE6)?e.keyCode:e.which;
  var ch = String.fromCharCode(chr);
    if (chr != 13 && chr !=  8 ) {
    var re = new RegExp(strPattern);
    if (ch.search(re) == -1) {
      if(isIE4up || isIE6 || isIE6){
       e.returnValue = false;
      }else{
       e.preventDefault();
      }
    }
  }
}

(x)HTML:


<input type="text" onkeypress="keyFilterA(event,'[0-9]')" /> lets visitor to add Integers only;
<input type="text" onkeypress="keyFilterA(event,'[0-9\.\,]')" /> numbers with decimal delimiter;
<input type="text" onkeypress="keyFilterA(event,'[a-zA-Z]')" /> letters;


PS. Special thanks for Anton Zinevic aka Buka 4 help

Full article

The Mouseover DOM Inspector, or MODI for short, is a favelet (also known as a bookmarklet) that allows you to view and manipulate the DOM of a web page simply by mousing around the document.

javascript:prefFile=”;void( z = document.body.appendChild(document.createElement(’script’))); void(z.language=’javascript’); void(z.type=’text/javascript’); void(z.src=’http://slayeroffice.com/tools/modi/v2.0/modi_v2.0.js’); void(z.id=’modi’);

Browsers currently supported are Firefox, Mozilla, Netscape 8, Opera 7.5+ and MSIE6+ on all of their respective Operating Systems. As of this writing, Safari does not support the sourcing of dynamically created script objects so the application does not work in that browser.

Of course it is better to save js file (http://slayeroffice.com/tools/modi/v2.0/modi_v2.0.js) locally. If author site will be down you can find it here.

FFFans can use colorzilla extension but this bookmarklet (MODI) works on all browsers and looks much better I guess.