Ermitejo - エスペラント語日本語翻訳

• Ermitejo
• > 開発日誌
• > タグ「JavaScript」の記事一覧

カーソル（キャレット）位置の取得法

分類: 公開, 開発記 / タグ: JavaScript, 使い勝手, 処理概説, 字上符付き文字, 辞書引き

言及が遅くなりましたが、辞書引き機能のversio 2.2.0, 2.2.1を公開しました。バージョンの上がり具合は2.2.1の方が小さいのですが、実装に掛けた労力はむしろ大きかったです。といっても前者は1行のみ、後者はGoogleで検索した結果をいくつか参考にさせていただいただけで、五十歩百歩と言えますが。

(「カーソル（キャレット）位置の取得法」の続きを読む)

検索結果画面での再絞り込み省略の断念

分類: 公開, 開発記 / タグ: AJAX, JavaScript, 使い勝手, 辞書引き

結果画面に於ける再絞り込みの要否としてヒアリングを行っていた、辞書引き機能のversio 2.0.2での改版内容ですが、早々に仕舞いにしました。ユーザの方からメールをいただいてようやく気付いたのですが、検索結果画面に於いて見出し語インクリメンタル検索という絞り込みを省略することは、ブラウザの履歴を「進む」「戻る」した場合に対応出来ないことを意味していました。

(「検索結果画面での再絞り込み省略の断念」の続きを読む)

ワニることを避けてのマークアップ

分類: 公開, 開発記 / タグ: AJAX, JavaScript, Perl, 使い勝手, 処理概説, 字上符付き文字, 辞書引き

検索ボックスの代用表記を自動的に字上符付き文字に変換する処理など、辞書引き機能を改版しました。

上記の処理はとても簡単だったのですが、見出し語インクリメンタル検索の強調表示マークアップ誤りという障害の是正には難儀しました。JavaScriptの辛さに堪えかねて、マークアップ処理をサーバ側で実装する、即ち「ワニる」ことすら考えましたが、何とか想定通りに処理するよう書けましたので、久しぶりの処理概説を兼ねて改版内容を詳細にご紹介します。

(「ワニることを避けてのマークアップ」の続きを読む)

サイドバーのDynamic HTMLによる表示切り替え

分類: WordPress / タグ: JavaScript, サイト管理, 処理概説
コメント1件

車輪の再発明どころか、発明という言葉を用いるのもおこがましい作業ですが、ともあれこのウェブログのサイドバーの表示・非表示を切り替える（トグルする）機能を追加しました。検索ボックス近傍サイドバー上部にある「段組非表示」「段組表示」という箇所が切り替えの引き金です。通常は二段組みの割り付けですが、サイドバーを非表示にすると本文部のみを表示させることが出来ます。

やっていることは極めて単純です。

• サイドバーのスタイルをJavaScriptで切り替える。document.getElementById('komplemento').style.visibility = 'visible';するか、或いは'hidden';する。厳密にはdisplay = 'none';かdisplay = 'block';を切り替えても良い。サイドバーという用語自体、GUIなユーザエージェントを念頭としたもので気にくわないので、内部的には補足（komplemento）というid属性を与えているのですが、それはさて措いて。
• 本文部の左余白をJavaScriptで切り替える。document.getElementById('universala').style.marginLeft = '1em';するか、或いは'14em';する。
• 表示・非表示の切り替えリンクも同様に表示・非表示を切り替える。
• 上記をCookieに保存する。

委細はソースのstandardo.jsをそのままご覧いただくとして、ここでは意外にも蹴っ躓いた点を備忘録的に記述しておきます。

(「サイドバーのDynamic HTMLによる表示切り替え」の続きを読む)