JavaScriptでファイル操作！？ File APIを使いこなそう
連載目次 近年のWebアプリケーションでは、画像ファイルやテキスト・ファイル、Officeファイルのアップロードやダウンロードのやり取りが行われることが多くなってきている（例えば、Twitter上での画像ファイル共有やGoogleドキュメントでのOfficeファイルのアップロードなどがそれだ）。 HTML5では、ファイル操作に関するAPIとして「File API」が定義されたことで、ローカルのファイルをブラウザ上で直接、取り扱うことが可能となった。これによって、Webとローカルの違いをアプリケーションで意識しなければならない局面も少なくなる。 現在、File APIは以下の3種類の仕様が策定されている。
JavaScriptプログラミング講座【ドラッグアンドドロップについて】
<html> <body> <a id="aaa" href="http://example.com" >このリンクをドラッグ！！</a> <script type="text/javascript"> <!-- // ------------------------------------------------------------ // "aaa" という ID 属性のエレメントを取得する // ------------------------------------------------------------ var element = document.getElementById("aaa"); // ------------------------------------------------------------ // ドラッグ開始時に実行される関数 // ---
SELECT～OPTIONにIMG表示 - ぱぱろぐのこころぐ
Firefoxでは意図した通りに動いていますが、他は微妙。IEでは選択肢に画像が表示されません。Chromeでは画像は一切表示されません。 実は今まで知らなかったのですが、HTMLでは、素のままでは画像を選択する選択肢って作れないのですね。OPTION要素の中にIMGを置いてもまったく表示されないようで。これってどうしてできなくしてあるんだろ？セキュリティ的にも問題なさそうなんだけど。。。 対処法は、javascriptを使う必要がありますけれど、割と単純。 こんな感じ↓ 各選択肢をあらわすOPTION要素それぞれに背景画像を使えばよろしい（スタイルの指定でコチョコチョしますが）。 単一選択のドロップダウンリストの形式では、ドロップダウンが閉じた後は選択画像が表示されませんから、(SELECT要素の)onchangeで、選択されたOPTIONの背景画像をSELECT要素へ設定してやります。
とほほのＷＷＷ入門
HTML/JavaScript/CSS/CGIなど Webサイト作成に関する情報を満載した Web作成関連総合サイトです。
Pure Javascriptのhtmlparser - Mistat blog
別けあってPure Javascriptのhtmlparserを探していたところ。 http://ejohn.org/blog/pure-javascript-html-parser/ 上記のようなのものが見つかりました。 実際に使ってみると getElementByIdが使えなかったり、DoctypeがあるとParseに失敗したりなど。 ちょっと不具合があったので少し手を加えてみました。 http://gist.github.com/591455 var dom = HTMLtoDOM(htmlString); dom.getElementById('id'); dom.getElementsByTagName('name'); こんな感じで。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
