listbox2の色分け

バージョン1.4.5
投稿者ぽぽ?
状態完了
投稿日2005-06-05 (日) 14:47:21

メッセージ

表でメンバー一覧のようなものを作っており、そこにlistbox2を組み込んで、「出席」「欠席」といった項目を作り、 いわゆる簡易に操作できる出欠表として利用しています。

しかしBOX内ということでやや見難くなってしまい、文字の色か背景を変えれないか? という要望があったのですが、 BGCOLORやCOLORを使ってみても無効になってしまいます。

なにか色分けができるようになる方法はないでしょうか。

コメント

  • 簡単に、こんな感じでいかがでしょう。 -- teanan 2005-06-30 (木) 04:09:27
    --- listbox2.inc.php-1.2.txt	Thu Jun 30 03:40:13 2005
    +++ listbox2.inc.php	Thu Jun 30 04:08:05 2005
    @@ -82,11 +82,19 @@
    		if($option == '') {
    			continue;
    		}
    +		$match = array();
    +		if(preg_match("/(.+?)(#[0-9a-f]{3}|#[0-9a-f]{6})$/i", $option, $match)) {
    +			$s_option = htmlspecialchars($match[1]);
    +			$bgcolor = ' style="background-color:' . htmlspecialchars($match[2]) . ';"';
    +		} else {
    +			$bgcolor = '';
    +			$s_option = htmlspecialchars($option);
    +		}
    		$option_enc = htmlspecialchars($option);
    		if($value == $option) {
    -			$options_html .= "<option value='$option_enc' selected='selected'>$option_enc</option>";
    +			$options_html .= "<option value='$option_enc' selected='selected' $bgcolor>$s_option</option>";
    		} else {
    -			$options_html .= "<option value='$option_enc'>$option_enc</option>";
    +			$options_html .= "<option value='$option_enc' $bgcolor>$s_option</option>";
    		}
    	}
    	return $options_html;
    • "イチゴ#FF8080" のように指定すると、赤いイチゴになります ;) -- teanan 2005-06-30 (木) 04:11:45
  • 面白いですね。ただIEだと問題ないようですが、firefox で閲覧してみると、選択時のリストの背景は色付きになっても、選択リストを表示していないときの背景色が指定した色になりませんでした。 -- jjyun 2005-07-01 (金) 23:10:37
    • あらら、残念です (^^; -- teanan 2005-07-03 (日) 08:38:27
  • ありがとうございます。 でも使い方がよくわからないのです(TT -- ぽぽ? 2005-07-20 (水) 00:49:56
  • listbox2.inc.phpの82行目付近から編集し、上の - から始まる行を削除、+ から始まる行を追加してください。 -- teanan 2005-07-20 (水) 03:17:34
  • chromeでも上記と同様の問題(選択時は色付きだが、選択後は色無しになる)を確認しました。Sleipnirはもちろん問題なく表示されました。pukiwikiを使う層がIEを愛用しているのか疑問ですし、他のブラウザにも対応できるとありがたいです。 -- 2012-03-30 (金) 11:55:07
  • 他ブラウザ問題は欲しいプラグイン/391へ続く -- 2012-03-30 (金) 12:36:54

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2012-03-30 (金) 12:36:54
Site admin: PukiWiki Development Team

PukiWiki 1.5.2+ © 2001-2019 PukiWiki Development Team. Powered by PHP 5.6.40-0+deb8u2. HTML convert time: 0.155 sec.

OSDN