/* jquery.flatheights.js Version: 2007-08-01 */ /* ====================================================================== $.changeLetterSize.addHandler(func) 文字の大きさが変化した時に実行する処理を追加 ====================================================================== */ jQuery.changeLetterSize = { handlers : [], interval : 1000, currentSize: 0 }; (function($) { var self = $.changeLetterSize; /* 文字の大きさを確認するためのins要素 */ var ins = $('M').css({ display: 'block', visibility: 'hidden', position: 'absolute', padding: '0', top: '0' }); /* 文字の大きさが変わったか */ var isChanged = function() { ins.appendTo('body'); var size = ins[0].offsetHeight; ins.remove(); if (self.currentSize == size) return false; self.currentSize = size; return true; }; /* 文書を読み込んだ時点で 文字の大きさを確認しておく */ $(isChanged); /* 文字の大きさが変わっていたら、 handlers中の関数を順に実行 */ var observer = function() { if (!isChanged()) return; $.each(self.handlers, function(i, handler) { handler(); }); }; /* ハンドラを登録し、 最初の登録であれば、定期処理を開始 */ self.addHandler = function(func) { self.handlers.push(func); if (self.handlers.length == 1) { setInterval(observer, self.interval); } }; })(jQuery); /* ====================================================================== $(expr).flatHeights() $(expr)で選択した複数の要素について、それぞれ高さを 一番高いものに揃える ====================================================================== */ (function($) { /* 対象となる要素群の集合 */ var sets = []; /* 高さ揃えの処理本体 */ var flatHeights = function(set) { var maxHeight = 0; set.each(function(){ var height = this.offsetHeight; if (height > maxHeight) maxHeight = height; }); set.css('height', maxHeight + 'px'); }; /* 要素群の高さを揃え、setsに追加 */ jQuery.fn.flatHeights = function() { if (this.length > 1) { flatHeights(this); sets.push(this); } return this; }; /* 文字の大きさが変わった時に、 setsに含まれる各要素群に対して高さ揃えを実行 */ $.changeLetterSize.addHandler(function() { $.each(sets, function() { this.height('auto'); flatHeights(this); }); }); })(jQuery); /* Copyright (c) 2007, KITAMURA Akatsuki Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ ///* // * jQuery Color Animations // * Copyright 2007 John Resig // * Released under the MIT and GPL licenses. // */ // //(function(jQuery){ // // // We override the animation for all of these color styles // jQuery.each(['backgroundColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'color', 'outlineColor'], function(i,attr){ // jQuery.fx.step[attr] = function(fx){ // if ( fx.state == 0 ) { // fx.start = getColor( fx.elem, attr ); // fx.end = getRGB( fx.end ); // } // // fx.elem.style[attr] = "rgb(" + [ // Math.max(Math.min( parseInt((fx.pos * (fx.end[0] - fx.start[0])) + fx.start[0]), 255), 0), // Math.max(Math.min( parseInt((fx.pos * (fx.end[1] - fx.start[1])) + fx.start[1]), 255), 0), // Math.max(Math.min( parseInt((fx.pos * (fx.end[2] - fx.start[2])) + fx.start[2]), 255), 0) // ].join(",") + ")"; // } // }); // // // Color Conversion functions from highlightFade // // By Blair Mitchelmore // // http://jquery.offput.ca/highlightFade/ // // // Parse strings looking for color tuples [255,255,255] // function getRGB(color) { // var result; // // // Check if we're already dealing with an array of colors // if ( color && color.constructor == Array && color.length == 3 ) // return color; // // // Look for rgb(num,num,num) // if (result = /rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(color)) // return [parseInt(result[1]), parseInt(result[2]), parseInt(result[3])]; // // // Look for rgb(num%,num%,num%) // if (result = /rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(color)) // return [parseFloat(result[1])*2.55, parseFloat(result[2])*2.55, parseFloat(result[3])*2.55]; // // // Look for #a0b1c2 // if (result = /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(color)) // return [parseInt(result[1],16), parseInt(result[2],16), parseInt(result[3],16)]; // // // Look for #fff // if (result = /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(color)) // return [parseInt(result[1]+result[1],16), parseInt(result[2]+result[2],16), parseInt(result[3]+result[3],16)]; // // // Otherwise, we're most likely dealing with a named color // return colors[jQuery.trim(color).toLowerCase()]; // } // // function getColor(elem, attr) { // var color; // // do { // color = jQuery.curCSS(elem, attr); // // // Keep going until we find an element that has color, or we hit the body // if ( color != '' && color != 'transparent' || jQuery.nodeName(elem, "body") ) // break; // // attr = "backgroundColor"; // } while ( elem = elem.parentNode ); // // return getRGB(color); // }; // // // Some named colors to work with // // From Interface by Stefan Petre // // http://interface.eyecon.ro/ // // var colors = { // aqua:[0,255,255], // azure:[240,255,255], // beige:[245,245,220], // black:[0,0,0], // blue:[0,0,255], // brown:[165,42,42], // cyan:[0,255,255], // darkblue:[0,0,139], // darkcyan:[0,139,139], // darkgrey:[169,169,169], // darkgreen:[0,100,0], // darkkhaki:[189,183,107], // darkmagenta:[139,0,139], // darkolivegreen:[85,107,47], // darkorange:[255,140,0], // darkorchid:[153,50,204], // darkred:[139,0,0], // darksalmon:[233,150,122], // darkviolet:[148,0,211], // fuchsia:[255,0,255], // gold:[255,215,0], // green:[0,128,0], // indigo:[75,0,130], // khaki:[240,230,140], // lightblue:[173,216,230], // lightcyan:[224,255,255], // lightgreen:[144,238,144], // lightgrey:[211,211,211], // lightpink:[255,182,193], // lightyellow:[255,255,224], // lime:[0,255,0], // magenta:[255,0,255], // maroon:[128,0,0], // navy:[0,0,128], // olive:[128,128,0], // orange:[255,165,0], // pink:[255,192,203], // purple:[128,0,128], // violet:[128,0,128], // red:[255,0,0], // silver:[192,192,192], // white:[255,255,255], // yellow:[255,255,0] // }; // //})(jQuery); // // /* * SimpleModal 1.3 - jQuery Plugin * http://www.ericmmartin.com/projects/simplemodal/ * Copyright (c) 2009 Eric Martin * Dual licensed under the MIT and GPL licenses * Revision: $Id: jquery.simplemodal.js 205 2009-06-12 13:29:21Z emartin24 $ */ /** * SimpleModal is a lightweight jQuery plugin that provides a simple * interface to create a modal dialog. * * The goal of SimpleModal is to provide developers with a cross-browser * overlay and container that will be populated with data provided to * SimpleModal. * * There are two ways to call SimpleModal: * 1) As a chained function on a jQuery object, like $('#myDiv').modal();. * This call would place the DOM object, #myDiv, inside a modal dialog. * Chaining requires a jQuery object. An optional options object can be * passed as a parameter. * * @example $('
my data
').modal({options}); * @example $('#myDiv').modal({options}); * @example jQueryObject.modal({options}); * * 2) As a stand-alone function, like $.modal(data). The data parameter * is required and an optional options object can be passed as a second * parameter. This method provides more flexibility in the types of data * that are allowed. The data could be a DOM object, a jQuery object, HTML * or a string. * * @example $.modal('
my data
', {options}); * @example $.modal('my data', {options}); * @example $.modal($('#myDiv'), {options}); * @example $.modal(jQueryObject, {options}); * @example $.modal(document.getElementById('myDiv'), {options}); * * A SimpleModal call can contain multiple elements, but only one modal * dialog can be created at a time. Which means that all of the matched * elements will be displayed within the modal container. * * SimpleModal internally sets the CSS needed to display the modal dialog * properly in all browsers, yet provides the developer with the flexibility * to easily control the look and feel. The styling for SimpleModal can be * done through external stylesheets, or through SimpleModal, using the * overlayCss and/or containerCss options. * * SimpleModal has been tested in the following browsers: * - IE 6, 7, 8 * - Firefox 2, 3 * - Opera 9 * - Safari 3 * - Chrome 1, 2 * * @name SimpleModal * @type jQuery * @requires jQuery v1.2.2 * @cat Plugins/Windows and Overlays * @author Eric Martin (http://ericmmartin.com) * @version 1.3 */ ;(function ($) { var ie6 = $.browser.msie && parseInt($.browser.version) == 6 && typeof window['XMLHttpRequest'] != "object", ieQuirks = null, w = []; /* * Stand-alone function to create a modal dialog. * * @param {string, object} data A string, jQuery object or DOM object * @param {object} [options] An optional object containing options overrides */ $.modal = function (data, options) { return $.modal.impl.init(data, options); }; /* * Stand-alone close function to close the modal dialog */ $.modal.close = function () { $.modal.impl.close(); }; /* * Chained function to create a modal dialog. * * @param {object} [options] An optional object containing options overrides */ $.fn.modal = function (options) { return $.modal.impl.init(this, options); }; /* * SimpleModal default options * * appendTo: (String:'body') The jQuery selector to append the elements to. For ASP.NET, use 'form'. * focus: (Boolean:true) Forces focus to remain on the modal dialog * opacity: (Number:50) The opacity value for the overlay div, from 0 - 100 * overlayId: (String:'simplemodal-overlay') The DOM element id for the overlay div * overlayCss: (Object:{}) The CSS styling for the overlay div * containerId: (String:'simplemodal-container') The DOM element id for the container div * containerCss: (Object:{}) The CSS styling for the container div * dataId: (String:'simplemodal-data') The DOM element id for the data div * dataCss: (Object:{}) The CSS styling for the data div * minHeight: (Number:200) The minimum height for the container * minWidth: (Number:200) The minimum width for the container * maxHeight: (Number:null) The maximum height for the container. If not specified, the window height is used. * maxWidth: (Number:null) The maximum width for the container. If not specified, the window width is used. * autoResize: (Boolean:false) Resize container on window resize? Use with caution - this may have undesirable side-effects. * zIndex: (Number: 1000) Starting z-index value * close: (Boolean:true) If true, closeHTML, escClose and overClose will be used if set. If false, none of them will be used. * closeHTML: (String:'') The HTML for the default close link. SimpleModal will automatically add the closeClass to this element. * closeClass: (String:'simplemodal-close') The CSS class used to bind to the close event * escClose: (Boolean:true) Allow Esc keypress to close the dialog? * overlayClose: (Boolean:false) Allow click on overlay to close the dialog? * position: (Array:null) Position of container [top, left]. Can be number of pixels or percentage * persist: (Boolean:false) Persist the data across modal calls? Only used for existing DOM elements. If true, the data will be maintained across modal calls, if false, the data will be reverted to its original state. * onOpen: (Function:null) The callback function used in place of SimpleModal's open * onShow: (Function:null) The callback function used after the modal dialog has opened * onClose: (Function:null) The callback function used in place of SimpleModal's close */ $.modal.defaults = { appendTo: 'body', focus: true, opacity: 50, overlayId: 'simplemodal-overlay', overlayCss: {}, containerId: 'simplemodal-container', containerCss: {}, dataId: 'simplemodal-data', dataCss: {}, minHeight: 200, minWidth: 300, maxHeight: null, maxWidth: null, autoResize: false, zIndex: 1000, close: true, closeHTML: '', closeClass: 'simplemodal-close', escClose: true, overlayClose: false, position: null, persist: false, onOpen: null, onShow: null, onClose: null }; /* * Main modal object */ $.modal.impl = { /* * Modal dialog options */ opts: null, /* * Contains the modal dialog elements and is the object passed * back to the callback (onOpen, onShow, onClose) functions */ dialog: {}, /* * Initialize the modal dialog */ init: function (data, options) { // don't allow multiple calls if (this.dialog.data) { return false; } // $.boxModel is undefined if checked earlier ieQuirks = $.browser.msie && !$.boxModel; // merge defaults and user options this.opts = $.extend({}, $.modal.defaults, options); // keep track of z-index this.zIndex = this.opts.zIndex; // set the onClose callback flag this.occb = false; // determine how to handle the data based on its type if (typeof data == 'object') { // convert DOM object to a jQuery object data = data instanceof jQuery ? data : $(data); // if the object came from the DOM, keep track of its parent if (data.parent().parent().size() > 0) { this.dialog.parentNode = data.parent(); // persist changes? if not, make a clone of the element if (!this.opts.persist) { this.dialog.orig = data.clone(true); } } } else if (typeof data == 'string' || typeof data == 'number') { // just insert the data as innerHTML data = $('
').html(data); } else { // unsupported data type! alert('SimpleModal Error: Unsupported data type: ' + typeof data); return false; } // create the modal overlay, container and, if necessary, iframe this.create(data); data = null; // display the modal dialog this.open(); // useful for adding events/manipulating data in the modal dialog if ($.isFunction(this.opts.onShow)) { this.opts.onShow.apply(this, [this.dialog]); } // don't break the chain =) return this; }, /* * Create and add the modal overlay and container to the page */ create: function (data) { // get the window properties w = this.getDimensions(); // add an iframe to prevent select options from bleeding through if (ie6) { this.dialog.iframe = $('