jQuery($.ajax)で、ファイルをアップロードしてみる。
最近は、ページを遷移しないサイトが増えてるようなので、画像のアップロードもAjaxで。 <form id="form"> <input type="file" name="img_file"> <input t…
JavaScript
jQueryから送信($.ajax)した配列をAmon2(Perl)で受け取る。
jQueryからpostされた配列をAmon2で受け取ります。 ま、タイトルのまんまですね。 jsの方はざっくりですが、下記のような感じ。 var hoge = ; $.ajax({ type: "POST", url: "/myapp/test", data…
jQueryUIのDatepickerでカレンダーを表示してみる。
日付を選択するようなサービスだと使ってるとこ多い気がする。 (って事ですごい今更な感じもする) <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/…
ルート表示時に勝手にマーカーが追加されないようにする。Google Maps JavaScript API(v3)
普通にルート表示しようとすると、AとかBとかのマーカーが勝手に追加されるんですが、、 var directionsDisplay = new google.maps.DirectionsRenderer({ suppressMarkers: true }); suppressMarkersってオプシ…
BootstrapのCover(Examples)は、スマホに対応してない？？
以下、個人的なメモ。 BootstrapのExamplesにあるCoverってやつを元に作ったページをスマホで表示すると、フォームの入力で極端に重くなります。 そもそも、フォームを使うデザインじゃないのかもしれませんが。 で、ちょっと挙動を確認した感じだと、CSSでheight:100%;が指定され…
Featherlight.jsにイベントを設定
Featherlight.jsで、イベントを指定できるようなので試してみました。 (Featherlight.jsについては以前書いたエントリーにでも -> Featherlight.jsでhtmlを読み込んでみる。) 開く前(.beforeOpen) $.featherlight.defaults…
colspanを指定した時のdisplay変更時は、table-rowを指定。(CSS)
jsからCSSを変更するのとかよくある処理ですが。 まず2つのtrを用意。 (1つはdisplay:none;で、tdにcolspanが指定されている) <table> <tr> <td>Title</td> <td><a href=…
jQueryでlocation.hashが変わった時にイベントを発生させるプラグイン(hashchange)
ちょいと古いプラグインで更新もされてないようですが、修正すればIEでも動くようだったので試してみた。 Ben Alman » jQuery hashchange event プラグインの読み込み <script src="//ajax.googleapis.com/ajax/libs…
Featherlight.jsでhtmlを読み込んでみる。
軽めなlightbox系プラグインを探してたら、Featherlight.jsってのがあったんで試してみました。 Featherlight – The ultra slim jQuery lightbox. <html> <head> <link href="…
monaca(cordova)でアプリを終了させる(Androidのみ)
ネット接続が必須なアプリの場合にネットワークに接続してなかったら、ダイアログを表示してアプリを終了させる。 if( navigator.connection.type == 'none') { navigator.notification.alert('ネットに繋がってません', ExitApp()…
enchant.jsでFPS(フレームレート)を表示してみる。
var game = Core(100,100); game.onload = function() { var fps = new Label(); fps.on( Event.ENTER_FRAME, function(){ this.text = Math.floor( game.actual…
JavaScript::Minifierでjsをmin化しとく。
jsにコメント書きまくった結果、ソースが無駄にでかくなってしまったので、少しでもファイルを軽くする為に。。 複数ファイルを繋げて1つのファイルにしつつ、コメントとか空白行を取り払う。 #!/usr/bin/perl use strict; use warnings; use Path::Class;…
javascriptでcookie使う時の注意。
jsでのset,getは問題ないんですが、 サーバーサイドから出力したcookieがhttp_onlyになってるとjsから取れない。 ま、当たり前ですが。。 フレームワーク使ってるとあんま気にせずcookieを出力してて、セキュリティ的に当然デフォルトがhttp_onlyになってる場合が多くて、微妙…
socket.io(node.js)で任意のタイミングで接続,切断,再接続したい場合。
ぐぐった感じ、ほとんどがjs読み込んだ途端に接続して、もし切断したら再接続みたいなのが多い。 (というか、ふつうに使う分にはそれでいいんですが・・) 任意のタイミングで接続、切断をしたかったので下記のような感じで接続してみた。 // 空のsocketを用意 var socket = { on: fu…
[enchant.js] enchant-stageをセンタリング(中央寄せ)する
html側の修正は特に必要ありませんが、下のサンプルはjQueryを使ってるので、その辺は必要なら追加で。 var game = new Core( 300, 500 ); var left = ( window.innerWidth - ( game.width * game.scale ) ) …