init

template/tpl/js/global.js

@@ -0,0 +1,85 @@
+// HTML5 placeholder plugin version 0.3
+// Enables cross-browser* html5 placeholder for inputs, by first testing
+// for a native implementation before building one.
+//
+// USAGE: 
+//$('input[placeholder]').placeholder();
+
+(function($){
+  
+  $.fn.placeholder = function(options) {
+    return this.each(function() {
+      if ( !("placeholder"  in document.createElement(this.tagName.toLowerCase()))) {
+        var $this = $(this);
+        var placeholder = $this.attr('placeholder');
+        $this.val(placeholder);
+        $this
+          .focus(function(){ if ($.trim($this.val())==placeholder){ $this.val(''); }; })
+          .blur(function(){ if (!$.trim($this.val())){ $this.val(placeholder); }; });
+      }
+    });
+  };
+})(jQuery);
+
+// perform JavaScript after the document is scriptable.
+$(document).ready(function() {
+    $("ul.tabs").tabs("div.panes > section");
+    $(".accordion").tabs(".accordion section", {tabs: 'header', effect: 'slide', initialIndex: null});
+
+    $('.pricing-table article').hover(function() {
+        $('.pricing-table article').removeClass('selected');
+    });
+    
+    $('input[placeholder]').placeholder();
+
+    $("input[type=date]").each(function() {
+        $(this).dateinput();
+    });
+
+    $(".widget.collapsible header").prepend('<span class="widget-collapse"></span>')
+        .find('.widget-collapse')
+        .click(function(){
+            if ($(this).hasClass('widget-collapse')) {
+                $(this).parents('.widget').find('section').slideUp('fast', function(){$(this).parents('.widget').addClass('collapsed');});
+                $(this).removeClass('widget-collapse').addClass('widget-expand');
+            } else {
+                $(this).parents('.widget').removeClass('collapsed').find('section').slideDown();
+                $(this).removeClass('widget-expand').addClass('widget-collapse');
+            }
+        });
+
+    $(".message.closeable").prepend('<span class="message-close"></span>')
+        .find('.message-close')
+        .click(function(){
+            $(this).parent().fadeOut(function(){$(this).remove();});
+        });
+
+    $(".column").sortable({
+        connectWith: '.column',
+        handle: 'header',
+        cursor: 'move',
+        revert: 500,
+        opacity: 0.7,
+        appendTo: 'body',
+        placeholder: 'widget-placeholder',
+        forcePlaceholderSize: true,
+        start: function(event, ui) {
+        },
+        stop: function(event, ui) {
+        },
+        update: function(event, ui) {
+            // This will trigger after a sort is completed
+            var ordering = "";
+            var $columns = $(".column");
+            $columns.each(function() {
+                ordering += this.id + "=" + $columns.index(this) + ";";
+            });
+            //$.cookie("ordering", ordering);
+        }
+    });
+});
+
+$(function() {
+	// setup ul.tabs to work as tabs for each div directly under div.panes
+	$("ul.tabs").tabs("div.panes > div");
+});