amachang - JavaScript 入門This domain name has been registered with Gandi.net. It is currently parked by the owner.
innerHTMLでscriptする - Thousand Years
innerHTMLにscriptを代入しても評価されず無視されるのはIEの仕様なのでいいとしてその回避策。最近、昔あの方法で出来たんだけどいつの間にかできなくなってるコードが出てきている気がします(気のせいにしておこう)。 以下は一般的な動かないコード。 <div id="foo"></div> <script type="text/javascript"> document.getElementById('foo').innerHTML = "<script type='text/javascript'>alert('動かない')<"+"/script>"; </script> 以下は動くコード。 <div id="foo"></div> <script type="text/javascript"> document.getElementById('foo').innerHTML =
JavaScriptでIEかどうかをたったの1行で判別する方法:phpspot開発日誌
Dean Edwards: Sniff! My current frog exaggerator of choice JavaScriptでIEかどうかをたったの1行で判別する方法。 なんと、次の1行だけで、isMSIE 変数に、IEで見れば true 、そうでなければ false を代入することが出来ます。 var isMSIE = /*@cc_on!@*/false; 次のサンプルコードで確認しました。 <html> <script language="javascript"> var isMSIE = /*@cc_on!@*/false; if (isMSIE) { alert('IE!'); } else { alert('not IE!'); } </script> <body> </body> </html> IEであれば IE! を alert し、そうでなければ not I
Klaus Hartl - Stilbüro : Tabs plugin update: Support for (unobtrusive) Ajax
I have updated the Tabs plugin the other day. It now supports loading tab content via Ajax. As one could have expected I did that in an unobtrusive manner. The HTML you need is slightly different from the one that is used for static tabs: A list of links pointing to existing ressources (from where the content gets loaded) and no additional containers at all (unobtrusive!). They’re going to be cre
livedoor ReaderでのOPMLインポート後画面の“チェックボックス操作”を再現するJavaScriptサンプル - F.Ko-Jiの「一秒後は未来」
Top/プログラミング/Javascript/livedoor ReaderでのOPMLインポート後画面の“チェックボックス操作”を再現するJavaScriptサンプル 昨日書いた「チェックボックスをマウスでなめるようにドラッグするだけで切り替えるJavaScriptのサンプル」に対して「livedoor Readerのとは少し違う」というツッコミがありましたので、再度サンプルを作り直してみました。 修正点は以下の通り。 チェックボックスを囲むリストエレメントでも操作は有効 リストエレメントもしくはチェックボックス上でmousedownしたらチェック状態を切り替える マウスをドラッグすると、他のチェックボックスは最初に切り替わったチェックボックスの状態へのみ切り替わる (JavaScriptが無効なRSSリーダーから見ている場合はページを訪問してください。) ソースコード /* サンプルの
404 Blog Not Found:javascript CSS - google-code-prettifyの導入
2007年03月26日16:00 カテゴリAnnouncementLightweight Languages javascript+CSS - google-code-prettifyの導入 google-code-prettifyを本blogでも導入しました。 google-code-prettify - Google Code ex: 404 Blog Not Found:CGIの神話と現実 404 Blog Not Found:たらいを回すならHaskell cf: 404 Hatena::Diary not Found - [Hatena::Diary] スーパーpre記法のテスト ここでは、Livedoor Blogでの具体的な導入法を解説します。 必要なファイルの入手とインストール 以下のファイルを入手して、アクセスできるようにしておきます。 http://google-cod
jQuery Pseudo Plugin (:before and :after in Internet Explorer)
A jQuery plugin for :before and :after in Internet Explorer. Pseudo-who? CSS2's :before and :after pseudo-selectors are really handy ... but they don't work in Internet Explorer. Nope, not even IE7. I bet you're thinking: "But what if we used as many proprietary Microsoft features as possible all at the same time, that'll show 'em!" And you know what? You're absolutely right. You've just gotta lov
404 Blog Not Found:perl - 任意のURIからfaviconを取得するAPI
2007年03月22日04:30 カテゴリLightweight Languages perl - 任意のURIからfaviconを取得するAPI 「404 Blog Not Found:Hatena::Bookmark - ぶくマのfaviconを表示する」で示したようなアプリケーションは今後結構ありうると考えて作りました。 利用法は簡単です。 <img src="http://api.dan.co.jp/favicon/http://www.example.com/path/" alt="favicon"> 例: http://api.dan.co.jp/favicon/http://blog.livedoor.jp/ → http://api.dan.co.jp/favicon/http://blog.livedoor.jp/dankogai/ → とはいっても、大々的に使ってもらう
超リッチJavaScriptコンポーネント集「Ext」がprototype.jsに対応:phpspot開発日誌
Ext Documentation Centor 超リッチJavaScriptコンポーネント集「Ext」がprototype.jsに対応。 以前、「Yahoo UI Libraryを拡張した超リッチなコンポーネント集」で紹介したリッチなコンポーネント集はYahoo UI Library 用のものでしたが、 なんと、prototype.js+script.aculo.usでも動作するようになりました。 尚、jQueryにも対応しているようです。 こうしたコンポーネントライブラリで、コアとなるライブラリを選択できるのはより多くの開発者が使えていいですね。 ライブラリだけではなく、テーマを切り替えることも出来て、自由度がいい感じです。 コアとなるライブラリを切り分ける、という、このライブラリ自体の設計部分にも注目したいですね。 コアライブラリの切り替え 画面内ウィンドウ データグリッド タブ風Ｕ
javascript - CSSをいじくる : 404 Blog Not Found
2007年03月12日02:00 カテゴリLightweight LanguagesiTech javascript - CSSをいじくる JavaScriptでDOM要素のstyle属性をいじるのは簡単ですが、これがCSSともなるとobject treeが深くて大変で、Webを見回してもほとんど参考例がありません。動的にCSSをいじっているサイトの例は徳保さん趣味のWebデザインぐらいしか見かけません。 というわけで、習作を兼ねて、style属性ではなくCSSをまるごと書き換える関数を作ってみました。 CSS Manipulation via JavaScript http://www.dan.co.jp/~dankogai/css/css_handlers.html 解説 動作確認はFirefox 2, Opera 9, Safari, Mac IE5で行っています。Safariでのみ
Abe Fettig’s Weblog » Detecting IE7+ in Javascript
Today I was updating some Javascript code to support the rapidly-approaching Internet Explorer 7. There were a few places in the code where there were IE-specific workarounds, which happily are no longer needed in IE 7 thanks to its improved standards support. Yay position:fixed! Where the code used to check for if (ie) { ... }, now I wanted it to check for if (ie6OrLower) { ... }. So how to you
テキストをXHTMLに変換するJavaScript製「Markdown」ライブラリ:phpspot開発日誌
Showdown - Markdown in Javascript テキストをXHTMLに変換するJavaScript製「Markdown」ライブラリ。 次の画像を見てください。左の入力欄にテキストを入力すると、リアルタイムで右のウィンドウにHTMLに変換されたページが表示されます。 要は、Markdownとは、WIKIのような文字列変換を行うもののようですね。 ライブラリ自体はダウンロードして自分のツールに独自に組み込んだり出来そうです。 JavaScriptで出来ているということで、サーバに依存せず、アイデア次第で面白いもの/便利なものが作れるかもしれませんね。
JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ:phpspot開発日誌
JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ。 バリデートするライブラリも沢山でてきました。とここら辺で一度まとめておきました。 Really easy field validation (デモ) - 入力値がおかしいと、エラーメッセージをフェードインさせながら超クールに表示できます。 ※ ページの最後で使い方紹介（これは良いです） Remember the milk風の登録フォームも作れそう prototype.js依存。 Realtime validation using Ajax (デモ) - Ajaxなどを駆使して、入力値を動的にチェックするライブラリ Validate.js (デモ) - リアルタイムではないけど、入力値をチェックするためのライブラリ Tooltip for forms - 入力チェックではないけど、フォームの入力ヒントを出して
HeartRails Glance を入れてみた : 404 Blog Not Found
2007年03月01日05:30 カテゴリBlogosphere HeartRails Glance を入れてみた 当blogでも、 sweetloveさんにならって尻を出してみた、失礼、リンク先のサムネールを出すようにしてみた。 前々からこの手のサービスは欲しいと思っていたのだが、さまざまな懸念があって導入に踏み切れなかった。しかし、今回の HeartRails Glance を見て、これなら行けるかもという気持ちになったので、いくつかページでかれこれ設定を試した後、導入に踏み切ってみた。 ただし、チラ見対応は個別ページのみで、トップページや月別/カテゴリーアーカイブはそのままにしてある。 HeartRails Glance | リンク先 「チラ見」 サービス 「HeartRails Glance」 は、お客様のサイトに 「チラ見」 機能を付加するサービスです。「チラ見」 機能が付加され
Lazyと非同期処理 - snippets from shinichitomita’s journal
やばい、おもしろいなあ。こういうのはできれば休日にしてほしいよ。 http://la.ma.la/blog/diary_200702210356.htm lazy化するところも汎用的に書いたらだめかしらん？ Function.prototype.to_lazy = function() { var orig = this; var args = Array.prototype.slice.apply(arguments); var lazy_object = { isLazy: true, force: function(callback){ orig.receive_lazy().apply( null, args.concat(function(value){ lazy_object.isLazy = false; lazy_object.value = value; callback
JavaScript継承パターンまとめ - Thousand Years
プロトタイプ function Animal(){}; Animal.prototype = { sleep : function(){}, walk : function(){ alert('noshi, noshi') } }; function Human(){}; Human.prototype = new Animal(); new Human().walk(); // noshi, noshi もっともポピュラだと思われる。 変型プロトタイプ Human.prototype.__proto__ = Animal.prototype; new Human().walk(); // noshi, noshi ほとんどのIEを除くJavaScript処理系で実行可能。裏ワザちっく。 エクステンド /** * extend function * @param {Object} s su
ローカル変数も展開したい！ - sawatのブログ
弾さんのとこで、JavaScriptでテキスト内の変数展開をやる方法がでてる。 テキスト内の変数展開はいつも欲しいと思う。+で文字列を連結するのうざい!というわけで作ってみました。 function interpolate(str){ return str.replace(/#\{([^\}]+)\}/g, function(m0,m1){ var v = ''; try{ v = eval(m1); }catch(e){ v = e } return v; }); } http://blog.livedoor.jp/dankogai/archives/50766443.html でも、 先生、これじゃローカル変数が展開できません！ なので、こんな感じでいかがでしょう？ function interpolate(str) { return "\""+ str.replace(/\\/g,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
google-code-prettify - syntax highlighting of code snippets in a web page - Google Project Hosting
YUI アニメーションto,by,unit... [Javascript] All About![YUI アニメーションto,by,unit... [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/3a713ecab6d4800da05c4504abbf5718b1613b04/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
入力テキストその場で確認！ライブコメントプレビュー