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

모바일 소스 오류가 납니다... 채택완료

nanase 2년 전 조회 1,997

1. 모바일에서 일정표를 안보이게할려고 작업은 했는데 일요일 내용들이 옆으로 밀려서 보입니다.

 

2. 일정을 안 넣었을 경우 오늘은 일정이 없습니다.를 나오게 하고 싶어요. 해봤더니. 일정이 있을때도 같이 나와서요...

 

</p>

<p><span style="background-color:#f1c40f;"><div style="width:<?php echo is_mobile() ? 0 : 50?>%;float:left;"></span></p>

<p>    <div class="cal" style="">

        <table width= "100%" cellSpacing="2" cellPadding="0" border="0" align="center">

            <tr style="border-bottom: 1px solid #ccc;">

                <td align="center" class="bgsun">일</td>

                <td align="center" class="bgweek">월</td>

                <td align="center" class="bgweek">화</td>

                <td align="center" class="bgweek">수</td>

                <td align="center" class="bgweek">목</td>

                <td align="center" class="bgweek">금</td>

                <td align="center" class="bgsat">토</td>

            </tr>

            <tr>

                <td colspan="7" bgcolor="#DDDDDD"></td>

            </tr>

<?php

            $cday = 1;

            $sel_mon[i] = sprintf("%02d",$month);

            $query = "select * from ".$g5['write_prefix'].$bo_table." where left(wr_1,6) <= '".$year.$sel_mon[i]."'  and left(wr_2,6) >= '".$year.$sel_mon[i]."'  order by wr_id asc";

            //echo $query;

            $result = sql_query($query);</p>

<p>            // 내용을 보여주는 부분

            while ($row = sql_fetch_array($result)) {  // 제목글 뽑아서 링크 문자열 만들기..

                if( substr($row[wr_1],0,6) < $year.$sel_mon[i] ) {

                    $start_day[i] =1;

                    $start_day[i]= (int)$start_day[i];

                } else {

                    $start_day[i] = substr($row[wr_1],6,2);

                    $start_day[i]= (int)$start_day[i];

                }</p>

<p>                if( substr($row[wr_2],0,6) > $year.$sel_mon[i] ) {

                    $end_day[i] = $lastday[$month];

                    $end_day[i]= (int)$end_day[i];

                } else {

                    $end_day[i] = substr($row[wr_2],6,2);

                    $end_day[i]= (int)$end_day[i];

                }</p>

<p>                //echo "start_day = ".$start_day[i] ."
";

                //echo "end_day = ".$end_day[i] ."
";</p>

<p>                for ($i = $start_day[i] ; $i <= $end_day[i];  $i++) {

                    $html_day[$i] = "1";

                }

            }</p>

<p>            // 달력의 틀을 보여주는 부분

            // 여기부터 분석하면 됨

            $temp = 7- (($lastday[$month]+$dayoftheweek)%7);

            // $dayoftheweek; // 6 이다.

            // $temp = 6 이다. 무슨 의미인가?</p>

<p>            if ($temp == 7) $temp = 0;

            $lastcount = $lastday[$month]+$dayoftheweek + $temp;</p>

