ユーザーが任意のショーの任意の座席を予約できる映画のオンライン予約のページがありますが、クリア、予約ボタンが固定されており、座席の最後列の下に移動する必要があるという問題があります。$top という変数を使用して行を並べ替えました...そして、css を動的にする必要があります
これは、クリア、予約ボタンの CSS です。
#holder{
height:<?php echo $top; ?>px; //here's the problem, it doesnt work for me
width:550px;
background-color:white;
border:0px solid #A4A4A4;
margin-left:10px;
}
これは、$top を取得するための php コードです。
<?php
$cols = 0;
$rows = 0;
$user_reserved_seats = array();
foreach( $seats as $seat )
{
$class = 'seat';
$seat_code = $seat['seats_code'];
$row = substr( $seat_code, 0, 1 ); //?
if( $row != $previous_row && $previous_row )
{
++$rows;
$cols = 0;
}
$top = 35 * $rows;
$left = 35 * $cols;
if( $seat['reserved'] )
{
$classToAdd = 'selectedSeat';
if( $_GET['edit'] && $seat['member_id'] == $_SESSION['member_id'] )
{
$user_reserved_seats[] = $seat['seats_id'];
$classToAdd = 'selectingSeat';
}
$class .= ' ' . $classToAdd;
}
echo "<li id=\"{$seat['seats_id']}\" class=\"{$class}\" style=\"top: {$top}px;left:{$left}px\">
<a title=\"{$seat_code}\">{$seat_code}</a>
</li>";
$previous_row = substr( $seat_code, 0, 1 ); //??
++$cols;
}
?>
ありがとうございました