PHP Codeigniter のカレンダーの例を使用しています。
を持つ会議というテーブルがありid, datemeeting , data, and projectuid
ます。
カレンダーで選択してカレンダーに書き込む前に、まずprojectuid
コンボボックスから を選択し、 で POST に送信しますprojectuid
。
jQueryでこれを行う方法がわかりません
<div id="content">
<style type="text/css">
.calendar {
font-family: Arial; font-size: 12px;
}
table.calendar {
margin: auto; border-collapse: collapse;
}
.calendar .days td {
width: 80px; height: 80px; padding: 4px;
border: 1px solid #999;
vertical-align: top;
background-color: #DEF;
}
.calendar .days td:hover {
background-color: #FFF;
}
.calendar .highlight {
font-weight: bold; color: #00F;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<?php
echo form_label('Project', 'projectUID');
echo br(1);
echo form_dropdown('projectUID', $projects, set_value('projectUID', $projects));
?>
<center><?php echo $calendar; ?></center>
<script type="text/javascript">
$(document).ready(function() {
$('.calendar .day').click(function() {
day_num = $(this).find('.day_num').html();
day_data = prompt('Enter Meeting', $(this).find('.content').html());
if (day_data != null)) {
$.ajax({
url: window.location,
type: 'POST',
data: {
day: day_num,
data: day_data
},
success: function(msg) {
location.reload();
}
});
}
});
});
</script>
</div>