Learn how to use jQuery at the Blog

Tao Effect « visit

  • Added 11 months ago
  • 137 Lines of Code shown
  • 1 Links of Interest
http://taoeffect.com
This is my Source Code and I don't want to show it here
View Source Code only (as overlay)
// That code snippet belongs to Tao Effect - http://taoeffect.com

function fetch(resultID, formID, scriptURL) {
	$(resultID).removeClass().html('');
	$.ajax({
		url: scriptURL, type: "POST",
		data: $(formID).serialize(),
		complete: function (xmlreq, textStatus) {
			if ( xmlreq.status != 200 ) {
				$(resultID).addClass('error').html('ERROR: ' + xmlreq.responseText);
				return;
			}
			$(resultID).addClass('success').html(xmlreq.responseText);
		}
	});
}

$(document).ready(
	function() {  
		$('#imageList_1 a').fancybox({
			'hideOnContentClick': true,
		});
		/*
		$("a#custom_3").fancybox({
			'zoomSpeedIn': 0,
			'zoomSpeedOut': 0
		});
		*/
		$('.input_wrapper input').focus(function() {
			$(this).parent().addClass("active");
		});
		
		$('.input_wrapper input').blur(function() {
			$(this).parent().removeClass("active");
		});
		
		$('.textarea_wrapper textarea').focus(function() {
			$(this).parent().addClass("active");
		});
		
		$('.textarea_wrapper textarea').blur(function() {
			$(this).parent().removeClass("active");
		});
		
		// Function for controlling tooltip popup on Espionage page.
		$(function() {
			$('.popup_wrapper').each(
				function() {
					// options
					var distance = 30;
					var time = 250;
					var hideDelay = 600;
					
					var hideDelayTimer = null;
					
					// tracker
					var beingShown = false;
					var shown = false;
					
					var trigger = $('.trigger', this);
					var popup = $('.popup', this).css('opacity', 0);
			
					// set the mouseover and mouseout on both element
					$([trigger.get(0), popup.get(0)]).mouseover(
						function() {					
							// stops the hide event if we move from the trigger to the popup element
							if (hideDelayTimer) clearTimeout(hideDelayTimer);
			
							// don't trigger the animation again if we're being shown, or already visible
							if (beingShown || shown) {
								return;
							} else {
								beingShown = true;
							
								// reset position of popup box
								popup.css({
									top: 90,
									left: 538,
									display: 'block' // brings the popup back in to view
								})
						
								// (we're using chaining on the popup) now animate it's opacity and position
								.animate({
										top: '-=' + distance + 'px',
										opacity: 1
									},
									time,
									'swing',
									function() {
										// once the animation is complete, set the tracker variables
										beingShown = false;
										shown = true;
									}
								);
							}
						}
					).mouseout(
						function() {
							// reset the timer if we get fired again - avoids double animations
							if(hideDelayTimer) clearTimeout(hideDelayTimer);
							
							// store the timer so that it can be cleared in the mouseover if required
							hideDelayTimer = setTimeout(
								function() {
									hideDelayTimer = null;
									popup.animate({
											top: '-=' + distance + 'px',
											opacity: 0
										},
										time,
										'swing',
										function() {
											// once the animate is complete, set the tracker variables
											shown = false;
											// hide the popup entirely after the effect (opacity alone doesn't do the job)
											popup.css('display', 'none');
										}
									);
								},
								hideDelay
							);
						}
					);
				}
			);
		});

	}
);


function InsertSampleMovie(videoURL, width, height) {
	document.write('<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="' + width + '" height="' + height + '" class="video">\n');
	document.write('<param name="' + videoURL + '" value="URL">\n');
	document.write('<param name="autoplay" value="true">\n');
	document.write('<param name="controller" value="true">\n');
	document.write('<embed src="' + videoURL + '" width="' + width + '" height="' + height + '" autoplay="true" controller="true" pluginspace="http://www.apple.com/quicktime/download/"></embed>\n');
	document.write('</object>\n');
}