epgrec_chForm_assist

Fork

 *	epgrec select assist
 *	●セレクトボックスをキー入力で選択可能にする
 * （チャンネル選択用に作りましたが、
 * 汎用に使えるように変更しました）
 * 	セレクトボックスがフォーカス状態の時、
 * 	テキストの頭文字を入力することで
 *		次の候補を選択します
 *		shiftキーを押している場合は前の候補を選択
 * ●放送波選択で選択可能チャンネル変更
 *
 * Version 0.2.5
 * 16:34 2012/03/10
 *		・Firefoxでブラウザのショートカットも実行されるバグ修正
 *		・ループ、二重処理対応
 *
 * Version 0.2.4
 * 10:31 2012/03/04
 *		・放送波選択でチャンネルが消えるバグ、ドキュメント修正
 *		・スタイルシートをjavascriptで埋め込み
 *
 * Version 0.2.3
 * 14:43 2012/02/27
 *		・選択肢が無い場合無限ループに入るバグ修正
 *
 * Version 0.2.2
 * 14:10 2012/02/27
 *		・放送波選択でイベントが発生しないバグ修正
 *
 * Version 0.2.1
 * 22:37 2012/02/25
 *		・ブラウザのショートカットも実行されるバグ修正
 *
 * Version 0.2
 * 17:51 2012/02/24
 *		・放送波選択でチャンネル表示変更
 *		・セレクトボックスのアシストは汎用に変更
 *		・アシスト判別用に地上波と曜日で必要そうな漢字を追加
 *		・おまけ：放送波ごとに色分け
 *
 * Version 0.1
 * 18:04 2012/02/22
 * Author : osamu - atelier TRUMPHOUSE


	使い方

============================
	●step 1
	ch_form_assist.jsを
		epgrec/js/
	にコピーします

============================
	●step 2
	テンプレートを編集します
		epgrec/templates/programTable.html
	の14行目辺り

---------------------------------------------------
		<script type="text/javascript" src="js/mdabasic.js"></script>
<script type="text/javascript">
	var PRG = {
---------------------------------------------------

	を以下のように変更します
---------------------------------------------------
		<script type="text/javascript" src="js/mdabasic.js"></script>
<script type="text/javascript" src="js/ch_form_assist.js"></script>
<script type="text/javascript">
	var PRG = {
---------------------------------------------------


	176行目辺り
---------------------------------------------------
種別<select name="type">
  {foreach from=$types item=type}
  <option value="{$type.value}" {$type.selected}>{$type.name|escape}</option>
  {/foreach}
</select>
局<select name="station">
  {foreach from=$stations item=st}
    <option value="{$st.id}" {$st.selected}>{$st.name|escape}</option>
  {/foreach}
  </select>
---------------------------------------------------

	を以下のように変更します
---------------------------------------------------
種別<select name="type">
  {foreach from=$types item=type}
  <option value="{$type.value}"  class="{$type.value}" {$type.selected}>{$type.name|escape}</option>
  {/foreach}
</select>
局<select name="station">
  {foreach from=$stations item=st}
    <option value="{$st.id}" class="{$st.type}" {$st.selected}>{$st.name|escape}</option>
  {/foreach}
  </select>
---------------------------------------------------

============================
	●step 3
	phpを編集します
		epgrec/programTable.php
	の135行目辺り
---------------------------------------------------
	foreach( $crecs as $c ) {
		$arr = array();
		$arr['id'] = $c->id;
		$arr['name'] = $c->name;
		$arr['selected'] = $channel_id == $c->id ? "selected" : "";
---------------------------------------------------

	を以下のように変更します
---------------------------------------------------
	foreach( $crecs as $c ) {
		$arr = array();
		$arr['id'] = $c->id;
		$arr['name'] = $c->name;
		$arr['type'] = $c->type;
		$arr['selected'] = $channel_id == $c->id ? "selected" : "";
---------------------------------------------------