Resizeable Textarea を 3.5 で使おう

この記事は約2分で読めます。
記事内に広告が含まれています

ResizeableTextarea_icon.pngResizeable Textarea(作者:Raik J醇вgens様) - Firefox用アドオン
textarea操作画面サンプル

こんにちは、さち です!

先日の Text Area Resizer & Moverについて書いた記事
Resizeable Textarea が Firefox 3.5 に対応していないということを書きましたが
実は密かに対応していた模様です。

テキストエリアの大きさを変更したいけど
FireGestures を使っているから Text Area Resizer & Mover は導入できなかった
という人も Resizeable Textarea を使えば大丈夫です。

では、さっそく詳細について見ていきましょう!

スポンサーリンク

密かに対応していた

実は、Firefox の公式ページで配布されている Resizeable Textarea は
バージョンが 0.1d というものでした。

実は非公式(?)のページで 0.1f というバージョンが配布されており
こちらは Firefox 3.5 対応となっています。

ダウンロードするには

  1. まずはこちらの John's home page にアクセスします。
  2. ページ下側にある 「Resizeable Textarea 0.1f」 をクリックします。
    操作画面
  3. 「あなたのコンピュータを保護するため、
    Fierfox にこのサイトはソフトウェアのインストールを要求できない設定になっています。」
    という表示が出ると思うので 「許可」 をクリックしてインストールしましょう。
    (ただし、このバージョンは公式なものではないのでインストールは自己責任でお願いします)

気に入った人はぜひ使ってみて下さいね!

コメント

"),m.no_overlay||s.append("
");var c=s.find("img:first"),d=s.find("img:last");s.append("
");var l=s.find(".twentytwenty-handle");l.append(""),l.append(""),s.addClass("twentytwenty-container"),c.addClass("twentytwenty-before"),d.addClass("twentytwenty-after");var i=s.find(".twentytwenty-overlay");i.append("
"),i.append("
");var a=function(t){var e,n,i,a,o=(e=t,n=c.width(),i=c.height(),{w:n+"px",h:i+"px",cw:e*n+"px",ch:e*i+"px"});l.css("vertical"===r?"top":"left","vertical"===r?o.ch:o.cw),a=o,"vertical"===r?(c.css("clip","rect(0,"+a.w+","+a.ch+",0)"),d.css("clip","rect("+a.ch+","+a.w+","+a.h+",0)")):(c.css("clip","rect(0,"+a.cw+","+a.h+",0)"),d.css("clip","rect(0,"+a.w+","+a.h+","+a.cw+")")),s.css("height",a.h)},o=function(t,e){var n,i,a;return n="vertical"===r?(e-v)/p:(t-w)/f,i=0,a=1,Math.max(i,Math.min(a,n))};g(window).on("resize.twentytwenty",function(t){a(e)});var w=0,v=0,f=0,p=0,y=function(t){(t.distX>t.distY&&t.distX<-t.distY||t.distX-t.distY)&&"vertical"!==r?t.preventDefault():(t.distXt.distY&&t.distX>-t.distY)&&"vertical"===r&&t.preventDefault(),s.addClass("active"),w=s.offset().left,v=s.offset().top,f=c.width(),p=c.height()},h=function(t){s.hasClass("active")&&(e=o(t.pageX,t.pageY),a(e))},u=function(){s.removeClass("active")},_=m.move_with_handle_only?l:s;_.on("movestart",y),_.on("move",h),_.on("moveend",u),m.move_slider_on_hover&&(s.on("mouseenter",y),s.on("mousemove",h),s.on("mouseleave",u)),l.on("touchmove",function(t){t.preventDefault()}),s.find("img").on("mousedown",function(t){t.preventDefault()}),m.click_to_move&&s.on("click",function(t){w=s.offset().left,v=s.offset().top,f=c.width(),p=c.height(),e=o(t.pageX,t.pageY),a(e)}),g(window).trigger("resize.twentytwenty")})}}(jQuery)
タイトルとURLをコピーしました