Skip to content

Instantly share code, notes, and snippets.

View cyokodog's full-sized avatar

cyokodog cyokodog

19 followers · 13 following
View GitHub Profile
@cyokodog
cyokodog / 01_readme.md
Last active October 12, 2015 16:27
jQuery Table Layout

#jQuery Table Layout

テーブルの１行目に幅指定付きの隠し行を挿入することで、サイズ調整しづらいcolspan付きのテーブルのカラム幅を設定するプラグイン。

以下のように実行。

JavaScript

@cyokodog
cyokodog / 01_readme.md
Last active October 12, 2015 12:57
jQuery External

#jQuery External

外部リンク（location.hostに一致しないリンク）に対し、target="_blank" や特定のクラス名を設定する jQuery プラグイン。

以下のように実行。

JavaScript

@cyokodog
cyokodog / 01_readme.md
Last active October 12, 2015 12:17
jQuery Compatible
@cyokodog
cyokodog / (array)convert_jquery_to_array.js
Created October 30, 2012 04:30
jQuery Snippet
//jQueryオブジェクトを配列に変換する
var arr = $.makeArray($('.aaa'));
alert(arr instanceof Array); // true
//add メソッドで jQuery オブジェクト同士の結合が可能
$('.aaa').add('.bbb');
//concat を使うと配列を複製できるので jQuery オブジェクト同士の結合は以下処理で可能
@cyokodog
cyokodog / jquery.fixed-activity.js
Created September 12, 2012 02:06
SVG/VMLベースでローディングアイコンを表示する「Activity Indicator」をposition:fixedで画面中央に表示する
(function($){
$.fixedActivity = function(show){
var o = $.fixedActivity;
var body = $('body'),win = $(window);
//ローディング中画面を透過にさせるラッパー要素
if(!o.pageWrapper){
o.pageWrapper = body.wrapInner('<div/>').find('> div').eq(0);
}
@cyokodog
cyokodog / 01_readme.md
Last active October 2, 2015 11:08
[JS] 新規windowを画面いっぱいに開くやつ

#Open Full Window

画面表示の有効範囲分のサイズで開く（window.adjustWidth）JavaScript。微調整はadjustWidthパラメータで可能。 jQuery が ロードされてる場合は $.OpenFullWindow() 、なければ OpenFullWindow() で実行可能。

$.OpenFullWindow({
    url : 'http://www.yahoo.co.jp,
    resizable : 0,
    adjustWidth : -56,

adjustHeight : -56

@cyokodog
cyokodog / webapi.html
Created March 14, 2012 04:20
[jquery]web api 使用例
<!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;
@cyokodog
cyokodog / dateutil.js
Created February 24, 2012 02:59
日付の期間（日数、週）を求める
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);
@cyokodog
cyokodog / getQueryString.js
Created July 13, 2010 05:29
Query String の json 化
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){
@cyokodog
cyokodog / tetris.html
Created June 14, 2010 11:15
tetris
<!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;