#jQuery Table Layout
テーブルの1行目に幅指定付きの隠し行を挿入することで、サイズ調整しづらいcolspan付きのテーブルのカラム幅を設定するプラグイン。
以下のように実行。
JavaScript
#jQuery Compatible
旧バージョンのjQueryでもon/off/propメソッドを使用できるようにするスクリプト。
| //jQueryオブジェクトを配列に変換する | |
| var arr = $.makeArray($('.aaa')); | |
| alert(arr instanceof Array); // true | |
| //add メソッドで jQuery オブジェクト同士の結合が可能 | |
| $('.aaa').add('.bbb'); | |
| //concat を使うと配列を複製できるので jQuery オブジェクト同士の結合は以下処理で可能 |
| (function($){ | |
| $.fixedActivity = function(show){ | |
| var o = $.fixedActivity; | |
| var body = $('body'),win = $(window); | |
| //ローディング中画面を透過にさせるラッパー要素 | |
| if(!o.pageWrapper){ | |
| o.pageWrapper = body.wrapInner('<div/>').find('> div').eq(0); | |
| } |
#Open Full Window
画面表示の有効範囲分のサイズで開く(window.adjustWidth)JavaScript。微調整はadjustWidthパラメータで可能。 jQuery が ロードされてる場合は $.OpenFullWindow() 、なければ OpenFullWindow() で実行可能。
$.OpenFullWindow({
url : 'http://www.yahoo.co.jp,
resizable : 0,
adjustWidth : -56,
adjustHeight : -56
| <!DOCTYPE html> | |
| <html lang="ja"> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
| <meta http-equiv="X-UA-Compatible" content="IE=8" /> | |
| <title>web api</title> | |
| <style> | |
| dt{ | |
| margin-top:1em; | |
| margin-bottom:.3em; |
| var DateUtil = { | |
| dayNum : 86400000, | |
| trunc : function(date){ | |
| return Math.floor((new Date(date.getYear(),date.getMonth(),date.getDate()))/this.dayNum); | |
| }, | |
| rangeDate : function(toDate,fromDate){ | |
| return this.trunc(toDate)-this.trunc(fromDate); | |
| }, | |
| rangeWeek : function(toDate,fromDate){ | |
| return Math.floor(this.rangeDate(toDate,fromDate) / 7); |
| var getQueryString = function(url){ | |
| url = url || window.location.href; | |
| var params = url.replace(/.+\?/, '').split('&'); | |
| var ret={}; | |
| for(var i=0; i<params.length; i++ ){ | |
| var param = params[i].split('='); | |
| //どういう訳かdecodeURIComponentでこける場合があるのでcatchする | |
| try{ | |
| ret[ param[0] ] = decodeURIComponent(param[1]); | |
| }catch(e){ |
| <!DOCTYPE HTML> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
| <title>Sample</title> | |
| <style> | |
| div.te{ | |
| position:relative; | |
| display:inline-block; | |
| /display:inline; |