JavaScript でトップページへのリンクを追加する - bkブログ
JavaScript でトップページへのリンクを追加する 最近のサイトの多くは、ページの左上にあるリンク画像から、どのページからもトップページに戻れるようになっています。一方、私のブログ以外のページではそうなっていなかったので、 JavaScript を使ってトップページへのリンクを追加してみました。 私のブログ以外のページは歴史的事情によりすべてただの HTMLファイルで構成されています。これらをすべて書き換えてトップページへのリンクを追加するのは大変です。perl -i -pe などの方法で一括置換してリンク画像を挿入する方法もありますが、今後のメンテナンスを考えると考えものです。 そこでもっと楽な方法はないかと考えたところ、都合のいいことに、これらのページでは、右側のサイドバー (サイト共通のリンクなどが並んでいる領域) 用に共通の JavaScript ファイルを読み込んでいること
Collection & Copy - 相対パスを絶対パスに変換する
JavaScriptIE 6、IE 7、Firefox 2.0、Opera 9で確認。 function absolutePath(path){ var e = document.createElement('span'); e.innerHTML = ''; return e.firstChild.href; } alert(absolutePath('/')); 関連リンクJavaScriptな日々 | 相対パスを絶対パスに変換する方法Imageを使っています。 getAttribute href bugBug Report: getAttribute(”HREF”) is always absolutegetAttribute("href",2)とか。既存のa要素のhrefは上記の方法で絶対パスになるけど、document.createElement('a').href='/'では、
Advanced Javascript by Douglas Crockford » Fat Agnus
KUDAHOKI - Situs Slot Online Resmi Server Thailand dengan Fitur Terlengkap KUDAHOKI adalah situs slot online resmi dengan server Thailand tercepat dan fitur terlengkap di kelasnya. Dengan dukungan teknologi canggih, kami menghadirkan pengalaman bermain slot yang stabil, bebas lag, dan aman untuk semua pemain Indonesia. KUDAHOKI bekerja sama dengan provider ternama seperti Pragmatic Play, PG Soft,
Javascriptでの小数計算について - 技術メモ帳
javascriptというわけではないのだが、 PHPやりつつjavascriptいじるとハマります。 二進表記で表現できないものがあるため、 循環小数になってしまうとかそういった話だった気がする。 ご覧の通り、まったく詳しくない。 0.1 を 10 回足すと、どうなるでしょうかという話。 0.1 + 0.1 + 0.1 + 0.1 + 0.1 + 0.1 + 0.1 + 0.1 + 0.1 + 0.1 => 0.9999999999999999 とりあえず、自分の知っている対策は それぞれを n 倍してから 最後に n で割るという方法。 nは場合により使い分ける。 (0.1 * 10 + 0.1 * 10 + 0.1 * 10 + 0.1 * 10 + 0.1 * 10 + 0.1 * 10 + 0.1 * 10 + 0.1 * 10 + 0.1 * 10 + 0.1 * 10) /
DOM Elementオブジェクトをテキストダンプしてデバッグ - hogehoge @teramako
DOM APIを使用して作ったDOMツリー、うまく生成されているか見てみたい事は多々ある。少なくともオイラはある。簡単にテキスト表示してくれると嬉しいなぁと常々思っていたのだが発見した。 Firefox（というかMozilla系かな）限定だろうけどXMLSerializerがあるのだ。 使い方は簡単。 var serializer = new XMLSerializer(); //略 var root = document.createElement('div'); var anchor = document.createElement('a'); var aText = document.createTextNode('はてな'); anchor.setAttribute('href','http://www.hatena.ne.jp/'); anchor.appendChild( aT
[javascript][抜粋]Function.prototype.* - koyachiの日記
javascriptはFunction.prototypeに追加したメソッドで元の関数の挙動を変更することができる。 later 最速インターフェース研究会 :: Function.prototypeを拡張して遅延実行を実現する 関数の実行を指定時間後に行なう。 var func = function(v){alert(v)}; func.later(1000)("1秒後に警告"); func.later(2000)("2秒後に警告"); func.later(1000).later(2000)("3秒後に警告"); (function(v){alert(v);arguments.callee.later(1000)(v)}).later(1000)("1秒ごとに実行") callTimeout, callInterval Kazuho@Cybozu Labs: setTimeout をオ
![[javascript][抜粋]Function.prototype.* - koyachiの日記](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9e7062108d4ed1810c09e872db5aea67bc045a2/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117127087450771%2F17680117127087455475%2F1556437284)
ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」:phpspot開発日誌
ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」 2006年12月27日- Particletree Dynamic Resolution Dependent Layouts ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」。 読み込んでおくだけで、750px以下、750px以上/950px以下、950px以上の３つのウィンドウサイズに応じて自動でCSSを切り替えることが出来ます。 JavaScriptの知識が一切なくとも、利用者の端末に合わせて、最適なUIを選択することができ、なかなか面白い＆便利。 アイデア次第で凄く優れたWEBサイトになりそうな感じですね。 (750px 以下) (750px以上/950px以下) (950px以上) 関連エントリ AjaxでSS
高度な JavaScript 技集
JavaScript で作って意味があるのかどうか分かりませんが、作ってみました。 応用編 入力したテキストをページ上に書き出し、個々の文字をドラッグ＆ドロップ で動かせるようにする ソースを読んでも中身が分からない HTML を作成する パスワードチェックの部屋 (パスワードは「開けごま」ですが、HTML のソースや JavaScript を解析しても、絶対にパスワードが分からない仕組みになっています。) バー ライブラリ編 こんなの JavaScript で作るかよってな代物です。 できてしまったものはしょうがないでしょう。 utf.js (UTF-8 <-> UTF16 変換) base64.js (Base64 encode/decode) md5.js (MD5) des.js (DES 暗号化/復号化) zlib.js (JavaScript による zlib 実装、zlib
Collection & Copy - Deferred、遅延リソースのインターフェース、パターン
JavaScript setTimeoutで実行される関数の中で発生するエラーは、セットした部分のtry/catchで補足することはできません。 function throwError(){ throw new Error('ERROR'); } try{ setTimeout(throwError, 3000); } catch(e){ // ここには到達しない alert(e); } MochiKit.Async.Deferredを使うと、エラーバックでエラーを補足できます。 callLater(3, throwError).addErrback(function(e){ alert(e); }); エラーの補足以外にも、Deferredのインターフェースから以下が行えます。 キャンセル(cancel)状態(fired)コールバックの追加(addCallback)エラーバックの追加
2006-12-29
画像拡大後も処理を繰り返してしまう問題があったので修正しました。 http://yagi.xrea.jp/2006/12/miximix.user.js Greasemonkeyスクリプトなどを書いてると、対象HTML中にJavaScriptを埋め込みたくなることがあります。 ベタに書くと大変うざいことにりますが、 script.innerHTML = "add = function(a, b){" + " var ans = a + b;" + " return ans;" + "}"; こう書くとすっきり。 script.innerHTML = "add = " + (function(a, b){ var ans = a + b; return ans; }); 関数を普通に記述した上で、それを文字列に変換。
クロスブラウザで動作するベクターグラフィックスライブラリ「dojo.gfx」:phpspot開発日誌
dojo: Clock demo This widget is a demonstration of the new dojo.gfx library. クロスブラウザで動作するベクターグラフィックスライブラリ「dojo.gfx」。 dojoにdojo.gfxというグラフィックスライブラリが追加されたみたいなのですが、そのライブラリを使ってどんなことが出来るのかを示したデモを以下に紹介。 ベクターグラフィックスを使った時計(ちゃんと動きます) ドラッグ可能なカラフルサークル(円の曲線が滑らかですね) 試していませんが、このライブラリを使うことで色々楽しいことが出来そう。 ベクターなので拡大しても綺麗に表示されるものが作れますね。 関連エントリ グラフ描画機能が追加されたJavaScriptライブラリ「Dojo 0.4」
JavaScriptでMacOS XのDock機能を実現する:phpspot開発日誌
Alexei@Nitobi Blog Archive Development Diary: Taming the Fisheye I thought it might be a good idea to document the development of one of our components from a user-interface perspective. We’re in the process of developing a host of new components now, which should be ready for release early this spring. One of these is a Fisheye Menu. JavaScriptでMacOS XのDock機能を実現する。 Dock機能というのは、次の画像のようにカーソルを合わせると画
Firebugを使ってはてなダイアリーのコメントをまとめて削除 - 技術メモ帳
最近、というか継続的に謎の外人さん から大量のコメントを頂いていた。 (多分高度な知的生命体が僕とコンタクトをとろうとしてる。) 悲しい事に宇宙語が僕はまったくわからないので すべて reject する事にした。 (愚かしい事にも僕は対話ではなく拒絶を選択したのだ。) コメント部分のチェックボックスをすべて true にする Firebug用のスクリプト適当にでっちあげた。 Array.forEach( $$(".list-plain")[0].getElementsByTagName("input"), function(e){ if(e.type=="checkbox") e.checked=true; } ); コレを実行した後はコメント削除ボタンをぷっしゅ。
Google Web Toolkit - Google Code
GWT is used by many products at Google, including Google AdWords and Google Wallet. It's open source, completely free, and used by thousands of enthusiastic developers around the world. GWT is the official open source project for GWT releases 2.5 and onwards. This site houses links to the documentation, source code repository, issues list and information related to GWT roadmap and release. It is i
ドキュメントオブジェクトモデル（DOM） - とほほのWWW入門
DOMとは 要素（エレメント）を参照する document.getElementById(id) element.getElementsByTagName(tagName) element.getElementsByClassName(className) element.getElementsByName(name) element.querySelector(selector) element.querySelectorAll(selector) element.childNodes element.parentNode element.firstChild element.lastChild element.previousSibling element.nextSibling 要素リストから要素を取り出す 要素内の文字を参照する 属性を参照・設定する 要素の属性値を参照する 属性値
「足あとライブ！」に関するテクニカル・メモを書いてみた
「足あとライブ！」や「ホットエントリーライブ！」を作っているうちに、CometサーバーとJavascriptをどう組み合わせれば良いか、なのどノウハウが色々とたまってきたので、一度テクニカル・メモの形にまとめてみることにした。ちょうど英語のブログの更新が止まっていて、なんとかせねばと思っていたので、そちらのエントリーとして書かせていただいた。 Live Page-View Counter, Comet server and JSON-push ソースコードすべてを公開しているわけではないが、C++で直接ソケットを操作するコードを書くことができて（つまりCometサーバーを自作することができて）、サーバー側のスクリプト(言語は問わない)とJavascriptをある程度書ける人であれば、このペーパーに書かれた情報を元に自分でも同じようなサービスを作ることが可能になるように書いたつもりである。も
Live Page-View Counter, Comet server and JSON-push
Overview A "page-view counter" or "hit counter" is a mechanism that displays the number of page-views on an HTML page. It uses a server side of script that counts the page-views, dynamically generates an HTML page on the server side, and returns it back to the browser. Although it accurately displays the number of page-views at the point when the HTTP request was made to fetch the HTML page, it wi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SimpleJS
JSONを使ってAJAXベースのアプリケーションを高速化する：CodeZine
IBM Developer
