表作成ツール「Blog Table ⭐」セル幅の指定機能（7）/ JavaScript

「lock」コードの小修正

この間の更新は色々と追加・変更があったので、チェックしています。不具合ではないのですが、「Fix」モード時に「表幅」などが操作出来ない事を示す「lock」のデザインは、実は3種類の要素に背景色と動作を切換えています。

このコードがいまひとつ整理が悪く、少し「lock」の仕方を変えました。

「background」と「pointer-events」の指定を切換えるのですが、下は「ver.3.3」のコードです。

「Blog Table ⭐」 ver.3.3　669行～

function table_lock(n){
    let t_width=document.querySelector('#t_width'); // 表全幅の設定
    let wpxt=document.querySelector('.wpxt'); // px表示
    let t_width_m=document.querySelector('#t_width_m');

    if(n==0){
        t_width.style.background='#fff';
        t_width.style.pointerEvents='auto';
        wpxt.classList.remove('lock');
        t_width_m.style.background='#fff';
        t_width_m.style.pointerEvents='auto'; }
    else{
        t_width.style.background='rgb(128, 222, 234)';
        t_width.style.pointerEvents='none';
        wpxt.classList.add('lock');
        t_width_m.style.background='rgb(128, 222, 234)';
        t_width_m.style.pointerEvents='none'; }}

「Blog Table ⭐」 ver.3.4　671行～

function table_lock(n){
    let wpxt=document.querySelector('.wpxt'); // 表幅
    let t_width_m=document.querySelector('#t_width_m'); // MEMO
    if(n==0){
        wpxt.classList.remove('lock');
        t_width_m.classList.remove('lock'); }
    else{
        wpxt.classList.add('lock');
        t_width_m.classList.add('lock'); }}

変更を、全て要素のクラス名の追加・削除で実現する様にしたので、この部分のコードはすっきりしました。これに対応する「style」のコードは、少し増えましたが。

今回の修正は、これだけです。