<p>            // $lastcount = 42

            // $lastcount 는 달력을 이루고 있는 전체 셀의 갯수이다.  2003년 11월은 날짜 30개와 빈칸 12개 다.

            //

            for ($iz = 1; $iz <= $lastcount; $iz++) { // 42번을 칠하게 된다.

                $bgcolor = "#ffffff";  // 쭉 흰색으로 칠하고

                $offset = $iz%7;

                if ($offset == 1) echo ("            <tr>\n"); // 주당 7개씩 한쎌씩을 쌓는다.

                if ($dayoftheweek < $iz  &&  $iz <= $lastday[$month]+$dayoftheweek)    {

                    if ($b_year==$year && $b_mon==$month && $b_day==$cday) {

                        $cstyle = 'today';

                    } else {

                        $cstyle = 'valid';

                    }</p>

<p>                    switch ($offset) {            // 요일에 따라 날짜의 색깔 결정

                        case 1: $dstyle = 'sunday';

                        break;

                        case 0: $dstyle = 'saturday';

                        break;

                        default: $dstyle = 'weekday';

                    }

                    // 전체 루프안에서 숫자가 들어가는 셀들만 해당됨

                    // 즉 11월 달에서 1일부터 30 일까지만 해당

                    $daytext = "$cday";   // $cday 는 숫자 예> 11월달은 1~ 30일 까지

                    $f_date = $year.sprintf("%02d",$month).sprintf("%02d",$cday);

                    //$daytext 은 셀에 써질 날짜 숫자 넣을 공간

                    //if ($iz%7 == 1) $daytext = "<font color=red>$daytext</font>"; // 일요일

                    //if ($iz%7 == 0) $daytext = "<font color=blue>$daytext</font>"; // 토요일</p>

<p>                    // 여기까지 숫자와 들어갈 내용에 대한 변수들의 세팅이 끝나고

                    // 이제 여기 부터 직접 셀이 그려지면서 그 안에 내용이 들어 간다.</p>

<p>                    $myarray = soltolun($year,$month,$cday);

                    $moonday="";</p>

<p>                    echo ("                <td class='".$cstyle."'>");</p>

<p>                    //echo "<p class='".$dstyle."'>".$daytext.$moonday."</p>";

                    if ($html_day[$cday]) {</p>

<p>                        echo "<p class='selDay'>";

                        echo "<a href=\"javascript:nowDayList('{$bo_table}','{$year}','{$month}','{$cday}','{$options["mobile"]}')\" class='writeday'>";

                        echo "<b>".$daytext."</b>";

                        echo "</a>";

                        echo "</p>";

                    }

                    else { // 글쓰기 권한이 없으면 글쓰기 링크는 넣지 않고 그냥 숫자만 출력하기

                        echo "<p class='".$dstyle."'>".$daytext."</p>";

                    }

                    //       echo $html_day[$cday];

                    echo ("</td>\n");  // 한칸을 마무리

                    $cday++; // 날짜를 카운팅

                }

                // 11월에서 1일부터 30일에 해당되지 않으면 그냥 회색을 칠한다.

                else { echo ("                <td class='invalid'> </td>\n"); }</p>

<p>                if (($iz%7) == 0) echo ("            </tr>\n");</p>

<p>            } // 반복구문이 끝남

            ?>

        </table>

    </div></p>

<p></div></p>

<p><style></p>

