1. Rudy Affandi
  2. Masterfunctions

Commits

Rudy Affandi  committed 3704bc1

Latest changes

  • Participants
  • Parent commits f951d86
  • Branches master

Comments (0)

Files changed (3)

File css/border-radius.htc

View file
+--Do not remove this if you are using--
+Original Author: Remiz Rahnas
+Original Author URL: http://www.htmlremix.com
+Published date: 2008/09/24
+
+Changes by Nick Fetchak:
+- IE8 standards mode compatibility
+- VML elements now positioned behind original box rather than inside of it - should be less prone to breakage
+Published date : 2009/11/18
+
+
+<public:attach event="oncontentready" onevent="oncontentready('v08vnSVo78t4JfjH')" />
+<script type="text/javascript">
+
+// findPos() borrowed from http://www.quirksmode.org/js/findpos.html
+function findPos(obj) {
+	var curleft = curtop = 0;
+
+	if (obj.offsetParent) {
+		do {
+			curleft += obj.offsetLeft;
+			curtop += obj.offsetTop;
+		} while (obj = obj.offsetParent);
+	}
+
+	return({
+		'x': curleft,
+		'y': curtop
+	});
+}
+
+function oncontentready(classID) {
+  if (this.className.match(classID)) { return(false); }
+
+	if (!document.namespaces.v) { document.namespaces.add("v", "urn:schemas-microsoft-com:vml"); }
+
+	this.className = this.className.concat(' ', classID);
+	var arcSize = Math.min(parseInt(this.currentStyle['-moz-border-radius'] ||
+	                                this.currentStyle['-webkit-border-radius'] ||
+	                                this.currentStyle['border-radius'] ||
+	                                this.currentStyle['-khtml-border-radius']) /
+	                       Math.min(this.offsetWidth, this.offsetHeight), 1);
+	var fillColor = this.currentStyle.backgroundColor;
+	var fillSrc = this.currentStyle.backgroundImage.replace(/^url\("(.+)"\)$/, '$1');
+	var strokeColor = this.currentStyle.borderColor;
+	var strokeWeight = parseInt(this.currentStyle.borderWidth);
+	var stroked = 'true';
+	if (isNaN(strokeWeight)) {
+		strokeWeight = 0;
+		strokeColor = fillColor;
+		stroked = 'false';
+	}
+
+	this.style.background = 'transparent';
+	this.style.borderColor = 'transparent';
+
+	// Find which element provides position:relative for the target element (default to BODY)
+	var el = this;
+	var limit = 100, i = 0;
+	while ((typeof(el) != 'unknown') && (el.currentStyle.position != 'relative') && (el.tagName != 'BODY')) {
+		el = el.parentElement;
+		i++;
+		if (i >= limit) { return(false); }
+	}
+	var el_zindex = parseInt(el.currentStyle.zIndex);
+	if (isNaN(el_zindex)) { el_zindex = 0; }
+	//alert('got tag '+ el.tagName +' with pos '+ el.currentStyle.position);
+
+	var rect_size = {
+		'width': this.offsetWidth - strokeWeight,
+		'height': this.offsetHeight - strokeWeight
+	};
+	var el_pos = findPos(el);
+	var this_pos = findPos(this);
+	this_pos.y = this_pos.y + (0.5 * strokeWeight) - el_pos.y;
+	this_pos.x = this_pos.x + (0.5 * strokeWeight) - el_pos.x;
+
+	var rect = document.createElement('v:roundrect');
+	rect.arcsize = arcSize +'px';
+	rect.strokecolor = strokeColor;
+	rect.strokeWeight = strokeWeight +'px';
+	rect.stroked = stroked;
+	rect.style.display = 'block';
+	rect.style.position = 'absolute';
+	rect.style.top = this_pos.y +'px';
+	rect.style.left = this_pos.x +'px';
+	rect.style.width = rect_size.width +'px';
+	rect.style.height = rect_size.height +'px';
+	rect.style.antialias = true;
+	rect.style.zIndex = el_zindex - 1;
+
+	var fill = document.createElement('v:fill');
+	fill.color = fillColor;
+	fill.src = fillSrc;
+	fill.type = 'tile';
+
+	rect.appendChild(fill);
+	el.appendChild(rect);
+
+	var css = el.document.createStyleSheet();
+	css.addRule("v\\:roundrect", "behavior: url(#default#VML)");
+	css.addRule("v\\:fill", "behavior: url(#default#VML)");
+
+	isIE6 = /msie|MSIE 6/.test(navigator.userAgent);
+	// IE6 doesn't support transparent borders, use padding to offset original element
+	if (isIE6 && (strokeWeight > 0)) {
+		this.style.borderStyle = 'none';
+		this.style.paddingTop = parseInt(this.currentStyle.paddingTop || 0) + strokeWeight;
+		this.style.paddingBottom = parseInt(this.currentStyle.paddingBottom || 0) + strokeWeight;
+	}
+
+	if (typeof(window.rounded_elements) == 'undefined') {
+		window.rounded_elements = new Array();
+
+		if (typeof(window.onresize) == 'function') { window.previous_onresize = window.onresize; }
+		window.onresize = window_resize;
+	}
+	this.element.vml = rect;
+	window.rounded_elements.push(this.element);
+}
+
+function window_resize() {
+	if (typeof(window.rounded_elements) == 'undefined') { return(false); }
+
+	for (var i in window.rounded_elements) {
+		var el = window.rounded_elements[i];
+
+		var strokeWeight = parseInt(el.currentStyle.borderWidth);
+		if (isNaN(strokeWeight)) { strokeWeight = 0; }
+
+		var parent_pos = findPos(el.vml.parentNode);
+		var pos = findPos(el);
+		pos.y = pos.y + (0.5 * strokeWeight) - parent_pos.y;
+		pos.x = pos.x + (0.5 * strokeWeight) - parent_pos.x;
+
+		el.vml.style.top = pos.y +'px';
+		el.vml.style.left = pos.x +'px';
+	}
+
+	if (typeof(window.previous_onresize) == 'function') { window.previous_onresize(); }
+}
+</script>
+

