document.onload なんてありません | dTblog | デザインとプログラムの境界をさまようブログ
ちょっと切ない JavaScript の話。 onload で複数の処理を行うために、Observer パターンを使おうと思ったわけです。ファサードになるファンクションを設けるのも良いけど、融通が利きにくいし。 というわけで、document にリスナーオブジェクトを登録＆実行したんだけど、これがピクリとも動かない。原因は、document.onload が存在しないこと。何故。じゃあ、body タグに書く onload は何に対応するんだ。色々イジった結果、自作の処理とバインドできる onload は、window オブジェクトのそれだけの模様。 document.writeln(document.onload); // 結果は undefined document.writeln(window.onload); //結果は null (バインド可能) ちなみに、一番上のスコープで th
%25E9%2596%25A2%25E9%2580%25A3)
JavaScript インラインフレーム(iframe)関連 - とみぞーノート
いろいろハマリがちなJavaScriptでインラインフレームを扱う場合のメモ。 特に断らない限りブラウザのバージョンは以下が前提。 iframeのwindow,documentの取得方法はIEとMozilla系(NN,FireFox)で異なる。 IEはframes配列のwindow,documentプロパティから取得できる。Mozilla系はiframeエレメントのcontentWindow,contentDocumentプロパティから取得できる。 IEでもMozilla系と同じくiframeエレメントのプロパティから取得することもできるが、contentDocumentについてはIEには存在しないので、documentはcontentWindow.documentとしてcontentWindow経由で取得しなければならない。 (1) frames配列から取得する場合 frames['xx
Ajax OPTION要素をXMLで書き換える - ［JavaScript］All About
このサンプルは、ボタンを押すと、Ajaxライブラリの関数 sendRequest(on_loaded1,'','POST','./ken.xml',true,true)を実行してXMLデータをロードします。 XMLデータの読み込みが終了すると、コールバック関数on_loaded1(oj)を起動して、OPTIONタグを生成します。さらに、生成されたOPTIONをクリックすると、県庁の経緯度がダイアログ表示されます。 細かい説明は、ソース内のコメントをご参照下さい。 前回行ったエンコード処理については、responseTextで受け取る場合のもので、今回はresponseXMLなので少し事情が違います。前回対策が必要でした、SafariとKonquerorのうちSafariは対策不要になります。また、Konquerorも3.4以降は安定してきていますので、今回は、分岐をせずに処理してみ
[#JavaScript] HTML to XHTML
HTML to XHTML © 2006 Magicant / 0.4.1 (2006-11-29) HTML 4 ソースを XHTML 1.0 ソースに変換します。 入力 変換元 (HTML ソース) 設定 省略された終了タグを空白類の前に補う 操作 出力 変換結果 (XHTML ソース) 情報 変換結果を W3C の Validator でチェック ソースを表示 パース木を表示 属性を表示しない アウトラインを表示 説明 HTML 4.0 または HTML 4.01 でマークアップされた文書を XML 1.0 に基づく XHTML 1.0 文書に変換します。 また、ISO-HTML (ISO/IEC 15445:2000) でマークアップされた文書を HTML 4.01 Strict 文書とみなして XHTML 1.0 Strict
進化する“Webスクレイピング”技術の世界 ― ＠IT
2007/02/20 WebサービスのAPIやRSSフィードを使って複数サイトのサービスや情報をマッシュアップ――。これはWeb2.0が包含するいくつかの概念のうち、最も重要なものの1つだ。Amazon.comやGoogle、Yahoo!、楽天といった大手Webサイトは、RESTやSOAPを用いたAPIを公開しており、さまざまなサービス提供者や個人がAPIを通して各種サービスを利用している。その一方、世の中のWebサイトの大多数はWeb1.0的なHTMLやCGIフォームしか提供していないのが現実だ。こうした背景からWeb1.0サイトから構造化されたデータを引っ張り出す“Webスクレイピング”技術が急速に発展してきているようだ。 HTMLをXML化し、XPathで関連データだけを抽出 例えば価格情報サイトでは製品名から価格が簡単に調べられるが、Webサーバから提供されるのは、製品名や価格にレ
String#scrape - ヽ( ・∀・)ノくまくまー(2007-01-15)
● String#scrape どうせお前らはあれだろ、scrAPI は強力だし、これこそ自分がまさに待望してた道具、使いこなすぜ！と意気込んでるんだけど、どれだけ決意してもあの複雑な引数に毎回挫折しちゃって、挫折つーかちょっと使いたいだけなのにパーザ(Scrape)用のクラスを定義するのが面倒なんだよね、みたいな言い訳を毎回自分にしつつ、結局使いこなせてない脳内ゆとり世代のお前らなんだけど、まぁ実際引数に無駄に色んな機能を詰め込み過ぎてる感は否めないし、というかextractorのsrcとdstはどう見ても直感的に逆だろ、grepみたいに使わせろよ使えない1だな、みたいな愚痴をこぼしてたら、むしろCSS3なgrepとして使えるだけでいい事に気付いて、You、Stringクラスに入れちゃいなYO！ String#scrape の定義 require 'scrapi' class Strin
XAMJWG – WELCOME TO THE XAMJWG PROJECT
The history of taxi’s In this blog, I will tell you all about how taxis first started. The way the world has changed in terms of transport is so dramatic and no one ever really thinks about just how far we have come over the years. Taxis weren’t always around to chauffeur people about but there were other types of transport that taxis actually originated from. Where did it all start? Years ago, th
TinyMCE JavaScript Content Editor - naoyaのはてなダイアリー:
とある友人に教えても経ったTinyMCEという WYSYWIGWYSIWYG な HTML エディタライブラリがやばそう。 JavaScript で記述された LGPL でオープンソースな クロスプラットフォームの 多言語対応もしてて 簡単に使える ライブラリ。似たようなものに htmlArea というのがあって結構昔に話題になってたんですが、導入がめんどくさかったりブラウザによってはまともに動かなかったりとか色々面倒な感がありました。TinyMCE の方はと言いますと、Installation instructions にもあるとおり、 <html> <head> <title>TinyMCE Test</title> <script type="text/javascript" src="/js/tiny_mce/tiny_mce.js"></script> <script type=
ふつうに横三角 - ぼくはまちちゃん！(Hatena)
ＣＳＳで横三角。「半キャラずらし」 (インターネット帳面) 今回はお題の通りインターネット帳面でもやってる「ＣＳＳで横三角をやる方法」。２バイト文字の三角記号は▲や▼しかないので横方向を示すことができませんでした。これをなんとかどーにかできんものかと。 ↑こんな記事があって、ちょっと面白かったので、 参考までに、ふつうの横三角のコードも書いておきますね！ » (») « («) ▷ (▷) ▶ (▶) ◁ (◁) ◀ (◀) そうそう、この中でも » って結構使えるよ！ よくサイドのメニューとかで、CSS を使って <li> の背景左端に、三角っぽい画像を設定したりするよね！ でも » をつかえば、画像がなくてもこんな感じ！ » Diary » Bookmark » Fotolife »
onsubmit で disable にするやつ
■ onsubmit で disable にするやつ onsubmit で submit ボタンを disable にしてユーザビリティを良くする フォームを送信した時に、submit ボタンを disabled にして二重送信を防ぎましょう、というのがナウなヤングにバカウケ？ そんでもって、ここに書いてあるやつ なら、そこの JavaScript を読み込ませるだけで、自動的に全てのフォームに対して設定が行なわれるので便利。中止ボタン対策もしてあってグッド。 ただ、Deer Park な Firefox で試した所、戻るボタンで戻った場合は disabled が解除されないし、中止ボタンでの復活も効かない様子。 なので、書き直してみました。 var DisableSubmit = { init: function() { this.addEvent(window, 'load', thi
トップページだけでもなんとかしたいのよ
ホームページデザインに悩んだら試してみましょ。スカスカで薄っぺらいトップページだけでも、かっこよくする情報が、ここにあります。
そのテーブル、本当に必要? - 徒委記
そのテーブル、本当に必要? MinuteDesignの記事より 前哨戦 発端2005年3月17日2005年3月18日2005年3月19日2005年3月21日2005年3月23日2005年5月19日 XHTML+CSS (r)evolution資料より2006年7月7日2006年7月8日2006年7月10日 表(table)から定義リスト(dl)へのマークアップの置き換えに関する議論 MinuteDesignの記事より ※元記事は削除されているため、他の記事で引用された箇所の断片を載せています。 前哨戦 pswfさん 「それでも最後のテーブルを投げ捨てられないニュースサイトたち」 (www.minutedesign.com/archives/2005/03/15/last_tables/)引用断片 → MinuteDesignLastTables 森田雄さん Re：それでも最後のテーブルを投
一番簡単な画像置換の方法-imageReplace.js--とあるWEBクリエイターのblog
一番簡単な画像置換の方法-imageReplace.js- 画像置換は設置がややこしく。 デメリット・メリットの切り分けが困難です。 そんなわけで一番簡単な画像置換の方法として、画像置換javascriptライブラリ-imageReplace.js-を作ってみました。 設定は簡単head要素内にimageReplace.jsを読み込むだけ。 <script type="text/javascript" src="./imageReplace.js"></script> あとは、画像置換したい要素にclass属性に『imageReplace』と記述しスペースを空けて『置換する画像名』、『ロールオーバーする画像名』を記述します。 例えばこんな感じに。 <a class="imageReplace ajax_a.gif ajax_b.gif" href="/ajax/">Ajax</a> 『ロー
【HTMLタグ】これってなんの略？タグが何の略なのか調べてみた
免責事項：本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML/JavaScript - Select list - Add/Remove Options (Old School) - mredkj.com
美容外科求人は倍率が高かったです
textareaをたった一行のコードで拡張してくれる『WMD-editor』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
Special Characters
HTML Screen Scraping Tools Written in Java - Manageability
Open Source Web Design - Download and upload free web designs.