午前0時の憂鬱

KeySnailでj,k,n,mなどをスクロールキーとして利用しているが、「Fast look up JP and EN for Greasemonkey」で検索をした後などに、フォーカスがコンテンツエリアから外れてしまい、スクロールができなくなってしまう。

で、コンテンツエリアにフォーカスさせる方法として下記の2種類の方法で試していたのだけど、うまく機能するときとしないときがあった。

  let elem = document.commandDispatcher.focusedElement;
  if (elem) elem.blur();
  gBrowser.focus();
  _content.focus();

  gBrowser.selectedTab.focus();
  content.focus();

しかし、今日どんな場面でも意図通りコンテンツエリアにフォーカスさせることができるようになった。

  document.getElementById("searchbar").focus();
  document.commandDispatcher.advanceFocus();
  document.commandDispatcher.advanceFocus();

やっていることは、まず検索バーにフォーカスしてから、TABキーを2回押す動作をJavascriptで実現している。

1つ目のTABでタブバーがフォーカスされ、2つ目でコンテンツエリアがフォーカスされる。

Permalink | コメント(0) | トラックバック(0) | 11:17

2010-11-20 LDR Full Feedで全文取得するときに、本文を必ず表示する

livedoor Readerで本文を非表示にしている状態で、gキーかアイコンクリックで全文を取得しても、取得された文章は表示されない。

Greasemonkey, Firefox, JavaScript

記事を読むためにはさらに「本文の表示を切り替える」というアクションが必要で、それがいちいち面倒くさいので、全文取得したときに自動的に本文を表示状態に切り替えるように修正した。

LDR Full Feedのソースを開き928行目と929行目の間に以下のように追加する

変更前
      if(!c.found && !PHASE.some(function(i){
        log('PHASE: ' + i.type);
変更後
      if(!c.found && !PHASE.some(function(i){
        /* 全文取得をするとき、常に本文を表示状態に切り替える
           LDRで使われている関数はunsafeWindow内でしか使えない */
        with(unsafeWindow) {
          if (contain($("right_body").className, "compact")) {
            toggleClass("right_body", "compact");
          }
          if (!id) id = get_active_item(true).id;
          Control.scroll_to_px($("item_body_" + id).parentNode.offsetTop + 2);
        }
        log('PHASE: ' + i.type);

11月21日に

          if (!id) id = get_active_item(true).id;

を追加した。

なぜか分からないが、はてなダイアリーにアクセスしても記事を書くためのリンクや、過去記事ごとにあったはずの編集するためのリンクが表示されない。

エラーコンソールを見ると、「Hatena is not defined」「Ten is not defined」というエラーが表示されている。

管理画面の過去記事を見ても編集するためのリンクなどが存在しなく、編集ができない状態だったけど、「管理」＞「設定」「編集設定」で「編集画面の設定」を「その場編集モード」から「詳細編集モード」に変更したら、ようやく編集するためのリンクが表示されるようになったので、今編集しているところ。

Permalink | コメント(0) | トラックバック(0) | 20:38

2010-11-15

LDRで本文の表示、非表示をワンクリックで切り替える

Greasemonkey, LDR, Firefox, JavaScript

livedoor Readerで本文の表示・非表示をマウスでワンクリックで切り替える機能を追加する。

HatebuComment on LDRに追加しようと思ったけど、一般的ではないかもしれないので、ソースだけ載せておく。

  // 本文の表示非表示を切り替える▼を追加する
  function byID(id) {
    return document.getElementById(id);
  }
  function EVENT(type) {
    var event = document.createEvent('MouseEvents');
    event.initEvent(type, true, true);
    return event;
  }
  var elem = document.createElement('li');
  elem.id = 'toggleContent';
  elem.title = '本文の表示 / 非表示の切替';
  elem.innerHTML = '▼';
  byID("control_buttons_ul").appendChild(elem);
  byID("toggleContent").addEventListener('click', function() {
    // まずメニューをポップアップさせる
    byID("menu_button").dispatchEvent(EVENT('mousedown'));
    // 次に該当メニューをクリック
    var elem = document.evaluate(
      '//span/text()[self::text()="本文の表示 / 非表示の切替"]',
      document, null, 7, null
    );
    elem.snapshotItem(0).dispatchEvent(EVENT('mouseup'));
    // メニューを閉じる
    byID("menu_button").dispatchEvent(EVENT('click'));
  }, false);

11月21日、LDRの関数を利用するように変更した

  byID("toggleContent").addEventListener('click', function() {
    // まずメニューをポップアップさせる
    byID("menu_button").dispatchEvent(EVENT('mousedown'));
    // 次に該当メニューをクリック
    var elem = document.evaluate(
      '//span/text()[self::text()="本文の表示 / 非表示の切替"]',
      document, null, 7, null
    );
    elem.snapshotItem(0).dispatchEvent(EVENT('mouseup'));
    // メニューを閉じる
    byID("menu_button").dispatchEvent(EVENT('click'));
  }, false);

上記を以下のように変更

    $("toggleContent").addEventListener('click', function() {
      // LDRの関数
      Control.compact()
    }, false);