Javascript
例によって…何かに再利用できそうなのでメモしておく。 var ExLocation = new function(){ var Q = new Object(); var s = window.location.search.substring(1); var ql = s.split('&'); for(var i=0;ql[i];i++){ var pair = ql[i].split('='); if(Q[pair[0…
ページ上に表示されているHTMLソースコードを選択して別ウィンドウに表示するBookMarklet。 javascript:var S=window.getSelection(); if(S.toString()){ var W=window.open('about:blank'); W.document.open(); W.document.writeln(S.getRangeAt(0).cloneCo…
昨日http://d.hatena.ne.jp/Mars/20080617の続き。ちょっとインターフェースを変更名前も変えた。 テキストノードを処理しないオプションもつけた。 // ノードツリーを順に処理する。 // nodeTree(対象element,func,option) // option - true:テキストノード…
ちょっと都合があって作ったプチ関数。メモしとく。 // ノードツリーを線形に扱う。 // 初期化 var X=new nodeL(DOMNode); // リストを進める X.next();//返値 次ノード/ツリー終了時はfalse // 現在のノード X.C function nodeL(T){ var O = T; this.C = O;…
Javascriptでページ内検索機能を。 ブラウザには元々ページ内検索はあるし、サンプルも転がってる、 もっとうまいやり方があるだろうけど、まぁ、なんかに使えるかもしれないので一応メモとして保存しておく。ページ全体のテキストを検索し、マッチした部分…
WikipediaAPI - ウィキペディア情報をサイトで利用できる APIちょいと前から興味があったので question:1204275464 と、絡めて動作サンプルを組んでみた。 http://c-man.s21.xrea.com/mars/wikitest/ ※ 手ぇ抜いたんで日本語検索非対応！ ※ IEだと互換モード…
question:1203511355 こちらを見て試しにスクリプトを書いた。（後から気付いたけど回答権なしでしたが(笑)）で、思ったのがIE以外で取得できる要素間のレンダリングされないテキストノードを除外するのは結構大変・・・ というかメゲタ。 単なる空白だから…
選択子を絞りこむ為に多段連動するドロップダウンリストのJavascript。→ サンプルポイントは… optgroupでグルーピングしておくこと。 使い方ライブラリ（ConnectedSelect.js）の読み込み <script type="text/javascript" src="ConnectedSelect.js"></script>連動するselectにidを付ける。 親にあたるoptionのvalueと 子にあたる…
question:1193930047 より <script type="text/javascript"> function sample(oId){ var obj = document.getElementById(oId); var stO = obj.innerHTML; obj.innerHTML = stO; } </script> <span id="XYZ"><input type="file" name="file" size="10"></span> <input type="button" value="←" onclick="sample('XYZ')">一見、無意味…
タブブラウザが登場してからwindow.openによるポップアップは使いづらくなってきて、代わりに最近ではwindow.jsとか便利なライブラリも登場している。 まぁ、そこまでじゃなくても、アルバムのようなページで サムネイルからフルサイズの画像を表示するペー…
IEのcurrentStyleとDOMのgetComputedStyleを１個にまとめてみる。 function getCurrentStyle(obj,propertyName){ var Value = ''; if(document.body.currentStyle) { while(propertyName.match(/-([a-z])/)){ var S = RegExp.$1.toUpperCase(); propertyName…
その１に画像を使ったサンプルを追加しようと思ったら、classを書き換える「状態」は３種類じゃなくて４種類がいいなと、思ったのでプチ改造。→ サンプル-その２また、inputを非表示にしてしまうとキーボードで操作不能（フォーカスが移らない）事が判明。ダ…
過去の課題をほったらかしのまま、また、新たな試み。通常、CSSを用いてもデザイン変更が難しいフォーム部品の一つ、ラジオボタンのデザインをカスタマイズを可能にしてみる。まず、前提としてラジオボタンのラベルはlabel要素でちゃんとマークアップしてあ…
普通に書いたテーブルに対して、Excelのようにヘッダ部以外をスクロール可能に変更するJavascript。 →その１ →その２ → サンプル うまくいかないのでとりあえずちょっとシンプルな方向に振ってみる。 幅の指定をなくし、元のテーブルと同じになるようにして…
普通に書いたテーブルに対して、Excelのようにヘッダ部以外をスクロール可能に変更するJavascript。 →その１ → サンプル幅の固定化をしていない表をサポートしようと試みるが失敗。 ネタ元 id:zwfk:20041110 for(var i=0;i
あ゛ 日記編集で失敗して11月8日分、消しちゃった。 とほほ。 トラックバックやコメントしてくれたいた方、ゴメンナサイ。サンプルへのリンク等はとりあえず11月11日分に。
見ているページにスタイルシートを追加してみるBookMarklet。ブラウザをFirefoxに乗り換えたら前回作ったものは使えなかった。 なので、Firefox用を。 javascript:var X=prompt('追加スタイル','<style type=%22text/css%22></style>'); if(X){var H=document.getElementsByTagName('head')[0]; …
クリップボードの内容を本文として新規メールを作成するBookMarklet。 http://www.hatena.ne.jp/1098417315 javascript:window.open('mailto:hoge@hatena?subject=題名&body='+clipboardData.getData('Text').replace(/￥n/g,'%250D%250A'),'','');void(0);…
テーブルの中身を特定のセルの内容を参照して並び替えるJavascript。の、Pert4。→ サンプルスクリプトクロスブラウザ対策は未施工のまま、若干修正。 数値としてソートする時の数値化にparseIntを使っていたので、parseFloatに修正。 テキストの抽出処理変更…
テーブルの中身を特定のセルの内容を参照して並び替えるJavascript。の、Pert3。 の、その後。 「はてな」でMacユーザさんにテストをお願いした結果。テストしてもらったサンプルスクリプト IE5.23…NG ソートされるもテーブルのレイアウトが壊れている模様（…
テーブルの中身を特定のセルの内容を参照して並び替えるJavascript。の、Pert3。＞＞ Part 1 | Part 2スクリプト全体を見直し。 若干の効率アップと、テーブル関係のコレクションを積極的に利用するようにした。 おかげで、Part 1でのGecko(Netscape/Mozilla…
テーブルの中身を特定のセルの内容を参照して並び替えるJavascript。の、Pert2。 ＞＞ Part 1ページへの組み込みが簡単になるように変更。（外部ファイル化他） セル内がマークアップされていてもテキストのみを抽出してソート可能に。 （画像(IMG)はalt属性…
テーブルの中身を特定のセルの内容を参照して並び替えるJavascript。元ネタは とほほのWWW入門 で紹介されている テーブルをソートする弱点として、セル内がテキスト以外の場合にソート不可能だったのを、マークアップ可とした。（ソートキーとするセルにつ…
指定期間だけメッセージを表示するJavascript。 コンテンツの新着表示などで使用。 <html> <head> <title></title> <script type="text/javascript"> </head></html>
見ているページにスタイルシートを追加してみるBookMarklet。 javascript:var X=prompt('追加スタイル','<style type="text/css"></style>');if(X){var H=document.getElementsByTagName('body')[0];H.innerHTML = H.innerHTML+X;}void(0);＞＞ サンプルpromptで入力されたソースを直前に追…
パスワードとファイル名を同期させ、ソースを見てもパスワードがバレないタイプのパスワード入室制限だが、パスワードが違った場合は単純に 404 not found になるだけである。 もちろん、パスワードなんてのは正解するのが前提なのでそれでもいいのだが、一…
http://www.hatena.ne.jp/1092729362textarea内のURLをリンクに変換するBookMarklet。 アンカータグ有効で、かつ、自動リンクが行われない掲示板への投稿の際に使用。 # フレーム内のページには未対応、textareaはページ内に１つという前提。 javascript:var…
http://www.hatena.ne.jp/1092040368 iframe内に他のhtml*1を読み込み、そのbody配下の内容を書き出す。 複数ページで共通ヘッダ等を埋め込むために使用。ただし、Netscapeでは読み込んだファイルの書き出し部分が元のhtmlに重なってしまう・・・解決策模索…
