socket.io-clientでoriginが指定されたsocket.ioに接続する
つまりsocket.io-clientを利用したサーバー上のクライアントからのアクセス時には、Originを*:*にして、外部からのアクセス(通常のブラウザからのアクセス)時には、特定のHOST(Origin)のみを許可したい。 (Originで特定のHOSTに絞らない場合は、そもそも下記のような事…
JavaScript
jQueryでcheckboxを反転させる
反転って言葉が妥当かはおいといて、、 チェック入ってる場合は外して、外れてる場合はチェックする。 $('input').prop('checked', function( index, prop ){ return !prop; }); prop使うとお手軽ですねー。…
socket.io(node.js)のlog levelを変更する
socket.ioのログレベルがデフォが3(debug)でログが流れまくるし、ログがすぐ溜まるので変更。 var io = require('socket.io').listen(app); io.set("log level",2); /* ---- 0:error 1:war…
node.js(server)へ、node.js(client)から接続
3000番で待ってるnode.js(server)がlocalhostにある場合 var socket = require('socket.io-client').connect('http://localhost:3000'); socket.on('connect',function(){ so…
ドラッグ＆ドロップで順番変更(並べ替え)実装するならjQueryUI(Sortable)で。
もはや実装するっていうか、jQueryUIを読み込むだけなんですが・・。 <html> <head> <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui…
socket.io(node.js)のserver -> clienetの送信まとめ
roomを使わない場合 io.sockets.on('connection', function (socket) { // 本人 socket.emit('msg','Hello!'); // 他人へ(自分以外) socket.broadcast.emit('msg','Hello!!'); //…
node.jsを永続化。foreverでuidを指定して起動したい時。
foreverのインストール 現在の最新forever(v0.10.11)をインストールしました。 npm install forever -g -gは、グローバルオプション(どこでも叩けるようにする為) これで、app.jsを永続化することができました。 // start forever star…
leanModal.jsをAjax対応にしてみる(Ajaxで取得したhtmlを表示)
モーダルウィンドウを表示するのに良さげなPluginを探してたら軽量なjsとして紹介されていたのがleanModal.js ただ、これAjaxに対応してないようですね。 (元々html内に用意されたものしか表示できない) でも別のクリックイベント発生時に、Ajaxで取得してhtmlを生成、その後le…
jQueryでn番目の要素
カウントしながらeachで回したろうかと思ったら、:eqってのがあるんですね。 <from> <input type="checkbox" name="hobby" value="1">サッカー <input …
input type=”file”で選択されたファイルをクリア(jQuery)
そもそもtype="text"とかなら、.val()を空にすればいいんですが・・。 type="file"のクリア方法として、厳密にはinputの初期化は無理なので、新しいinputを追加して、元々あったinputを消す感じになると思います。 inputとクリア用にbutton要素を。 <in…
input type=”file”で画像アップロード前にプレビュー表示(jQuery)
一旦サーバーにアップロードしてから表示するのではなく、画像選択時にそのままブラウザにローカルのファイルを表示する方法をメモ程度に。 まずはhtml側。 <input type="file" id="file"> <img src="…
express(node.js)のテンプレートエンジンを「ejs」にしてアプリを作成してみる。
前回は、expressのdefaultのテンプレートエンジン(jade)でアプリの作成をしましたが、今回はejsに変更しようと思います。 (前回のエントリー -> 「node.jsのフレームワーク「express」を動かしてみる。」) ejsのインストール npm install -g ejs テン…
node.jsのフレームワーク「express」を動かしてみる。
今の環境は、nodebrewでnode.jsをインストールをして、npmが使える状態になってます。 (環境を作った時のエントリーはこちら -> 「CentOS6.3にnode.js(v0.10.0)をインストールしてみる。」) expressのインストール npm install -g expres…
CentOS6.3にnode.js(v0.10.0)をインストールしてみる。
しばらくnode.js触ってなかったので、再入門。 まずはnodebrewをインストール node.jsをいきなりインストールしてもいいんですが、node.jsは頻繁にバージョンあがるので、バージョン管理ツール(nodebrew)を使おうと思います。 hokaccha/nodebrew · GitH…
jQueryで画像をプリロード(先読み)しておく。
Lightbox風なプラグインとかを使っていて、「次の画像が開くのが遅い」ってな時は、事前に画像を読み込んでおこう。 $(function(){ $("img").each( function(){ var src = $(this).attr("src");…