40. weeklyCalendarTable(週間カレンダーテーブル)

パーツリストに戻る

表示例

source:work/masabon/capture/40.png

マークアップ例

<div class="dparts weeklyCalendarTable"><div class="parts">
<div class="block">
<form method="post" action="./">
<input type="hidden" value="pc" name="m"/>
<input type="hidden" value="do_h_home_insert_c_schedule" name="a"/>
<input type="hidden" value="456c35fef42fb787ec2bad9f71276fd3" name="sessid"/>
<input type="hidden" value="0" name="w"/>
<label for="title">予定</label> <input type="text" size="24" value="" id="title2" name="title" class="input_text"/>
<select name="start_date">
<option value="2008-5-25">5/25(日)</option>
<option value="2008-5-26">5/26(月)</option>
<option value="2008-5-27">5/27(火)</option>
<option value="2008-5-28">5/28(水)</option>
<option selected="selected" value="2008-5-29">5/29(木)</option>
<option value="2008-5-30">5/30(金)</option>
<option value="2008-5-31">5/31(土)</option>
</select>
<input type="submit" value="追加" class="input_submit"/>
<a title="前の週" href="./?m=pc&amp;a=page_h_home&amp;w=-1"><</a>
<a title="今週" href="./?m=pc&amp;a=page_h_home">■</a>
<a title="次の週" href="./?m=pc&amp;a=page_h_home&amp;w=1">></a>
</form>
</div>

<table class="calendar">
<tbody><tr>
<td><p class="day sun">5/25<br/>(日)</p></td>
<td><p class="day">26<br/>(月)</p><p><img alt="誕生日" src="./skin/default/img/icon_birthday.gif"/><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=2">タナカさん</a></p></td>
<td><p class="day">27<br/>(火)</p></td>
<td><p class="day">28<br/>(水)</p></td>
<td class="today"><p class="day">29<br/>(木)</p><p><img alt="誕生日" src="./skin/default/img/icon_birthday.gif"/><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=3">サトウさん</a></p><p><img alt="誕生日" src="./skin/default/img/icon_birthday.gif"/><a href="./?m=pc&amp;a=page_f_home&amp;target_c_member_id=4">スズキさん</a></p><p><img alt="イベント" src="./skin/default/img/icon_event_B.gif"/><a href="./?m=pc&amp;a=page_c_event_detail&amp;target_c_commu_topic_id=2">2時間で分かるOpenPNE</a></p></td>
<td><p class="day">30<br/>(金)</p></td>
<td><p class="day sat">31<br/>(土)</p></td>
</tr>
</tbody></table>

<div class="block moreInfo">
<ul class="moreInfo">
<li><a href="./?m=pc&amp;a=page_h_calendar">月別カレンダー</a></li>
<li><a href="./?m=pc&amp;a=page_h_config#is_display_schedule_home_0">表示設定変更</a></li>
</ul>
</div>

</div></div>

関連情報