モロモロ工事中です

クロスブラウザでdocument.createElement(‘iframe’)した要素のonloadを呼び出す方法

JavaScript — タグ: , — さくら @ 2011/10/12 0:38

…….φ(..)メモメモです。 document.createElement(‘iframe’) で作った DOM 要素に onload をセットする場合以下のようなコードを使います。 var iframe = document.createElement(’iframe’); var onload_func = function&#…

(続きを読む)

HTML5が巨人の川相なら、data-属性はHTML5の川相

HTML5,JavaScript — タグ: , — さくら @ 2011/08/25 15:31

意味不明なタイトルですんません。増田にインスパイアされました。 さて HTML5 界隈が騒がしい今日このごろですが、data- 属性というものを皆さんご存知でしょうか? Twitter のツイートボタン作成ページで作った HTML に入ってる data-via とかのことです。最近色んなところでよく目にしますが、これを使うと任意の DOM 要素に任意の値をセットできるみたいです。 で、この dat…

(続きを読む)

JavaScriptでtextareaのキーボード入力イベントをハンドリングする方法2011年版

JavaScript — タグ: , , — さくら @ 2011/02/03 2:04

JavaScript プログラマなら、textarea のキーボード入力イベントのハンドリングで一度は苦労したんじゃないかと思います。かく言う私も何度も苦労させられてまっすw で、JavaScript で textarea のキーボード入力イベントを補足する場合、onblur onfocus onchange onkeyup イベントハンドラで行うのが一般的だと思っていたのですが、mozilla(…

(続きを読む)

node.jsとjQueryでスクレイピングするウェブアプリの作り方

JavaScript — タグ: , , — さくら @ 2011/02/01 0:51

やっぱ jQuery 便利ですよ(*´・ω・)(・ω・`*)ネー セレクタ使って jQuery でダカダカやってると、DOM とか正規表現でネチネチやるのがバカらしくなっちゃいます。 と日頃から思ってたりしてまして、サーバサイド JavaScript がメインストリームになって、jQuery でウェブアプリをコーディングできれば超ラクできるかもと期待しています。 で、先日サーバサイドJavaScr…

(続きを読む)

新型はてなブックマークボタンを速くする

JavaScript,はてな — タグ: — さくら @ 2011/01/24 0:37

新型はてなブックマークボタン使ってます?ぶっちゃけあんまり見ない気もしますが、↓みたいな感じで thickbox が開いたりして結構便利ですよ! Twitter とか Facebook のボタンと似たような感じで今風なのも(・∀・)イイ!! つーことで、このブログにも新型はてブボタン置きたいなーと WordPress のテンプレいじくってたりしてたんですが、ブラクラかと思うぐらいに新型はてブボタン…

(続きを読む)

node.jsとMySQLで割と普通のデータベースウェブアプリを作ってみるチュートリアル

JavaScript — タグ: , , , — さくら @ 2011/01/17 0:52

2011年はサーバサイド JavaScript の年! サーバサイド JavaScript の本命は node.js! ということで割と普通のウェブアプリケーションを node.js で作るためのチュートリアルを書いてみました。WebSocket とか新しめの話題は結構見ますが、PHP とかで普通のウェブアプリ作ってる人向けのチュートリアルとかあんま見ないような気がしたので、って感じです。 チュー…

(続きを読む)

サーバサイドJavaScriptとjQueryでスクレイピング

JavaScript — タグ: , , — さくら @ 2011/01/08 1:06

jQuery でスクレイピングできたらセレクタ使えるし便利かなーと思ったりしたんですが、Rhino と env-js を使うと超簡単にできたのでレポートしてみます。 Rhino と env-js って何ぞい? Rhino ってのは Java で書かれた JavaScript エンジンです。Rhino を使うとコマンドラインから JavaScript を実行できます。 Rhino には DOM が無…

(続きを読む)

Zen Coding Plugin for jQuery

JavaScript — タグ: , — さくら @ 2010/07/22 17:25

jQuery Zen Coding Plugin を作ってみました。Zen Coding の書式から jQuery オブジェクトを作る感じのやつです。 とりあえずソースとかは http://sakuratan.biz/jquery/zencoding/ に置いてます。オリジナルの Zen Coding と同じで MIT ライセンスです。 使い方 var obj = $.zenCoding(‘div…

(続きを読む)

arguments.calleeとsetTimeoutを使ってJavaScriptのリトライ処理を簡単に書く方法

JavaScript — タグ: — さくら @ 2010/07/02 17:50

jQuery のソースから拾ってきたネタなんすが、arguments.callee と setTimeout を使ったリトライ処理が超便利なのでご紹介。 まず基本形はこんな感じす。 (function() { // なんか処理 if (error) { setTimeout(arguments.callee, 20); } })(); 上のコードは error が真のとき20マイクロ秒後に無名関数…

(続きを読む)

サラッとjQueryプラグインを書けると(・∀・)イイ!!感じ

JavaScript — タグ: — さくら @ 2010/02/05 17:53

某サイトにて、type=”text” の input 要素を、こんな感じで jQuery を使って無効にしていたのですが、 function disable_enter(e) { if (e.which == 13) { return false; } return true; } $(function() { $(‘.noEnter’).keypress(disable_…

(続きを読む)

GreaseMonkey からターゲットページのイベントハンドラを呼び出す方法

JavaScript — タグ: — さくら @ 2009/07/30 0:37

さくらです♡こんばんわ☆彡 今日はグリモンスクリプトから対象のウェブページに設定されたイベントハンドラを呼び出す方法を簡単にご紹介したいと思います。 例えば以下のような HTML をグリモンの処理対象とした場合、 <a href=”http://www.example.com” id=”target”>www.example.com</a> グリモンからウェブページ上の onclick…

(続きを読む)

GreaseMonkey プログラミング、始めました。

JavaScript — タグ: — さくら @ 2009/07/25 2:34

さくらです♡こんばんわ☆彡 個人的なアレでちょろっと GreaseMonkey のスクリプト書いてみたんだけどすごいハマっちゃったりしました。なんでこれから GreaseMonkey を始める方に、あまりハマらずに GreaseMonkey プログラミングを始めるためのネタを書いときたいと思います。 まあ GreaseMonkey 始めたのが昨日の今日なんで、内容に多少問題があるかもしれませんがご…

(続きを読む)
Copyright © 2024 さくらたんどっとびーず | powered by WordPress with Barecity