B-Teck!

お仕事からゲームまで幅広く

jQuery

【JavaScript/jQuery】We don't need jQuery?

昔書いてたメモが出てきたので、今更ですが供養。 正直今でも作り捨てとか、とりあえず作るならjQuery使ってもいいんじゃないかな?って思ってる。 jQueryとはなんだったのか ブラウザ間でJavaScriptの実装が大きく異なっていた時代に、共通の実装が行えるよ…

【JavaScript/jQuery】後から生成されたDOMからイベントを発火させる

jQueryの場合 jQueryの場合のサンプル pure JSの場合 JavaScriptの場合のサンプル jQueryの場合 昔こういう事するときはjQueryのlive()を利用していたんだけど、1.9で死んでた。 $("p").live("click", function(){ $(this).after("<p>これもクリックできる</p>"); }…

【HTML5/jQuery/Javascript 】ローカルの画像を読み込んでJavaScriptで合成してみた

ふと思い立ったので、HTML5のCanvasを使って画像を合成してみた。 なんとかブルーファンタジージェネレータ コード HTML <html> <head lang="en"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>なんとかブルーファンタジージェネレータ</title> </meta></meta></meta></head></html>

【JavaScript/jQuery】はてなブログで一定期間経過した過去記事に、古い記事であることのメッセージを自動表示するスクリプト

こんなの ソース <script type="text/javascript"> //更新日時を取得してDateに変換 $('time:not(.updated)').each(function(){ var updateTime = $(this).get(0).getAttribute('datetime'); var date = new Date(updateTime); //1年前の日付を設定 var pastDate = new Date(); pastDate.set…

【PHP/jQuery】要素クリック時にformを生成しPOST/GETする

要素クリック時にformを生成し、送信する方法。下記はクリック時にformを生成し、要素のidを自分自身にPOSTして表示するコード。 (前記事からの使い回し…)これも使い道あまり覚えてないけど一応メモ。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> </html>

【PHP/jQuery】form外のクリックイベントを取得し、POST/GETする

formの外側にある要素に対するクリックイベントを取得し、送信する方法。下記はクリックされた要素のidを取得し自分自身にPOSTして表示するコード。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> </body></html>

仕事で最近ハマったjavascriptとかjQueryとかのTIPS

ここ最近サーバー側のロジックよりも、デザインとかクライアント側のソースをいじる機会が多くて、 いろいろ困ってたのでメモ的に。 ①IE9以前でdisableのテキストボックスの文字が灰色になってしまう あんまりきれいなやり方ではないんだけど、 <form> <input type="textbox" value="test" disabled="disabled"></input> </form> から、 <form> </form>