<p>    #changeNowListBox { padding: 12px 12px; height: 254px; width: 99.8%; }

    #changeNowListBox .NowListBoxYear { font-size: 19px; font-weight: 600; color: #f9aa83; text-align: left; padding: 0px 0px 2px; }

    #changeNowListBox .NowListBoxYear::after { content: "\f073"; font-family: "Font Awesome 5 Free"; font-size: 50px; position: relative; top: 25px; right: -133px; }

    #changeNowListBox .NowListBoxMonthDay { font-size: 21px; font-weight: 600; color: #ff8040; text-align: left; padding: 0px 0px 5px; border-bottom: 3px solid #ff8040; }

    #changeNowListBox table {  padding: 3px 0 0 0; /* width: 260px; */ table-layout: fixed; }

    #changeNowListBox table tr {  }

    #changeNowListBox table tr td { width: 260px;  font-size: 15px; font-weight: 600; color: #ff8040; text-align: left; padding: 5px 0px 3px; /* white-space: nowrap; */ text-overflow: ellipsis; overflow: hidden; }

    .NowListUl {margin-left: 15px;}

    .NowListUl li {list-style: disc;font-size: 15px; font-weight: 600; color: #00000; text-align: left;padding: 5px 0px 3px;}

    .more_ { position: absolute; top: 53px; right: 25px; }

    .more_ a { font-size: 31px; font-weight: 700; color: #ff8040; }</p>

<p>    @media(max-width:767px){

        #changeNowListBox { padding: 12px 12px; height: 178px; width: 99.8%; position: relative; }

        #changeNowListBox .NowListBoxYear { font-size: 11px; font-weight: 600; color: #ff8040; text-align: left; padding: 0px 0px 2px; }

        /*#changeNowListBox .NowListBoxYear::after { content: "\f073"; font-family: "Font Awesome 5 Free"; font-size: 32px; position: absolute; top: 408px; right: 32px; }*/

        #changeNowListBox .NowListBoxYear::after { content: "\f073"; font-family: "Font Awesome 5 Free"; font-size: 23px; position: absolute; top: 22px; right: 18px; }

        #changeNowListBox .NowListBoxMonthDay { font-size: 13px; font-weight: 600; color: #ff8040; text-align: left; padding: 0px 0px 5px; border-bottom: 3px solid #ff8040; }

        #changeNowListBox table {  padding: 3px 0 0 0; width: 152px; table-layout: fixed; }

        #changeNowListBox table tr {  }

        #changeNowListBox table tr td { width: 152px; font-size: 10px; font-weight: 600; color: #ff8040; text-align: left; padding: 2px 0px 1px; /* white-space: nowrap; */ text-overflow: ellipsis; overflow: hidden; }

        .more_ { position: absolute; top: -5px; right: 5px; }

        .more_ a { font-size: 21px; font-weight: 700; color: #ff8040; }

    }</p>

<p></style></p>

<p><span style="background-color:#f1c40f;"><div class="" style="width: <?php echo is_mobile() ? 100 : 50 ?>%; float: left;;overflow: auto;background: #ffffff; "></span>

    <div id="changeNowListBox">

        <div class="NowListBoxYear"><?= date("Y년"); ?><div class="more_"><a href="/bbs/board.php?bo_table=0403<?= $options["mobile"] ? "&mode=week" : "" ?>"> + </a></div></div>

        <div class="NowListBoxMonthDay"><?= date("m월 d일")?> <?php $yoil_text_set = array("일요일","월요일","화요일","수요일","목요일","금요일","토요일"); $yoil = $yoil_text_set[date('w', strtotime(date("Y-m-d")))]; echo $yoil; ?></div>

        <?php

        $myListSql = "select * from ".$g5['write_prefix'].$bo_table." where left(wr_1,8) <= '".$year.$sel_mon[i].sprintf("%02d",$mday)."'  and left(wr_2,8) >= '".$year.$sel_mon[i].sprintf("%02d",$mday)."'  order by wr_id asc";

        $myListRes = sql_query($myListSql);

        ?>

        <ul class="NowListUl">

            <?php while($row = sql_fetch_array($myListRes)) :

            switch ($row["wr_9"])

            {

                case "background:rgb(243,80,85)":

                    $tmpName = "[이천IL]";

                  break;

                case "background:rgb(131,183,48);":

                    $tmpName = "[서비스지원국]";

                  break;

                case "background:rgb(249, 188, 35);":

                    $tmpName = "[여성장애인교육팀]";

                  break;

                case "background:rgb(66,174,220);":

                    $tmpName = "[체험홈]";

                  break;

                case "background:rgb(128, 65, 217);":

                    $tmpName = "[주간활동]";

                  break;

                case "background:rgb(1, 0, 225);":

                    $tmpName = "[방과후활동]";

                  break;

            }

            ?>

            <li>

                <div style="display: inline;"><?= $tmpName ?><?= $row["wr_subject"] ?></div>

              </li></p>

<p>      <?php endwhile ?>

        </ul>

    </div>

</div></p>

<p>

 

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

답변 2개

toqurk
2년 전

적용하신것은 정상적으로 나오는것 같습니다.

단지 잘못 거신것 같은데요?

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

답변에 대한 댓글 1개

n
nanase
2년 전
Pc에서는 달력과 일정내용이 나오게 되어있으며 모바일에선 일정내용만 보이게 할려고 하는데 일요일 글자와 날짜들이 보여서요

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

s
2년 전

홈 페이지 링크를 공유해주세요. 지금의 코드만 봐서는 잘 모르겠습니다.

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

답변에 대한 댓글 2개

n
nanase
2년 전
http://eccil.kr/#page03
n
nanase
2년 전
f12 눌러서 모바일 크기로 봐야 보일거에요.

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

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

로그인