ソースコードを良い感じに表示する「google-code-prettify」を試す
WordPressは、SyntaxHighlighterを使っているんですが、サンプル用のページを作ろうかなーと思い、軽く調べてgoogle-code-prettifyってライブラリが良さげだったので、ちょっとお試し。 導入してみる DLして、ドキュメントルート以下に適当に置いてからheadに追加。…
JavaScript
javascriptでiframeか確認(iframeを必須に)したい
iframeで開く前提なページは、当然iframeで開いて欲しいですよね？ if ( window == parent ) { location.href = '/'; } 簡易的ですが、こんなjsをiframeの中のページに入れとけば、iframeの外(別タブとか)で開いた場合は、topに戻す的な…
ColorBoxで表示してるiframe内のjsから自分自身をcloseする
ColorBoxっていうLightBox的なjQueryのプラグインを使ってみたのでちょっとメモ。 基本的なところは、公式みたらわかると思うので、ちょっとしたTipsなんぞメモ程度に残しておきます。 やりたいことは、表題の通り。 iframeを表示するのは、 $(document).ready(fu…
jQueryでaタグを無効化(ダブルクリック抑制)
1回目のクリックはリンクとして動作して、2回目以降のクリックを無効化。 あまり使いどころは、無いかもしれませんが・・ｗ <a href="/hogehoge" onclick="$(this).click(function(e){ return false });…
「みつとどっとこむ」スマホに対応しときました。
ブログにも写真を貼っているんですが、みつとどっとこむってサイトにも写真載せてます。 で、このサイトは、そもそもPC向けに作ったのでスマホだと見づらいなーと思ってたので、スマホ版も作ってみました。同じURLでアクセスできます。 特に何も考えず、PC向けのページにjQueryMobileで、デザインを当…
iframe内のjsからjQueryで親要素を取得
iframeの中のjsから、iframeを開いたページの要素を取得したい場合は、 parent.documentを指定すればいけるぽい。 <p class="hoge"></p> 上記のpタグの高さを取得したい場合は、 var height = $(&qu…
jQueryMobileのlistview内で普通にリンクを貼る
jQueryMobileで、listviewを使うとaタグにデザインが適用されて通常のリンクが出せなくなってしまうんですが、pタグとかdivタグとかで囲むと普通のリンクになるみたいですね。 <ul data-role="listview"> <li><…
node.js + socket.ioで、SSL通信。
websocketでもSSL使えるみたいなので、やってみます。 てか、https:なページ内から非SSLな通信(ws:)で通信しようとすると、つながらないので、SSL通信(wss:)に変更します。 // 非SSL(ws:) var io = require('socket.io').listen( …
MySQLからデータを取得(node-mysql v0.9.4)
node-mysqlのインストール npm install mysql app.js var mysql = require('mysql'); var client = mysql.createClient({ user: 'hogeuser', password: 'hogepw', host:…
node.jsでyamlを読み込んで使う(node-props)
以前は、↓のようにjs-yamlでyamlをパースして使っていたんですが、、 node.jsでyamlを読み込んで使う 別のサーバーで同じようにやろうとしたら、うまく動かなかったので、node-propsで書き直し。 まずは、npmでnode-propsをインストール。 npm install pr…
jQuery Mobileを使ってるサイトの要素をjsで変更した場合はrefreshを呼ぶ
例えば、selectのoptionをappendした場合、optionは増えてるのに見た目が変わらない。 jQuery Mobileで表示されているselectボックスはdivになってるので、selectの実態は変更されているけど、見た目が変わらないのは当然と言えば、当然。 そんなときはrefres…
何は無くとも「uncaughtException」
Event: 'uncaughtException' http://nodejs.jp/nodejs.org_ja/api/process.html#event_uncaughtException_ motsatさんのエントリー(d:id:motsat:20110530:1306774564)見て知…
node.jsでyamlを読み込んで使う
(追記)node-propsの方がいいかも。-> node.jsでyamlを読み込んで使う(node-props) とりあえず簡単なyamlファイルを用意 config.yml name: hogehoge 上記のファイルをapp.jsで読み込んでみます。 app.js var fs = r…
node.js起動時にコマンドラインで引数を渡す
// app.js console.log( process.argv ); って、jsを用意して、 node app.js a b c を実行すると process.argvは、'node'(固定) process.argvは、実行されたjsの絶対パス process.argv以降に、引数が順番に…
osモジュールを試してみる
複数サーバーで運用している時に、「サーバーによって処理を変えたいけど、ソースは同じにしたい」って時に、 ホスト名で処理を振り分けたら楽かなって事で、調べてみた。 var os = require('os'); //ホスト名 console.log( os.hostname() ); // OS名 c…