001.
<?php
002.
$qr
="select s.*,c.nm_cate, h.nm home, a.nm away
003.
from schedule s
004.
left join category c on c.id=s.cate_id
005.
left join cate_color h on h.id=s.color_1
006.
left join cate_color a on a.id=s.color_2
007.
where c.`section`=
'$section'
and
s.`sex`=
$sex
and
s.`
class
`=
$class
";
008.
$rs
=
$mysql
->query(
$qr
)
or
die
(
$qr
.
"<br>\n"
.
$mysql
->error);
009.
$tr
=
''
;
010.
while
(
$ro
=
$rs
->fetch_assoc()){
011.
$tr
.="
012.
<tr id=
'tr_$ro[id]'
rec_id=
'$ro[id]'
>
013.
<td align=
'center'
>
$ro
[id]</td>
014.
<td attr=
'1'
class
=data >
$ro
[playtime]</td>
015.
<td attr=
'2'
class
=data >
$ro
[nm_cate]</td>
016.
<td attr=
'3'
class
=data align=
'center'
>
$ro
[group]</td>
017.
<td attr=
'4'
class
=data align=
'center'
>
$ro
[home]</td>
018.
<td attr=
'5'
class
=data align=
'center'
>
$ro
[score_1]</td>
019.
<td attr=
'6'
class
=data align=
'center'
>
$ro
[score_2]</td>
020.
<td attr=
'7'
class
=data align=
'center'
>
$ro
[away]</td>
021.
<td align=
'center'
><b onclick=
'show_detail($ro[id])'
>Detail</b>/<b onclick=
'delete_schedule($ro[id])'
>
Delete
</b></td>
022.
</tr>";
023.
}
024.
?><!doctype html>
025.
<html>
026.
<head>
027.
<meta charset=
"utf-8"
>
028.
<title>Untitled Document</title>
029.
<style type=
"text/css"
>
030.
body{ font-family:Tahoma, Geneva, sans-serif; font-size:10pt;}
031.
b{ color: blue; background-color: white}
032.
b:hover{ color: brown; background-color: #ddd; }
033.
th{background-color: brown; color: white; height:}
034.
#tb_data tr{ background-color: white; height: 22px;}
035.
#tb_data tr:hover{ background-color: #ddd; }
036.
#tb_data td{ padding-left: 2px; padding-right: 2px }
037.
#tb_data input, #tb_data select{ height: 16px; width: 98%; border: none; font-size: 10pt;}
038.
</style>
039.
<script language=
"javascript"
src=
"js/jquery-2.1.1.min.js"
></script>
040.
<script language=
"javascript"
>
041.
$(document).ready(
function
(e) {
042.
$(
'.data'
).click(
function
(){ td_click( this ) });
043.
});
044.
function
td_click( ob ){
045.
var
attr=$(ob).attr(
'attr'
);
046.
if
(!(attr>
''
))
return
;
047.
$(ob).attr(
'attr'
,
''
);
048.
show_input(ob, attr);
049.
}
050.
function
show_input(ob, attr){
051.
var
value=$(ob).html();
052.
$(ob).html(
'<input type="text" value="'
+value+
'" />'
).children(0).focus();
053.
$(ob).find(
'input'
).each(
function
(index, element) {
054.
$(element).change(
function
(e) {
055.
input_save( ob, value, $(element).val(), attr ); $(ob).attr(
'attr'
, attr);
056.
}).focusout(
function
(e) {
057.
input_save( ob, value, $(element).val(), attr ); $(ob).attr(
'attr'
, attr);
058.
});
059.
});
060.
}
061.
function
input_save( ob, old_value, value, attr ){
062.
var
fld_ar = Array(
'nm'
,
'gold'
,
'silver'
,
'bronze'
);
063.
var
fld=fld_ar[ parseInt(attr)];
064.
var
idx=$(ob).parent().attr(
'rec_id'
);
065.
if
( old_value!=value){
066.
$.ajax({ url:
'ajax.php'
, type:
'POST'
, data:{ run:
'update_cate'
, field: fld, value: value, id: idx}})
067.
}
068.
$(ob).html(value);
069.
}
070.
function
new_schedule(){
071.
if
($(
'#cate_id'
).val()==
''
){ $(
'#cate_id'
).focus();
return
; }
072.
if
($(
'#color_1'
).val()==
''
){ $(
'#color_1'
).focus();
return
; }
073.
if
($(
'#color_2'
).val()==
''
){ $(
'#color_2'
).focus();
return
; }
074.
$.ajax({
075.
url:
'ajax.php'
,
076.
type:
'POST'
,
077.
data: {
078.
run:
'new_field'
,
079.
cate_id: $(
'#cate_id'
).val(),
080.
section: $(
'#slc_section'
).val(),
081.
sex: $(
'#slc_sex'
).val(),
082.
class
: $(
'#slc_class'
).val(),
083.
color_1: $(
'#color_1'
).val(),
084.
color_2: $(
'#color_2'
).val()
085.
}
086.
}).done(
function
(msg){
087.
var
rs=$.parseJSON(msg);
088.
var
tr =
089.
'<tr id="'
+rs.id+
'" rec_id="'
+rs.id+
'">'
+
090.
'<td attr="0" align="center" >'
+rs.id+
'</td>'
+
091.
'<td attr="2" class="data" >'
+rs.
date
+
'</td>'
+
092.
'<td attr="1" class="data" >'
+rs.nm+
'</td>'
+
093.
'<td attr="3" class="data" >'
+rs.away+
'</td>'
+
094.
'<td attr="4" class="data" >'
+rs.home+
'</td>'
+
095.
'<td><b onclick="delete_schedule('
+rs.id+
')" >Delete</b></td></tr>'
;
096.
$(
'#tb_data'
).append(tr);
097.
$(
'.data'
).click(
function
(){ td_click( this ) });
098.
099.
});
100.
}
101.
function
delete_schedule(id){
102.
var
tr_id=
'#tr_'
+id;
103.
$( tr_id ).remove();
104.
$.ajax({ url:
'ajax.php'
, type:
'POST'
, data: {run:
'delete_schedule'
, id: id }});
105.
}
106.
function
select_cate(){
107.
var
slc_sec = $(
'#slc_section'
).val();
108.
var
slc_sex = $(
'#slc_sex'
).val();
109.
var
slc_class = $(
'#slc_class'
).val();
110.
location.href=
'?run=schedule§ion='
+slc_sec+
'&sex='
+slc_sex+
'&class='
+slc_class;
111.
}
112.
</script>
113.
</head>
114.
<body>
115.
<div id=
"div_menu_left"
style=
"position:fixed; left:0px; top: 0px"
>
116.
<ul>
117.
<li><b onclick=
'location.href="?run=category"'
> Category </b></li>
118.
<li><b onclick=
'location.href="?run=color"'
> Group Color </b></li>
119.
<li><b onclick=
'location.href="?run=class"'
> Class </b></li>
120.
<li><b onclick=
'location.href="?run=schedule"'
> Schedule </b></li>
121.
<li>
122.
<select id=
"slc_section"
onChange=
"select_cate()"
>
123.
<option value=
"Track"
<?php
echo
(
$section
==
'Track'
?
'selected'
:
''
);?> >ประเภทลู่</option>
124.
<option value=
"Field"
<?php
echo
(
$section
==
'Field'
?
'selected'
:
''
);?> >ประเภทลาน</option>
125.
</select>
126.
</li>
127.
<li>
128.
<select id=
"slc_sex"
onChange=
"select_cate()"
>
129.
<option value=
"0"
<?php
echo
(
$sex
==0?
'selected'
:
''
);?> >ชาย</option>
130.
<option value=
"1"
<?php
echo
(
$sex
==1?
'selected'
:
''
);?> >หญิง</option>
131.
<option value=
"2"
<?php
echo
(
$sex
==2?
'selected'
:
''
);?> >รวม</option>
132.
</select>
133.
</li>
134.
<li>
135.
<select id=
"slc_class"
onChange=
"select_cate()"
>
136.
<?PHP
echo
$opt_class
; ?>
137.
</select>
138.
</li>
139.
<li> New Schedule <br>
140.
<select id=
"cate_id"
onChange=
"new_schedule()"
>
141.
<option>กรุณาเลือกชนิดกีฬา</option>
142.
<?php
echo
$opt_cate
;?>
143.
</select><br>
144.
<select id=
"color_1"
onChange=
"new_schedule()"
>
145.
<option>กรุณาเลือกทีมเหย้า</option>
146.
<?php
echo
$opt_color
;?>
147.
</select><br>
148.
<select id=
"color_2"
onChange=
"new_schedule()"
>
149.
<option>กรุณาเลือกทีมเยือน</option>
150.
<?php
echo
$opt_color
;?>
151.
</select>
152.
</li>
153.
</ul>
154.
</div>
155.
<div id=
"div_data"
style=
"position: absolute; left: 200px"
>
156.
<table border=
"1"
cellpadding=
"0"
cellspacing=
"0"
id=
"tb_data"
></table></table></table>
157.
<tr><th colspan=9>ประเภทลาน <?php
echo
(
$sex
?
'หญิง'
:
'ชาย'
:
'รวม'
),
' '
,
$class_name
; ?></th></tr>
158.
<tr style=
"height: 1px; font-size:1;"
>
159.
<th width=
"40"
></th>
160.
<th width=
"140"
></th>
161.
<th width=
"120"
></th>
162.
<th width=
"60"
></th>
163.
<th width=
"60"
></th>
164.
<th width=
"30"
></th>
165.
<th width=
"30"
></th>
166.
<th width=
"60"
></th>
167.
<th width=
"120"
></th>
168.
</tr>
169.
<tr>
170.
<th rowspan=
"2"
valign=
"middle"
>ID</th>
171.
<th rowspan=
"2"
valign=
"middle"
>
DATE
</th>
172.
<th rowspan=
"2"
valign=
"middle"
>NAME</th>
173.
<th rowspan=
"2"
valign=
"middle"
>Group</th>
174.
<th colspan=2>HOME</th>
175.
<th colspan=2>AWAY</th>
176.
<th rowspan=
"2"
valign=
"middle"
>###</th>
177.
</tr>
178.
<tr>
179.
<th>Name</th>
180.
<th colspan=2>Score</th>
181.
<th>Name</th>
182.
</tr>
183.
<?php
echo
$tr
; ?>
184.
</table>
185.
</div>
186.
</body>
187.
</html>