게시판의 리스트에서 사이즈가 줄어들면 html구조가 바뀌게 하는법좀 알려주세요

게시판의 리스트에서 사이즈가 줄어들면 html구조가 바뀌게 하는법좀 알려주세요

QA

게시판의 리스트에서 사이즈가 줄어들면 html구조가 바뀌게 하는법좀 알려주세요

답변 1

본문

<tbody>

        <?php

        for ($i=0; $i<count($list); $i++) {

        ?>

        <tr class="<?php if ($list[$i]['is_notice']) echo "bo_notice"; ?>">

            <?php if ($is_checkbox) { ?>

            <td class="td_chk">

                <label for="chk_wr_id_<?php echo $i ?>" class="sound_only"><?php echo $list[$i]['subject'] ?></label>

                <input type="checkbox" name="chk_wr_id[]" value="<?php echo $list[$i]['wr_id'] ?>" id="chk_wr_id_<?php echo $i ?>">

            </td><?php } ?>

            <td class="td_subject">

                <?php

                echo $list[$i]['icon_reply'];

                if ($is_category && $list[$i]['ca_name']) {

                ?>

                <a href="<?php echo $list[$i]['ca_name_href'] ?>" class="bo_cate_link"><?php echo $list[$i]['ca_name'] ?></a>

                <?php } ?>

 

                <a href="<?php echo $list[$i]['href'] ?>">

                    <?php echo $list[$i]['subject'] ?>

                    <?php if ($list[$i]['comment_cnt']) { ?><span class="sound_only">댓글</span><?php echo $list[$i]['comment_cnt']; ?><span class="sound_only">개</span><?php } ?>

                    <?php

                    // if ($list[$i]['link']['count']) { echo '['.$list[$i]['link']['count']}.']'; }

                    // if ($list[$i]['file']['count']) { echo '<'.$list[$i]['file']['count'].'>'; }

 

                    if (isset($list[$i]['icon_new'])) echo $list[$i]['icon_new'];

                    if (isset($list[$i]['icon_hot'])) echo $list[$i]['icon_hot'];

                    if (isset($list[$i]['icon_file'])) echo $list[$i]['icon_file'];

                    if (isset($list[$i]['icon_link'])) echo $list[$i]['icon_link'];

                    if (isset($list[$i]['icon_secret'])) echo $list[$i]['icon_secret'];

 

                    ?>

                </a>

 

            </td>

            <td class="td_name sv_use"><?php if($is_admin) echo $list[$i]['wr_name']; else echo preg_replace("/(^..)*./u", "$1*", $list[$i]['wr_name']); ?></td>

            <td class="td_num" style="width:60px">

<?php if ($list[$i]['comment_cnt']) { ?><div style="padding:4px 0 0 0;width:60px;height:30px;background:#f36f73;color:#fff;font-weight:bold;">수정완료</div><?php }elseif($list[$i]['wr_1']){ ?><div style="padding:4px 0 0 0;width:60px;height:30px;background:#00b2a9;color:#fff;font-weight:bold;">수정확인</div><?php }else{ ?><div style="padding:4px 0 0 0;width:60px;height:30px;background:#444444;color:#fff;font-weight:bold;">수정신청</div><?php } ?></td>

            <td class="td_date"><?php echo $list[$i]['datetime2'] ?></td>

        </tr>

        <?php } ?>

        <?php if (count($list) == 0) { echo '<tr><td colspan="'.$colspan.'" class="empty_table">게시물이 없습니다.</td></tr>'; } ?>

        </tbody>

 

여기서 width가 768 아래로 되면 

<tr class="bo_notice">

<td class="td_subject"></td> 

</tr>

<tr class="bo_notice2">

<td class="td_name sv_use"></td> 

<td class="td_num"></td> 

<td class="td_date"></td> 

</tr>

 

이렇게 html 구조가변하게 하고 싶습니다.

 

if문을 쓰면 될거같은데 어떻게 쓰는지모르는 초보라서 ㅠㅠ 부탁드립니다~

 

이 질문에 댓글 쓰기 :

답변 1

스크립트로 window의 width를 체크해서 class를 toggle 하시면 될것 같습니다.
답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
  • 질문이 없습니다.
전체 0
© SIRSOFT
현재 페이지 제일 처음으로