作品 ID: 2918

行選択の出来るテーブルのサンプル

公開

日本語プログラミング言語「なでしこ」 Advent Calendar 2024、九日目の記事用。行選択のサンプル。セルをクリックするとその行の色が変わります。

ソース

プログラム

# テーブルを作成
テストデータ＝「名前,ふりがな,点数
太郎,たろう,55
花子,はなこ,100
一郎,いちろう,80」をCSV取得。
テストテーブル＝テストデータのテーブル作成。

選択行色＝「#CCF」
前クリックセル＝空。
テストテーブルをマウス押した時には、:
    もし、対象.nodeName＝「TD」ならば、:
        変数 クリック行＝対象.parentNode。
        もし、前クリックセルが空でなければ、:
            変数 前行数＝前クリックセルのセル行番号。
            変数 前クリック行＝前クリックセル.parentNode。
            変数 行色情報＝DOM部品オプション.テーブル背景色。
            変数 前背景色＝行色情報[前行数%2+1]。
            前クリック行の「背景色」に前背景色をDOMスタイル設定。
        クリック行の「背景色」に選択行色をDOMスタイル設定。
        前クリックセル＝対象。

●(セルの)セル行番号
    セル.parentNode.rowIndexを戻す。
ここまで。

作品について

作品情報

作品を編集

雪乃☆雫作

ライセンス: CC0（著作権破棄）
形式: wnako
タグ: アドベントカレンダー2024, サンプル
利用バージョン: 3.6.37
アクセス数(累計): 12
アクセス数(今月): 12
更新日時: 2024/12/06 11:45 編集: 2024/12/09 10:35

⭐

作品公開情報

交流

コメントを取得中...