0

jquery関数を制御してフルスクリーンにすることができるテキストエリアがあります。フルスクリーンを閉じるボタンを追加したい

フルスクリーンを管理する私の機能は次のとおりです。

function setFullScreen(cm, full) {
         var wrap = cm.getWrapperElement();
         if (full) {
           wrap.className += " CodeMirror-fullscreen";
           wrap.style.height = winHeight() + "px";
           document.documentElement.style.overflow = "hidden";
         } else {
           wrap.className = wrap.className.replace(" CodeMirror-fullscreen", "");
           wrap.style.height = "";
           document.documentElement.style.overflow = "";
         };

        cm.refresh();
       }

私がそれを呼び出す方法は次のとおりです。

フルスクリーンをオンにする:setFullScreen(cm, !isFullScreen(cm));
フルスクリーンをオフにする:if (isFullScreen(cm)) setFullScreen(cm, false);

テキストエリアがフルスクリーンのときにボタンを追加したいのですが、そのボタンを右上隅のテキストエリア内に配置し、スクロールから独立させたい (フローティング)

jquery を使用してこれを行う方法はありますか?

ありがとう

4

1 に答える 1

1

position: fixed;CSSで属性を使用できます。これが HTML ボタンのマークアップだとしましょう

<a href = "#" id = "textarea_close_button">
     <img src = "/img/close_button.png">
</a>

CSS は次のようになります。

#textarea_close_button{
     position: fixed;
     display: none; //it won't be visible until your textarea becomes fullscreen
     top: 5px;
     right: 5px;
     height: 5px;
     width: 5px;
}

次に、テキストエリアを全画面表示するときに次のコード行を実行します

$("#textarea_close_button").css({"display": "block"});

ボタンをクリックするとその逆

于 2013-11-09T20:13:31.553 に答える