Bloggeh.com » Javascript http://www.bloggeh.com Bits and pieces Thu, 03 Feb 2011 04:01:20 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 CrossSlide – A jQuery plugin to create pan and cross-fade animations http://www.bloggeh.com/2008/10/16/crossslide-a-jquery-plugin-to-create-pan-and-cross-fade-animations/ http://www.bloggeh.com/2008/10/16/crossslide-a-jquery-plugin-to-create-pan-and-cross-fade-animations/#comments Wed, 15 Oct 2008 22:46:50 +0000 Dave http://www.bloggeh.com/2008/10/16/crossslide-a-jquery-plugin-to-create-pan-and-cross-fade-animations/ http://www.gruppo4.com/~tobia/cross-slide.shtml

]]> http://www.bloggeh.com/2008/10/16/crossslide-a-jquery-plugin-to-create-pan-and-cross-fade-animations/feed/ 0 Extremely Simple In-textbox Help Text http://www.bloggeh.com/2008/05/23/extremely-simple-in-textbox-help-text/ http://www.bloggeh.com/2008/05/23/extremely-simple-in-textbox-help-text/#comments Fri, 23 May 2008 05:15:18 +0000 Dave http://www.bloggeh.com/2008/05/23/extremely-simple-in-textbox-help-text/ Cool script which displays ‘help text’ in a text box until it’s selected, then it disappears and allows the user to input text. It’s simple and just a few lines of javascript!

Javascript:
function clearText(field){
if (field.defaultValue == field.value) field.value = ”;
else if (field.value == ”) field.value = field.defaultValue;
}
Textbox input:
<input name=“s” type=“text” maxlength=“106″ id=“icePage_SearchBoxTop_qkw” class=“wsSearchBoxInputCommon wsSearchBoxInput” value=“Enter suburb name here, eg: hawthorn” onFocus=“clearText(this)” onBlur=“clearText(this)”/>

]]> http://www.bloggeh.com/2008/05/23/extremely-simple-in-textbox-help-text/feed/ 0 Calendar Popups (javascript) http://www.bloggeh.com/2008/04/04/calendar-popups-javascript/ http://www.bloggeh.com/2008/04/04/calendar-popups-javascript/#comments Thu, 03 Apr 2008 14:27:49 +0000 Dave http://www.bloggeh.com/2008/04/04/calendar-popups-javascript/ http://www.mattkruse.com/javascript/calendarpopup/index.html

]]> http://www.bloggeh.com/2008/04/04/calendar-popups-javascript/feed/ 0 HighSlide JS – Image Enlarger/Ajax Popup http://www.bloggeh.com/2008/01/21/highslide-js-image-enlargerajax-popup/ http://www.bloggeh.com/2008/01/21/highslide-js-image-enlargerajax-popup/#comments Sun, 20 Jan 2008 22:41:57 +0000 Dave http://www.bloggeh.com/2008/01/21/highslide-js-image-enlargerajax-popup/ Official Site: http://vikjavev.no/highslide/

.NET variation:? http://encosia.com/downloads/highslide-js-net/

]]> http://www.bloggeh.com/2008/01/21/highslide-js-image-enlargerajax-popup/feed/ 0 GreyBox (A lightbox alternative) http://www.bloggeh.com/2008/01/10/greybox-a-lightbox-alternative/ http://www.bloggeh.com/2008/01/10/greybox-a-lightbox-alternative/#comments Wed, 09 Jan 2008 15:10:46 +0000 Dave http://www.bloggeh.com/2008/01/10/greybox-a-lightbox-alternative/ A good lightbox alternative, extremely lightweight (22kb!)

http://www.orangoo.com/labs/GreyBox/

There are issues with flash overlapping the greybox in Firefox 2+.? After hours of playing around I came up with the solution below:

1. Add wmode=”opaque” to the embed tag

2. Add the paramater: param name=”wmode” value=”opaque”

3. Put the flash content in a div, and set the z-index of that div to 2.

4. Place the content you are wanting to display in the greybox also in a div, with a z-index of 1.

Presto!

]]> http://www.bloggeh.com/2008/01/10/greybox-a-lightbox-alternative/feed/ 0 Javascript Text Scrollers/Faders http://www.bloggeh.com/2008/01/09/javascript-text-scrollersfaders/ http://www.bloggeh.com/2008/01/09/javascript-text-scrollersfaders/#comments Wed, 09 Jan 2008 05:33:58 +0000 Dave http://www.bloggeh.com/2008/01/09/javascript-text-scrollersfaders/ Good Up-down Scroller:
http://www.dynamicdrive.com/dynamicindex2/crosstick.htm

Fading text

http://www.javascriptkit.com/dhtmltutors/fadingtext.shtml

Typing box
http://www.datacreek.net/webgear/javascript/msgbox.html

]]> http://www.bloggeh.com/2008/01/09/javascript-text-scrollersfaders/feed/ 0