테스트 사이트 - 개발 중인 베타 버전입니다

버튼추가 질문드립니다.

초보이에요 1년 전 조회 1,921

https://sir.kr/g5_skin/32431 해당소스 활용하여 버튼추가를 하려고합니다

이전질문에서 추가하는 방법을 자세히 알려주셔서 적용시켰습니다

그런데 write.skin.php 에서의 추가버튼만 적용된 상태라

추가적으로 view.skin.php 에서도 적용을 시켜야하는데

 

</strong></p>

<p>        <div class="card" style="margin-bottom:20px;">

            <div class="card-header" style="color: #8c8c8c;font-size:14px;font-weight:bold;">

                <i class="fa fa-user-circle" style="margin-right:5px;"></i>모집분야

                    <span class="btn btn-<?php echo $label_color ;?>" style="float:right;margin-right:5px;font-size: 12px;padding: 2px 8px;"><b><?php echo $job_cname; ?></b></span>

                </div></p>

<p>            <div class="card-body" style="padding: 10px 10px 0 10px;">

                <li class="list-group-item" style="border:none;">

                    <div class="form-group row mb-3">

                        <label class="col-3 col-sm-2 col-md-2 control-label" for="article" style="color:#868686;font-weight: 600;">

                            <i class="fa  fa-caret-right" style="margin-right:5px;"></i>분야<strong class="sound_only">필수</strong>

                        </label>

                        <div class="col-9 col-sm-4 col-md-4"><?php echo $job_qnsdi;?></div></p>

<p>                        <label class="col-3 col-sm-2 col-md-2 control-label " for="sell_price" style="color:#868686;font-weight: 600;">

                            <i class="fa  fa-caret-right" style="margin-right:5px;"></i>경력<strong class="sound_only">필수</strong>

                        </label>

                        <div class="col-9 col-sm-4 col-md-4"><?php echo $job_rudfur; ?></div>

                    </div></p>

<p>                    <div class="form-group row mb-0">

                        <label class="col-3 col-sm-2 col-md-2 control-label" for="article" style="color:#868686;font-weight: 600;">

                            <i class="fa  fa-caret-right" style="margin-right:5px;"></i>급여<strong class="sound_only">필수</strong>

                        </label>

                        <div class="col-9 col-sm-4 col-md-4"><?php echo $job_rmqdu; ?></div></p>

<p>                        <label class="col-3 col-sm-2 col-md-2 control-label " for="sell_price" style="color:#868686;font-weight: 600;">

                            <i class="fa  fa-caret-right" style="margin-right:5px;"></i>근무시간<strong class="sound_only">필수</strong>

                        </label>

                        <div class="col-9 col-sm-4 col-md-4"><?php echo $job_rmsantlrks; ?></div>

                    </div>

                </li>

            </div>

        </div></p>

<p> </p>

<p><strong>

 

현재 이부분이 모집분야 부분의 소스입니다

write.skin.php 에서 모집분야부분 추가버튼을 통하여 추가후 작성후 완료를 하게되면 view에서 추가버튼 클릭시 밑으로 해당 위 소스가 추가로 들어가게되어야하는데 기존소스는 이런식으로 되어있더라구요

제껄 넣어보려고하는데 style 부분에서 넣는방법이 다르게되어있어서 오류가 나오더라구요 어떻게 해야할까요?    <div class="card-header" style="color: #8c8c8c;font-size:14px;font-weight:bold;"> 이걸 그대로 넣으면 바로 오류가 뜨던데 도움부탁드립니다.

</strong></p>

<p>        <?php

            $wr_body_1 = explode("|",substr($view[wr_1], 1));

            $wr_body_2 = explode("|",substr($view[wr_2], 1));            

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

                $k=$i+1;

                echo

                    "

                    <tr onmouseover=\"this.style.backgroundColor='#FEF6F7';return true;\" onMouseOut=\"this.style.backgroundColor='';return true;\">

                        <td height=28 class=menu>$wr_body_1[$i]</td>

                        <td class=won>$wr_body_2[$i]  원</td>

                        <td class=menu>$wr_body_1[$k]</td>

                        <td class=won>$wr_body_2[$k]  원</td>

                    </tr>

          

                    ";

                $i=$i+1;

            }

        ?></p>

<p><strong>

 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

새로운 부분을 추가할 때는 동적으로 생성된 HTML 코드에 스타일을 적용해야 할 것으로 생각합니다.

여러 가지 방법이 있겠지만 간단한 방법으로 아래와 같이 해볼 수 있지 않을 까 합니다.

 

write.skin.php에서 추가되는 부분의 코드가 다음과 같다고 가정해봅시다.

</p>

<p><?php

// ... (모집분야를 추가하는 부분)</p>

<p>echo "

    <tr onmouseover=\"this.style.backgroundColor='#FEF6F7';return true;\" onMouseOut=\"this.style.backgroundColor='';return true;\">

        <td height=28 class=menu>{$new_wr_body_1}</td>

        <td class=won>{$new_wr_body_2} 원</td>

        <td class=menu>{$new_wr_body_3}</td>

        <td class=won>{$new_wr_body_4} 원</td>

    </tr>

";

?>

 </p>

<p>

 

이 경우에 새로 추가되는 부분에 스타일을 추가하려면 다음과 같이 할 수 있습니다.

</p>

<p>echo "

    <tr onmouseover=\"this.style.backgroundColor='#FEF6F7';return true;\" onMouseOut=\"this.style.backgroundColor='';return true;\" style='color: #8c8c8c; font-size:14px; font-weight:bold;'>

        <td height=28 class=menu>{$new_wr_body_1}</td>

        <td class=won>{$new_wr_body_2} 원</td>

        <td class=menu>{$new_wr_body_3}</td>

        <td class=won>{$new_wr_body_4} 원</td>

    </tr>

";

 

이렇게 하면 추가되는 부분에도 스타일이 적용되어 오류가 발생하지 않을 것이라 생각합니다.

필요한 경우 스타일을 조정하거나 추가하시면 될 듯 합니다.

중요한 것은 style 속성을 통해 스타일을 지정하는 부분이 올바른 위치에 들어가 있는지 확인하는 것입니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

웅푸
1년 전

<div class="card-header" style="color: #8c8c8c; font-size: 14px; font-weight: bold;">

$k=$i+1; ????????

 

<?php
    $wr_body_1 = explode("|", substr($view['wr_1'], 1));
    $wr_body_2 = explode("|", substr($view['wr_2'], 1));

    for ($i = 0; $i < count($wr_body_1); $i++) {
        echo "
            <tr onmouseover=\"this.style.backgroundColor='#FEF6F7';return true;\" onMouseOut=\"this.style.backgroundColor='';return true;\">
                <td height=28 class=menu>{$wr_body_1[$i]}</td>
                <td class=won>{$wr_body_2[$i]} 원</td>
                <td class=menu>{$wr_body_1[$i+1]}</td>
                <td class=won>{$wr_body_2[$i+1]} 원</td>
            </tr>
        ";
        $i++;
    }
?>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인