File css/ie-css3.htc

View file
+--Do not remove this if you are using--
+Original Author: Remiz Rahnas
+Original Author URL: http://www.htmlremix.com
+Published date: 2008/09/24
+
+Changes by Nick Fetchak:
+- IE8 standards mode compatibility
+- VML elements now positioned behind original box rather than inside of it - should be less prone to breakage
+- Added partial support for 'box-shadow' style
+- Checks for VML support before doing anything
+- Updates VML element size and position via timer and also via window resize event
+- lots of other small things
+Published date : 2010/03/14
+http://fetchak.com/ie-css3
+
+Thanks to TheBrightLines.com (http://www.thebrightlines.com/2009/12/03/using-ies-filter-in-a-cross-browser-way) for enlightening me about the DropShadow filter
+
+<public:attach event="ondocumentready" onevent="ondocumentready('v08vnSVo78t4JfjH')" />
+<script type="text/javascript">
+
+timer_length = 200; // Milliseconds
+border_opacity = false; // Use opacity on borders of rounded-corner elements? Note: This causes antialiasing issues
+
+
+// supportsVml() borrowed from http://stackoverflow.com/questions/654112/how-do-you-detect-support-for-vml-or-svg-in-a-browser
+function supportsVml() {
+	if (typeof supportsVml.supported == "undefined") {
+		var a = document.body.appendChild(document.createElement('div'));
+		a.innerHTML = '<v:shape id="vml_flag1" adj="1" />';
+		var b = a.firstChild;
+		b.style.behavior = "url(#default#VML)";
+		supportsVml.supported = b ? typeof b.adj == "object": true;
+		a.parentNode.removeChild(a);
+	}
+	return supportsVml.supported
+}
+
+
+// findPos() borrowed from http://www.quirksmode.org/js/findpos.html
+function findPos(obj) {
+	var curleft = curtop = 0;
+
+	if (obj.offsetParent) {
+		do {
+			curleft += obj.offsetLeft;
+			curtop += obj.offsetTop;
+		} while (obj = obj.offsetParent);
+	}
+
+	return({
+		'x': curleft,
+		'y': curtop
+	});
+}
+
+function createBoxShadow(element, vml_parent) {
+	var style = element.currentStyle['iecss3-box-shadow'] || element.currentStyle['-moz-box-shadow'] || element.currentStyle['-webkit-box-shadow'] || element.currentStyle['box-shadow'] || '';
+	var match = style.match(/^(\d+)px (\d+)px (\d+)px/);
+	if (!match) { return(false); }
+
+
+	var shadow = document.createElement('v:roundrect');
+	shadow.userAttrs = {
+		'x': parseInt(RegExp.$1 || 0),
+		'y': parseInt(RegExp.$2 || 0),
+		'radius': parseInt(RegExp.$3 || 0) / 2
+	};
+	shadow.position_offset = {
+		'y': (0 - vml_parent.pos_ieCSS3.y - shadow.userAttrs.radius + shadow.userAttrs.y),
+		'x': (0 - vml_parent.pos_ieCSS3.x - shadow.userAttrs.radius + shadow.userAttrs.x)
+	};
+	shadow.size_offset = {
+		'width': 0,
+		'height': 0
+	};
+	shadow.arcsize = element.arcSize +'px';
+	shadow.style.display = 'block';
+	shadow.style.position = 'absolute';
+	shadow.style.top = (element.pos_ieCSS3.y + shadow.position_offset.y) +'px';
+	shadow.style.left = (element.pos_ieCSS3.x + shadow.position_offset.x) +'px';
+	shadow.style.width = element.offsetWidth +'px';
+	shadow.style.height = element.offsetHeight +'px';
+	shadow.style.antialias = true;
+	shadow.className = 'vml_box_shadow';
+	shadow.style.zIndex = element.zIndex - 1;
+	shadow.style.filter = 'progid:DXImageTransform.Microsoft.Blur(pixelRadius='+ shadow.userAttrs.radius +',makeShadow=true,shadowOpacity='+ element.opacity +')';
+
+	element.parentNode.appendChild(shadow);
+	//element.parentNode.insertBefore(shadow, element.element);
+
+	// For window resizing
+	element.vml.push(shadow);
+
+	return(true);
+}
+
+function createBorderRect(element, vml_parent) {
+	if (isNaN(element.borderRadius)) { return(false); }
+
+	element.style.background = 'transparent';
+	element.style.borderColor = 'transparent';
+
+	var rect = document.createElement('v:roundrect');
+	rect.position_offset = {
+		'y': (0.5 * element.strokeWeight) - vml_parent.pos_ieCSS3.y,
+		'x': (0.5 * element.strokeWeight) - vml_parent.pos_ieCSS3.x
+	};
+	rect.size_offset = {
+		'width': 0 - element.strokeWeight,
+		'height': 0 - element.strokeWeight
+	};
+	rect.arcsize = element.arcSize +'px';
+	rect.strokeColor = element.strokeColor;
+	rect.strokeWeight = element.strokeWeight +'px';
+	rect.stroked = element.stroked;
+	rect.className = 'vml_border_radius';
+	rect.style.display = 'block';
+	rect.style.position = 'absolute';
+	rect.style.top = (element.pos_ieCSS3.y + rect.position_offset.y) +'px';
+	rect.style.left = (element.pos_ieCSS3.x + rect.position_offset.x) +'px';
+	rect.style.width = (element.offsetWidth + rect.size_offset.width) +'px';
+	rect.style.height = (element.offsetHeight + rect.size_offset.height) +'px';
+	rect.style.antialias = true;
+	rect.style.zIndex = element.zIndex - 1;
+
+	if (border_opacity && (element.opacity < 1)) {
+		rect.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(Opacity='+ parseFloat(element.opacity * 100) +')';
+	}
+
+	var fill = document.createElement('v:fill');
+	fill.color = element.fillColor;
+	fill.src = element.fillSrc;
+	fill.className = 'vml_border_radius_fill';
+	fill.type = 'tile';
+	fill.opacity = element.opacity;
+
+	// Hack: IE6 doesn't support transparent borders, use padding to offset original element
+	isIE6 = /msie|MSIE 6/.test(navigator.userAgent);
+	if (isIE6 && (element.strokeWeight > 0)) {
+		element.style.borderStyle = 'none';
+		element.style.paddingTop = parseInt(element.currentStyle.paddingTop || 0) + element.strokeWeight;
+		element.style.paddingBottom = parseInt(element.currentStyle.paddingBottom || 0) + element.strokeWeight;
+	}
+
+	rect.appendChild(fill);
+	element.parentNode.appendChild(rect);
+	//element.parentNode.insertBefore(rect, element.element);
+
+	// For window resizing
+	element.vml.push(rect);
+
+	return(true);
+}
+
+function createTextShadow(element, vml_parent) {
+	if (!element.textShadow) { return(false); }
+
+	var match = element.textShadow.match(/^(\d+)px (\d+)px (\d+)px (#?\w+)/);
+	if (!match) { return(false); }
+
+
+	//var shadow = document.createElement('span');
+	var shadow = element.cloneNode(true);
+	var radius = parseInt(RegExp.$3 || 0);
+	shadow.userAttrs = {
+		'x': parseInt(RegExp.$1 || 0) - (radius),
+		'y': parseInt(RegExp.$2 || 0) - (radius),
+		'radius': radius / 2,
+		'color': (RegExp.$4 || '#000')
+	};
+	shadow.position_offset = {
+		'y': (0 - vml_parent.pos_ieCSS3.y + shadow.userAttrs.y),
+		'x': (0 - vml_parent.pos_ieCSS3.x + shadow.userAttrs.x)
+	};
+	shadow.size_offset = {
+		'width': 0,
+		'height': 0
+	};
+	shadow.style.color = shadow.userAttrs.color;
+	shadow.style.position = 'absolute';
+	shadow.style.top = (element.pos_ieCSS3.y + shadow.position_offset.y) +'px';
+	shadow.style.left = (element.pos_ieCSS3.x + shadow.position_offset.x) +'px';
+	shadow.style.antialias = true;
+	shadow.style.behavior = null;
+	shadow.className = 'ieCSS3_text_shadow';
+	shadow.innerHTML = element.innerHTML;
+	// For some reason it only looks right with opacity at 75%
+	shadow.style.filter = '\
+		progid:DXImageTransform.Microsoft.Alpha(Opacity=75)\
+		progid:DXImageTransform.Microsoft.Blur(pixelRadius='+ shadow.userAttrs.radius +',makeShadow=false,shadowOpacity=100)\
+	';
+
+	var clone = element.cloneNode(true);
+	clone.position_offset = {
+		'y': (0 - vml_parent.pos_ieCSS3.y),
+		'x': (0 - vml_parent.pos_ieCSS3.x)
+	};
+	clone.size_offset = {
+		'width': 0,
+		'height': 0
+	};
+	clone.style.behavior = null;
+	clone.style.position = 'absolute';
+	clone.style.top = (element.pos_ieCSS3.y + clone.position_offset.y) +'px';
+	clone.style.left = (element.pos_ieCSS3.x + clone.position_offset.x) +'px';
+	clone.className = 'ieCSS3_text_shadow';
+
+
+	element.parentNode.appendChild(shadow);
+	element.parentNode.appendChild(clone);
+
+	element.style.visibility = 'hidden';
+
+	// For window resizing
+	element.vml.push(clone);
+	element.vml.push(shadow);
+
+	return(true);
+}
+
+function ondocumentready(classID) {
+	if (!supportsVml()) { return(false); }
+
+  if (this.className.match(classID)) { return(false); }
+	this.className = this.className.concat(' ', classID);
+
+	// Add a namespace for VML (IE8 requires it)
+	if (!document.namespaces.v) { document.namespaces.add("v", "urn:schemas-microsoft-com:vml"); }
+
+	// Check to see if we've run once before on this page
+	if (typeof(window.ieCSS3) == 'undefined') {
+		// Create global ieCSS3 object
+		window.ieCSS3 = {
+			'vmlified_elements': new Array(),
+			'update_timer': setInterval(updatePositionAndSize, timer_length)
+		};
+
+		if (typeof(window.onresize) == 'function') { window.ieCSS3.previous_onresize = window.onresize; }
+
+		// Attach window resize event
+		window.onresize = updatePositionAndSize;
+	}
+
+
+	// These attrs are for the script and have no meaning to the browser:
+	this.borderRadius = parseInt(this.currentStyle['iecss3-border-radius'] ||
+	                             this.currentStyle['-moz-border-radius'] ||
+	                             this.currentStyle['-webkit-border-radius'] ||
+	                             this.currentStyle['border-radius'] ||
+	                             this.currentStyle['-khtml-border-radius']);
+	this.arcSize = Math.min(this.borderRadius / Math.min(this.offsetWidth, this.offsetHeight), 1);
+	this.fillColor = this.currentStyle.backgroundColor;
+	this.fillSrc = this.currentStyle.backgroundImage.replace(/^url\("(.+)"\)$/, '$1');
+	this.strokeColor = this.currentStyle.borderColor;
+	this.strokeWeight = parseInt(this.currentStyle.borderWidth);
+	this.stroked = 'true';
+	if (isNaN(this.strokeWeight) || (this.strokeWeight == 0)) {
+		this.strokeWeight = 0;
+		this.strokeColor = fillColor;
+		this.stroked = 'false';
+	}
+	this.opacity = parseFloat(this.currentStyle.opacity || 1);
+	this.textShadow = this.currentStyle['text-shadow'];
+
+	this.element.vml = new Array();
+	this.zIndex = parseInt(this.currentStyle.zIndex);
+	if (isNaN(this.zIndex)) { this.zIndex = 0; }
+
+	// Find which element provides position:relative for the target element (default to BODY)
+	vml_parent = this;
+	var limit = 100, i = 0;
+	do {
+		vml_parent = vml_parent.parentElement;
+		i++;
+		if (i >= limit) { return(false); }
+	} while ((typeof(vml_parent) != 'undefined') && (vml_parent.currentStyle.position != 'relative') && (vml_parent.tagName != 'BODY'));
+
+	vml_parent.pos_ieCSS3 = findPos(vml_parent);
+	this.pos_ieCSS3 = findPos(this);
+
+	var rv1 = createBoxShadow(this, vml_parent);
+	var rv2 = createBorderRect(this, vml_parent);
+	var rv3 = createTextShadow(this, vml_parent);
+	if (rv1 || rv2 || rv3) { window.ieCSS3.vmlified_elements.push(this.element); }
+
+	if (typeof(vml_parent.document.ieCSS3_stylesheet) == 'undefined') {
+		vml_parent.document.ieCSS3_stylesheet = vml_parent.document.createStyleSheet();
+		vml_parent.document.ieCSS3_stylesheet.addRule("v\\:roundrect", "behavior: url(#default#VML)");
+		vml_parent.document.ieCSS3_stylesheet.addRule("v\\:fill", "behavior: url(#default#VML)");
+		// Compatibility with IE7.js
+		vml_parent.document.ieCSS3_stylesheet.ie7 = true;
+	}
+}
+
+function updatePositionAndSize() {
+	if (typeof(window.ieCSS3.vmlified_elements) != 'object') { return(false); }
+
+	for (var i in window.ieCSS3.vmlified_elements) {
+		var el = window.ieCSS3.vmlified_elements[i];
+
+		if (typeof(el.vml) != 'object') { continue; }
+
+		for (var z in el.vml) {
+			//var parent_pos = findPos(el.vml[z].parentNode);
+			var new_pos = findPos(el);
+			new_pos.x = (new_pos.x + el.vml[z].position_offset.x) + 'px';
+			new_pos.y = (new_pos.y + el.vml[z].position_offset.y) + 'px';
+			if (el.vml[z].style.left != new_pos.x) { el.vml[z].style.left = new_pos.x; }
+			if (el.vml[z].style.top != new_pos.y) { el.vml[z].style.top = new_pos.y; }
+
+			var new_size = {
+				'width': parseInt(el.offsetWidth + el.vml[z].size_offset.width),
+				'height': parseInt(el.offsetHeight + el.vml[z].size_offset.height)
+			}
+			if (el.vml[z].offsetWidth != new_size.width) { el.vml[z].style.width = new_size.width +'px'; }
+			if (el.vml[z].offsetHeight != new_size.height) { el.vml[z].style.height = new_size.height +'px'; }
+		}
+	}
+
+	if (event && (event.type == 'resize') && typeof(window.ieCSS3.previous_onresize) == 'function') { window.ieCSS3.previous_onresize(); }
+}
+</script>
+

File masterfunctions.beta.js

View file
 $(document).ready(function(){
 
    // Add ID for each of the main navigation
-   $('#nav > li').each(function(index, element){
+   $('nav > ul > li').each(function(index, element){
       $(element).attr('id', 'n'+index);
    });
 
    // Side navigation 3rd level settings, please set trigger from local functions.js
-   if ($('#aside ul').length > 0){
-      $('#aside ul ul').each(function(index, element){
+   if ($('aside ul').length > 0){
+      $('aside ul ul').each(function(index, element){
          $(element).attr('id', 's'+index).prev().addClass('has_sub');
       });
    } else {
-      $('#aside ul ul').each(function(index, element){
+      $('aside ul ul').each(function(index, element){
          $(element).attr('id', 's'+index);
       });
    }
    var complete_path = (path.toLowerCase() + param_path);
    if ( complete_path )
    {
-     $('a[href$="' + complete_path + '"]').each(function(){
-         $(this).addClass('active');
+      $('a[href$="' + complete_path + '"]').each(function(){
+         $(this).addClass('active current');
+         $(this).closest('li').addClass('current');
       });
-   };
+   }
 
    // Add ID for each of the sub navigation and marked with 'has_sub' class
    // Show side navigation with children
    });
 
    // Also expand tree for all parents
-   $('#aside li a.active').parents().show();
-   $('#aside ul ul li a.active').parent().parent().show();
-   $('#aside ul ul ul li a.active').parent().parent().parent().show();
-   $('#aside ul ul:visible').prev().addClass('active');
-   $('#aside ul ul ul:visible').prev().prev().addClass('active');
+   $('aside li a.active').parents().show();
+   $('aside ul ul li a.active').parent().parent().show();
+   $('aside ul ul ul li a.active').parent().parent().parent().show();
+   $('aside ul ul:visible').prev().addClass('active');
+   $('aside ul ul ul:visible').prev().prev().addClass('active');
 
    // Style default RFI form (Experimental)
    // First we clean up the mess from original table formatting
          $('div.form_wrapper td').removeAttr('background');
          // and then we apply modifier to form elements
          $('div.form_wrapper table input[type=text], div.form_wrapper table td').addClass('ui-corner-all');
-         $('div.form_wrapper table input[type=submit], div.form_wrapper table input[type=reset]').button();
+         //$('div.form_wrapper table input[type=submit], div.form_wrapper table input[type=reset]').button();
          $('div.form_wrapper table textarea').addClass('ui-corner-all');
          $('select, input:checkbox, input:radio, input:file').uniform({resetSelector: 'input[type="reset"]'});
       });
    }
 
+   // Validate form
+   if ($('#rfiform').length > 0){
+      $('#rfiform').validate();
+      //$('#rfiform input:text:first').focus();
+   }
+
+   // Form required fields toggle
+   $('a.form_toggle').click(function(){
+      $('.form_opt').slideToggle(400);
+      $(this).text($(this).text() == 'Click here to show required fields only *' ? 'Click here to show all fields' : 'Click here to show required fields only *');
+      return false;
+   });
+
    // Corporate Directory formatting, hide empty fields
    $('.colon').append(':');
    $('.comma').append(',');
    });
 
    // External link warning dialog
-   $('a.ext_link').live('click', function(){
+   $('a.ext_link').bind('click', function(){
       var link = $(this).attr('href');
       $('<div>You are leaving ' + companyName + ' site. Do you want to proceed?</div>').dialog({
          title: companyName,
       });
    });
 
+	// Zebra-striped tables
+	$('table tr:odd').addClass('odd');
+
 });
 
 // Remove qTip on unload