if else if 구문으로 <tr>~</tr>의 배경색 지정도 가능할까요? 채택완료
</p>
<p><tr height="30">
<td width="4%" align="center"><?php echo $rank; ?> 등</td>
<td width="7%" align="center"><?php// echo date("A h:i:s", strtotime($data['datetime'])); ?><?php echo substr($data['datetime'],10,16);?></td>
<td width="12%" align="center"><?php echo $name?></td>
<td width="55%" align="left"><?php echo get_text($data['subject']); ?></td>
<td width="5%" align="center">
<?php
if( $data['day'] >= 120 ) //출석일 120일 이상
{echo "<span style='color:#ffff00; background-color:#000000'>".$on."</span>";}
else if( $data['day'] >= 90 ) //출석일 90일 이상
{echo "<span style='color:#ffffff; background-color:#000000'>".$on."</span>";}
else if( $data['day'] >= 60 ) //출석일 60일 이상
{echo "<span style='color:#ffffff; background-color:#6d30cf'>".$on."</span>";}
else if( $data['day'] >= 30 ) //출석일 30일 이상
{echo "<span style='color:#ffffff; background-color:#e83782'>".$on."</span>";}
else if( $data['day'] >= 10 ) //출석일 10일 이상
{echo "<span style='color:#e83782; background-color:#ffffff'>".$on."</span>";}
else //일반
{echo "<span style='color:#000000; background-color:#ffffff'>".$on."</span>";}
//{echo $data['day'];}
?>
<!--<?php echo $on; ?>--></td>
<td width="10%" align="right" style="padding:0 5 0 0px;">
<?php
if( $data['day'] >= 120 ) //출석일 120일 이상
{echo "<span style='color:#ffff00; background-color:#000000'>".$data['point']."점</span>";}
else if( $data['day'] >= 90 ) //출석일 90일 이상
{echo "<span style='color:#ffffff; background-color:#000000'>".$data['point']."점</span>";}
else if( $data['day'] >= 60 ) //출석일 60일 이상
{echo "<span style='color:#ffffff; background-color:#6d30cf'>".$data['point']."점</span>";}
else if( $data['day'] >= 30 ) //출석일 30일 이상
{echo "<span style='color:#ffffff; background-color:#e83782'>".$data['point']."점</span>";}
else if( $data['day'] >= 10 ) //출석일 10일 이상
{echo "<span style='color:#e83782; background-color:#ffffff'>".$data['point']."점</span>";}
else //일반
{echo "<span style='color:#000000; background-color:#ffffff'>".$data['point']."점</span>";}
//{echo $data['day'];}
?>
</td>
<td width="7%" align="center">
<?php
if( $data['day'] >= 120 ) //출석일 120일 이상
{echo "<span style='color:#ffff00; background-color:#000000'>".$data['day']."일째</span>";}
else if( $data['day'] >= 90 ) //출석일 90일 이상
{echo "<span style='color:#ffffff; background-color:#000000'>".$data['day']."일째</span>";}
else if( $data['day'] >= 60 ) //출석일 60일 이상
{echo "<span style='color:#ffffff; background-color:#6d30cf'>".$data['day']."일째</span>";}
else if( $data['day'] >= 30 ) //출석일 30일 이상
{echo "<span style='color:#ffffff; background-color:#e83782'>".$data['day']."일째</span>";}
else if( $data['day'] >= 10 ) //출석일 10일 이상
{echo "<span style='color:#e83782; background-color:#ffffff'>".$data['day']."일째</span>";}
else //일반
{echo "<span style='color:#000000; background-color:#ffffff'>".$data['day']."일째</span>";}
//{echo $data['day'];}
?>
</td>
</tr></p>
<p>
안녕하세요.
새해 복 많이 받으셔요.
개근일수 차등에 따라 시각효과를 주기 위해서 $data 값에다가 차등 지정을 해서 운영하고 있습니다.
질문!
텍스트의 텍스트 색상, 텍스트 배경 색상 효과가 아닌 해당 $dada['day'] 값에 해당하는 <tr>~</tr> 전체의 <tr bgcolor="배경 색상" color="텍스트 색상"> 으로 설정해주고싶은데요.
현재 설정도 냑님으로 부터 도움받은거라 이번에도 도움 좀 받으려 합니다.
<?php
if( $data['day'] >= 120 ) //출석일 120일 이상
{echo "<tr bgcolor="배경 색상" color="텍스트 색상">";}
else if( $data['day'] >= 90 ) //출석일 90일 이상
{echo "<tr bgcolor="배경 색상" color="텍스트 색상">";}
else if( $data['day'] >= 60 ) //출석일 60일 이상
{echo "<tr bgcolor="배경 색상" color="텍스트 색상">";}
else if( $data['day'] >= 30 ) //출석일 30일 이상
{echo "<tr bgcolor="배경 색상" color="텍스트 색상">";}
else if( $data['day'] >= 10 ) //출석일 10일 이상
{echo "<tr bgcolor="배경 색상" color="텍스트 색상">";}
else //일반
{echo "<tr bgcolor="배경 색상" color="텍스트 색상">";}
//{echo $data['day'];}
?>
대충 이런 결과값이 나오면되는데 할줄을 몰라서 글올려봅니다.
답변 2개
CSS에 아래 내용 추가해주고,
</p>
<p>.over120 td { background-color: #000; color: #ff0; }
.over90 td { background-color: #000; color: #fff; }
.over60 td { background-color: #6d30cf; color: #fff; }
.over30 td { background-color: #e83782; color: #fff; }
.over10 td { background-color: #ffffff; color: #e83782; }
.normal td { background-color: #fff; color: #000; }</p>
<p>질문의 반복하는 부분은 아래처럼 처리하면 되겠습니다.
</p>
<p><?php
$class = 'normal';
if ( $data['day']>=120 ) {
$class = 'over120';
} else if ( $data['day']>=90 ) {
$class = 'over90';
} else if ( $data['day']>=60 ) {
$class = 'over60';
} else if ( $data['day']>=30 ) {
$class = 'over30';
} else if ( $data['day']>=10 ) {
$class = 'over10';
}
?>
<tr height="30" class="<?=$class?>">
<td width="4%" align="center"><?=$rank?> 등</td>
<td width="7%" align="center"><?=substr($data['datetime'], 10, 16)?></td>
<td width="12%" align="center"><?=$name?></td>
<td width="55%" align="left"><?=get_text($data['subject'])?></td>
<td width="5%" align="center"><?=$on?></td>
<td width="10%" align="right" style="padding:0 5 0 0px;"><?=$data['point']?>점</span></td>
<td width="7%" align="center"><?=$data['day']?>일째</span></td>
</tr></p>
<p>* PHP v5.4 이상부터는 PHP 설정과 상관없이 <?= 단축 구문 표현이 가능합니다.
답변에 대한 댓글 3개
.over120 a { background-color: 배경색; color: 글자색; }
.over90 a { background-color: 배경색; color: 글자색; }
:
다른 설정 때문에 색상 지정되지 않으면 아래처럼 !important 붙여주면 됩니다.
.over120 a { background-color: 배경색 !important; color: 글자색 !important; }
.over90 a { background-color: 배경색 !important; color: 글자색 !important; }
:
감사합니다!!! 완벽하게 해결했습니다!
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인