超短い JavaScript Effect ライブラリ - IT戦記
ちょっと急用で実家の金沢に帰ってきた ついでに夏休みを取り、金沢の街を満喫しています。いつ来ても変わらない街。仕事のことなんか忘れて、この街でフリータでもしながら、ほそぼそと生活するのもありかもしれない。なんて。本気で考えてみたり。幸せってなに・・・ クーラーがなくても、田舎の夜は涼しい。 扇風機の風がいい感じ。 そんな夜に少し閃いて Effect ライブラリを作ってみた。 （ちなみに、Geckoしか動かなそう：未検証） (e=document.documentElement.__proto__.__proto__).effect=function(f,d){var s=this;s._i=setInterval(function(){f.call(s)},d)};e.stop=function(){if(this._i){clearInterval(this._i);delete thi
Prototype.js 1.5.0 がこの一週間めちゃめちゃ更新してるので、新しい機能をまとめてみた - IT戦記
最近の Prototype.js LL Ring でも言ったけど、まったくもって 4 ヶ月間更新なしだった。。。 しかし！ ここ、 1 週間でこんなに更新があった！ http://dev.rubyonrails.org/changeset?new=spinoffs%2Fprototype%404950&old=spinoffs%2Fprototype%404236 ということで、新しい機能まとめ DOM 要素に observe, stopObserving Element.Methods に observe が追加された。 var handler = alert.bind(null, 'クリックありがとう！'); $('target').observe('click', handler); // うーん、直感的！ $('target').stopObserving('click', han
javascript - 任意のはてブをその場で表示 : 404 Blog Not Found
2006年09月28日17:00 カテゴリLightweight Languages javascript - 任意のはてブをその場で表示 というわけで、お待ちかね。 404 Blog Not Found:javascript - prototype HateBJSON - 弾のコメント 秀作はあとで出るはずなので直しました。 考えかたは簡単で、「404 Blog Not Found:javascript - prototype HateBJSON」のparse_hatebjson()を以下のように書き換えるだけです。 なおここでは、dommaker.jsを使っています。 function parse_hatebjson(json){ var bm = json.bookmarks; if (! bm) return; var E = new DOMMaker(); // use http
Tremend Tech Blog Spreadsheet dojo widget
Update3: We’re back to our own hosting.Update2: Razvan Dragomirescu was kind enough to mirror the spreadsheet widget. Click here to access the demo. Thanks, Razvan!Update: Due to high traffic the demo page might load very slowly. Please have patience. In the last weeks, I’ve been using my so very little spare time to create a spreadsheet widget based on dojo. Click here for a demo of the spreadshe
404 Blog Not Found:javascript - DOMMakerで楽々DHTML
2006年09月28日02:00 カテゴリLightweight Languages javascript - DOMMakerで楽々DHTML DHTMLは便利なものだが、DOM関連の関数でHTMLを「描く」のは、あまりに面倒だ。 たかだか <a target="blank" href="http://blog.livedoor.jp/dankogai">404 Blog Not Found</a> とやるのに、 var a = document.createElement('a'); a.setAttribute('target', 'blank'); a.setAttribute('href', 'http://blog.livedoor.jp/dankogai'); a.appendChild(document.createTextNode('404 Blog Not Found'
テキストエリアとかリサイズ可能にする JavaScript
■ テキストエリアとかリサイズ可能にする JavaScript 好評の、読み込ませるだけシリーズ の6番目。 このスクリプトを読み込ませるだけで、ウェブ上にある TEXTAREA とかその他色々好きな要素がリサイズ可能なやつに大変身。とりあえずサンプル見るのが手っ取り早いです。 実際の動作サンプル テキストエリアの右下にマウスカーソルを持っていくとカーソル形状がかわるので、そのままドラッグするとサイズも変わります。 自分はグリモンスクリプトで快適なんですが、サービス提供側でこういう機能を提供してくれたら幸せな人が増えるんじゃね？とか思ったので作ってみました。 実際のリサイズ方法に関しては、愛用している Changing <textarea> Size のコードが大変参考になりました。ありがとうございます。 コードは次の通りです。 メイン部分。 var ElementResizer = {
テキストエリアとかリサイズ可能にするやつサンプル
テキストエリアとかリサイズ可能にする JavaScript のサンプル ボクもリサイズできるよ
Ajax うきうき Watch 第13回 オンラインゲームで検索の精度を上げる「Google Image Labeler」
さて、このサービスを試して最初に気付くのは、あまりに低いゲームへの参加障壁でしょう。guestの立場であれば、Webブラウザでアクセスし、ボタン1つでプレイ開始できます。ユーザー登録や、専用ソフトのインストールの手間もありません。プラグインのインストールの手間もありません。とても簡単にゲームを始められます。この手軽さが、とてもAjax的です （このサービスは、Google Web Toolkitで開発されているようです）。 しかし、このサービスの真の価値は、実はそこにはありません。このゲームには、画像検索の精度を上げるという具体的な効能があるのです。ですが、ゲームで検索性能が向上するなどということがあるのでしょうか？ 通常の検索はキーワードを入力して、それに一致するテキストを探します。しかし、キーワードから画像を探す検索は、そもそも画像は文字ではないので、キーワードと一致することはありませ
javascript - Google Map 4 Dummies : 404 Blog Not Found
2006年09月26日21:45 カテゴリLightweight Languages javascript - Google Map 4 Dummies なんやら日本のGoogle Mapも新しくなったようなので、自分の習熟もかねて、Javascriptの知識がなくてもGoogle Mapをblogなどに貼る方法を用意してみた。 とりもあえずにソースだけ見てもらうと、こんな感じになる。太字がカスタマイズが必要なところ。 <script src="http://maps.google.com/maps?file=api&v=2&key=あなたのAPIキー" type="text/javascript"></script> <script type="text/javascript"> //<
CSSとJavaScriptで影付きの角丸ボックス要素を作る:phpspot開発日誌
Transparent custom corners and borders, version 2 | 456 Berea Street It’s been almost a year and a half since I posted Transparent custom corners and borders, a technique for creating custom corners and borders with optional alpha transparency. CSSとJavaScriptで影付きの角丸ボックス要素を作る。 次のような２重線と影がついたボックスのサンプルが公開されています。 HTMLは次のようにシンプルな形に出来るようです。 <div class="cbb"> <h1>Transparent custom corners and borders, v
404 Blog Not Found:javascript perl - 住所でGoogle MapにアクセスするHack
2006年09月27日02:00 カテゴリLightweight Languages javascript + perl - 住所でGoogle MapにアクセスするHack + これとこれがそろえば、ここまで来るのは時間の問題というものです。 問題点 Google Map APIでは日本のGeocodingに(まだ)対応していないため、いちいち緯度と経度を調べる必要がある。 解決策 「Geocoding API - 住所から緯度経度を検索」を使って住所から緯度と経度を調べればいい でもXMLではクロスドメイン問題がある ならばJSONPへの変換サーバーを用意すればいい あとはその結果をGoogle MAPに反映させればいい geocoding.jp -> JSONP 変換サーバー これはXML2JSONPを応用すればあっという魔。 gcjp2jsonp.cgi gcjp2jsonpのテス
JavaScriptリファレンス
{"is_any_tile":false,"sources":[{"source":"bmc_bonus_type","table_games":false,"bonus_types":false,"game_providers":false,"slots":false,"live_games":false,"is_live_dealer":false,"payment_methods":false,"sport_types":false,"live_streaming":false,"cash_out":false}]} ウェルカムボーナス {"is_any_tile":false,"sources":[{"source":"bmc_bonus_type","table_games":false,"bonus_types":false,"game_providers":false,"sl
JavaScript サンプル集 & HTML の基礎
JavaScript の基本 HTML の基礎 JavaScript の基本 変数・演算子 文法 フォーム フォームにアクセスする イベントハンドラ オブジェクト一覧 HTML の基礎 よく使いそうなタグ 画像・リンク テーブル フレーム メタ情報 その他 JavaScript - ウィンドウ関連 開いているウィンドウを閉じる 新しいウィンドウをサイズ指定して開く 指定したページに移動する 指定したページを読み込む 戻る・進む リンクを全て新しいウィンドウで開く 警告を表示する ページを更新する 画面の解像度 ステータスバーに表示する JavaScript - ドキュメント関連 ページ内に書き込みする タイトル・ツールチップを変える クッキーの読み書き ファイルサイズを取得する (IE) JavaScript - 時間関連 JavaScript - ブラウザ関連 タイマー・タイマーを止める
Dreamweaverの代わりになるフリーソフト「Aptana」 - GIGAZINE
JavaScriptの開発環境、要するにJavaScript用IDEという位置づけなのですが、HTML、CSSの構造をアウトラインで示してくれたり、文法の間違いを指摘してくれたり、やっていることはほとんどDreamweaverの持っている機能と同じです。 特に面白いのはJavaScriptやCSSなどがInternetExplorerとFirefoxに対応しているかどうかが一発で分かる点。JavaScriptのエラーについても細かい部分まで指摘してくれます。つまり、実行しなくてもエラーがドコにあるのか分かる「静的解析」が可能というわけ。 Windows、Macintosh、Linux版があり、Eclipseプラグインとして動作するバージョンもあります。 スクリーンショットや実際に動かして機能を解説しているムービー、ダウンロードは以下から。 Aptana: The Web IDE http:
JavaScriptで人工衛星の位置を表示する
JavaScriptで人工衛星の位置を計算して地図上に表示します。表示される桁数ほどの精度はありません。太陽系はこちら。 月周回衛星「かぐや」（SELENE）の軌道についてはJAXAの軌道データ提供システムをご覧ください。（要Java SE + Java 3D） 最近の更新 2008年9月29日 ATVが大気圏に再突入。 2008年9月28日 神舟7号が帰還。 2008年9月26日 有人宇宙船 神舟7号を追加。 2008年9月7日 光学画像衛星 GeoEye 1を追加。 2008年8月22日 通信衛星 スーパーバードC2号機を追加。 地図 最近30日間に打ち上げられた衛星 国際宇宙ステーション 明るい衛星 気象衛星 ゴーズ 地球資源衛星 追跡データ中継衛星 捜索救助衛星 静止通信衛星 アマチュア無線衛星 運用中のGPS衛星 ガリレオ衛星 科学衛星 測地衛星 技術
JavaScript サンプル：『2つの時刻の間隔を計算させてみる』
説明 入力してもらった2つの時刻の間隔を計算してみます。 計算結果は「時」を単位にします。例えば2時間30分なら「2.5時間」となります。 コード function timeDiff(obj){ var date1 = new Date(); var date2 = new Date(); var diff = 0; if (obj.value == "" || isNaN(obj.value)) { obj.value = "00"; } obj = obj.form; date1.setHours(parseInt(obj.text1.value,10)); date1.setMinutes(parseInt(obj.text2.value,10)); date1.setSeconds(0); date2.setHours(parseInt(obj.text3.value,10)
HTML Components
この文書は、W3C 標準情報 (TR) の覚書 (NOTE)、"HTML Components" <http://www.w3.org/TR/1998/NOTE-HTMLComponents-19981023> を ToyFish.Net が独自に翻訳したものです。この仕様書の正式なものは W3C のサイトにある英語版であり、その著作権は W3C が保有しています。また、翻訳に誤りがある可能性に留意してください。 翻訳の最終更新日: 1999 年 10 月 20 日 NOTE-HTMLComponents-19981023 HTML Components ウェブアプリケーションのコンポーネント化 この版 (原文): http://www.w3.org/TR/1998/NOTE-HTMLComponents-19981023 最新版: http://www.w3.org/TR/NOTE-HT
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Yahoo
JavaScript リファレンス
Technical documentation
