質問箱/5436

質問箱/5436 †

カテゴリ	デザイン・CSS・スキン
サマリ	テーブルの条件付き書式
バージョン	1.5.3
投稿者	質問です
状態	完了
投稿日	2021-10-18 (月) 00:02:07

↑

質問†

ここを見てて思ったのですが「状態」に書かれた内容に応じて一覧画面の色が変わっていることに気付きました。

専用のプラグインだとは思うのですが、普通にテーブルを作成し特定の文字列があった場合にそのセル?だけ背景色を変えることは出来ますか？

質問箱/4099と質問箱/4243とは少し違い、あくまで入力した文字列によって背景色を自動で変えたいです。

例えば以下のようなテーブルがあった場合に「完了」と書かれたところ（あるいは行）だけ自動で緑に変わるといった挙動です。

ステータス	日付	内容
着手中	21/10/1	あ
完了	21/10/2	い
保留	21/10/3	う

先日に引き続き恐縮ですが、お手すきの際にご確認いただければ幸いです。

↑

回答†

専用のプラグインというのはtrackerプラグインですね。
PukiWikiのデフォルトのテーブルにその機能は備わっていないのでPukiWiki本体を改変するか、プラグインをつくらないといけないと思います。 -- - 2021-10-18 (月) 18:14:58
表書式の「BGCOLOR(RED) :」みたいなのを戻すテストプラグインを表内に書いてみましたが、適用されず。表解析処理部分から手を入れないとダメっぽいです。 -- HarukaTomose 2021-10-18 (月) 21:28:53
- あああ、ここでてきようされてしまった -- HarukaTomose 2021-10-18 (月) 21:29:11
- 「ＢＧＣＯＬＯＲ（色）：」を戻すようなプラグインで試したけどダメだった、ということです -- HarukaTomose 2021-10-18 (月) 21:30:00
何かと使えそうだったのでプラグインとして作ってみました。https://jpngamerswiki.com/?0bf31029b2 -- kanateko 2021-10-18 (月) 21:48:01
なるほど、表のほうをパラメータにして先に入れ替えているんですね。 -- HarukaTomose 2021-10-18 (月) 21:59:58
現状この方法だといくつか問題点があるのですが、先に書式を挿入する以外だとセルの内容をdata属性に入れてCSSやJavaScriptでスタイル指定するとかですかね -- kanateko 2021-10-18 (月) 22:46:24
既存のテーブル解析ロジックに手を入れるのは結構大変なので最近はなんでもJavaScriptで解決しようとしてしまいます。↓これで '完了' => 'red' あたりを指定するプラグインを作れば... -- umorigu 2021-10-19 (火) 00:36:08
```
var tables = document.querySelectorAll('table.style_table');
for (var t of tables) {
  for (var r of t.rows) {
    for (var c of r.cells) {
      if (c.textContent == '完了') {
        c.style.backgroundColor = 'red';
      }
    }
  }
}
```
kanateko様、質問箱/5434に引き続きありがとうございます。tableifプラグインが期待以上のもので感激しております…(;_;) kanateko様含め、ご確認いただいた皆様も本当にありがとうございました！ -- 質問です 2021-10-20 (水) 00:34:01

PukiWikiについて

Info in English

このサイトについて
- WebTrack
- Web委員日誌

お試し
- PukiWiki 1.5

↑

Developer

質問箱/5436†

質問†

回答†

最新の16件

質問箱/5436 †