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

PHP 반응형 질문 채택완료

옼히나와 6년 전 조회 3,413

 

아래처럼 PHP로 지정된 것들은 700px 이하로 줄이는 반응형의 경우 수정하려면 어떻게 해야하나요?

스크린샷의 분홍색칠 되어있는 업무현황, 날짜숫자를 누르면 게시판으로 이동하게 되는데 그 링크를 지우고 뷰 플레이어로 나오는 미리보기 기능만 남겨두고 싶습니다.

php지식은 거의 없다시피해서 html, css 로만 수정하고 있습니다.

 

 

</p>

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

    if ($myarray[day]==1 || $myarray[day]==11 || $myarray[day]==21) {

      $moonday ="<font color='gray'> (음)$myarray[month].$myarray[day]$myarray[leap]</font>";

    } else {

      $moonday="";

    }</p>

<p>    include($file_index."/lunar.txt"); ### 음력 기념일 파일 지정</p>

<p>    if ($annivmoonday&&$daycont) $blank="
"; // 음력절기와 양력기념일이 동시에 있으면 한칸 띔

    else $blank="";</p>

<p>    if ($write_href) { 

      // $write_href (글쓰기 권한)이 있으면

      // 날짜를 클릭하면 글씨쓰기가 가능한 링크를 넣어서 출력하기

      echo "<a href='./board.php?bo_table=$bo_table&t=$f_date&year=$year&month=$month' title='일정보기'>※</a> </a><a href='$write_href&f_date=$f_date'><font color='$daycolor' title='일정추가'>$daytext</font></a>$moonday <font color='$daycontcolor'>$daycont</font>$blank $annivmoonday";

    } else { // 글쓰기 권한이 없으면 글쓰기 링크는 넣지 않고 그 숫자와 기념일 내용만 출력하기  

      echo "<a href='./board.php?bo_table=$bo_table&t=$f_date냥&year=$year&month=$month' title='일정보기'>※</a> <font color='$daycolor'>$daytext</font>$moonday <font color='$daycontcolor'>$daycont</font>$blank $annivmoonday";

    }

    echo $html_day[$cday];

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

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

  } 

  // 유효날짜가 아니면 그냥 회색을 칠한다.

  else { echo ("     <td width=$col_width height=$col_height bgcolor=f9fafe valign=top> </td>"); }

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

   

} // 반복구문이 끝남

?>

</tbody>

</table>

</div>

<p> <p>

<table  class="table04" cellpadding='0' cellspacing='0' width="100%" style="border:1px solid #CCC;">

    <tr style="border-bottom:1px solid #CCC;" align="center">

        <td style="background-color:#EFEFEF;border-right:1px solid #CCC;" width="30" height="32"><b>번호</b></td>

        <td style="background-color:#EFEFEF;border-right:1px solid #CCC;" align="center"><b><?php echo $t; ?> 일정목록</b></td>

    </tr>

    <?php

        //$sql = " select wr_subject, wr_5, wr_link2, wr_id, wr_2 from g5_write_{$bo_table} where wr_1 = '{$t}' or (wr_1 <= '{$t}' and wr_2 >= '{$t}') order by wr_id desc ";    </p>

<p>          $sql = " select wr_subject, wr_5, wr_link2, wr_id, wr_name, wr_1, wr_2, wr_content from g5_write_{$bo_table} where {$t} between wr_1 and wr_2 order by wr_id asc ";    </p>

<p>

        //echo $sql;

        $result = sql_query($sql);

        for ($i=0; $row=sql_fetch_array($result); $i++) {

            $wr_5 = @explode(" ",$row['wr_5']);

            $k = $i+1;</p>

<p>

            /*

            if($row[wr_link2] == "1") {

                $wr_link2 = "계약";

            } else if($row[wr_link2] == "3") {

                $wr_link2 = "가입";

            } else if($row[wr_link2] == "2") {

                $wr_link2 = "세팅";

            } else if($row[wr_link2] == "4") {

                $wr_link2 = "출고";

            } else if($row[wr_link2] == "5") {

                $wr_link2 = "설치";

            }

            */

            

    ?>

    

    <tr>

        <td class="table06" style="border-right:1px solid #CCC;border-top:1px solid #CCC;" height="35" align="center"><?php echo $i+1; ?></td>

        <td class="table05" style="border-right:1px solid #CCC;border-top:1px solid #CCC;padding:15px;"> <? echo "".substr($row['wr_1'],4,2)."/".substr($row['wr_1'],6,2) ?><!-- ~ <? echo "".substr($row['wr_2'],4,2)."/".substr($row['wr_2'],6,2) ?>)--> <a href="<?php echo G5_BBS_URL;?>/board.php?bo_table=<?php echo $bo_table;?>&wr_id=<?php echo $row[wr_id];?>"><!--<? echo $row['name'] = substr($row['wr_name'], 0, -3).'*'; ?>--> <?php echo $row[wr_subject]; ?><p>

<font color=gray><?php echo nl2br($row[wr_content]); ?></font></a></p>

<p>        <!--

        <? echo $html_day[$i].= "<a href='".G5_BBS_URL."/board.php?bo_table=$bo_table&year=$year&month=$month&wr_id=$row[wr_id]&sc_no=$sc_no' id='subject_".$j."'>".$row[wr_subject]."</a>";

        ?>

        -->

        </td>

    </tr>

    <?php

        }

        if(!$i) {

    ?>

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

        <td class="table04" colspan="2" style="border-right:1px solid #CCC;border-top:1px solid #CCC;" height="45" align="left"> 선택된 일정이 없습니다. 날짜 옆 ※를 클릭해 주세요.</td>

    </tr>

    <?php

        }

    ?>

</table></p>

<p><!--<center><? include ("../event.php"); ?></center>--></p>

<p><script language="JavaScript">

// 년, 월 form 스크립트

function namosw_goto_byselect(sel, targetstr)

{

  var index = sel.selectedIndex;

  if (sel.options[index].value != '') {

     if (targetstr == 'blank') {

       window.open(sel.options[index].value, 'win1');

     } else {

       var frameobj;

       if (targetstr == '') targetstr = 'self';

       if ((frameobj = eval(targetstr)) != null)

         frameobj.location = sel.options[index].value;

     }

  }

}</p>

<p><!--

// 미리보기 팝업 보이기

function PopupShow(n) {

    var position = $("#subject_"+n).position(); 

    $("#popup_"+n).animate({left:position.left-10+"px", top:position.top+30+"px"},0);

    $("#popup_"+n).show();

}</p>

<p>// 미리보기 팝업 숨기기

function PopupHide(n) {

    $("#popup_"+n).hide();

}

//-->

 

 

 

 

http://www.etj.co.kr/bbs/board.php?bo_table=test">http://www.etj.co.kr/bbs/board.php?bo_table=test

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

답변 2개

채택된 답변
+20 포인트
아르키어드

모든 a태그 href를 일단 비워보세요. 

컬러라던가 텍스트가 전부 변수처리가 되어있는데 그 변수부분을 안보여주셔서 어느부분이 링크부분인지 정확히 짚어내기가 좀애매하네요..

 

이런 효과를 원하시는게 맞나요??

그리고 모바일에서만 저렇게되고 pc에서는 ?기존 게시판 링크이동으로 하시기를 원하시는건가요??

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

답변에 대한 댓글 11개

옼히나와
6년 전
네 맞습니다! 하지만 지우는 거 자체는 일도 아닌데..
a전체를 지우면 pc에서도 적용이 안 되니 700px 이하에서만 적용시키려고 하는데
그 방법을 모르겠습니다!
아르키어드
6년 전
그럼 자바스크립트로 삭제하셔야겠네요..
아르키어드
6년 전
$(window).resize(function(){
var width = $(window).width();
if (width <= 700) {
// 넓이가 700px 보다 작거나 같을때 실행할 이벤트
$(삭제할 a태그).attr("href","");
}
});
$(window).trigger("resize");

이렇게 넣어보세요
옼히나와
6년 전
링크가 이런식으로 나와있거든요

[code]if ($member[mb_level] < $board[bo_read_level]) {
$showLayer="" ;
} else {
$showLayer=" onmouseover=\"PopupShow('".$j."')\" onmouseout=\"PopupHide('".$j."')\" ";
}
$html_day[$i] .= "<div style='line-height:17px'>".$list[icon_new].$list[comment_cnt]."</div>";
$html_day[$i] .= '<a href="'.G5_BBS_URL."/board.php?bo_table=$bo_table&year=$year&month=$month&wr_id=$row[wr_id]&sc_no=$sc_no".'" style="background-color:'.$row[wr_3].';display:block;text-align:center;font-weight:bold;"id="subject_'.$j.'" '.$showLayer.'>';
$html_day[$i] .= '<font color=" '.white.' "> '.$row[wr_subject].' </font>';
$html_day[$i] .= '</a>';[/code]
어떻게 기입해야하는지 조언 해주실 수 있을까요?
아르키어드
6년 전
아뇨 저거는 스크립트에요 php랑 무관해요 그냥 스크립트 선언해주시면 되요
옼히나와
6년 전
스크립트 선언이 저기 기입하라고 하신 부분 안에 어떻게 넣어야하는지 이해가 잘 안 됩니다ㅠㅠ
a태그라 함은 a href 를 넣어야하는지 아니면 그 뒤의 링크를 넣어야하는지 모르겠습니다!
아르키어드
6년 전
// 미리보기 팝업 숨기기
function PopupHide(n) {
$("#popup_"+n).hide();
}
여기 아래 붙여넣어보세요
옼히나와
6년 전
네! [code] var position = $("#subject_"+n).position();
$("#popup_"+n).animate({left:position.left-10+"px", top:position.top+30+"px"},0);
$("#popup_"+n).show();
}

// 미리보기 팝업 숨기기
function PopupHide(n) {
$("#popup_"+n).hide();
}
//-->
$(window).resize(function(){
var width = $(window).width();
if (width <= 700) {
// 넓이가 700px 보다 작거나 같을때 실행할 이벤트
$(삭제할 a태그).attr("href","");
}
});
$(window).trigger("resize");
</script>
[/code] 이렇게 말씀하시는 거죠? 근데 저거 삭제할 a태그가... php랑 무관하다고 하셨는데
php에 달린 그 a태그를 도대체 어떻게 넣어야하는지 모르겠습니다
아르키어드
6년 전
'<a href="'.G5_BBS_URL."/board.php?bo_table=$bo_table&year=$year&month=$month&wr_id=$row[wr_id]&sc_no=$sc_no".'" style="background-color:'.$row[wr_3].';display:block;text-align:center;font-weight:bold;"id="subject_'.$j.'" '.$showLayer.'>';

이부분에 class 하나 주시고요

$(삭제할 a태그).attr("href","");
이부분에
$("추가한 클래스").attr("href","");

해주세요.

아까 작성해드린 코드는 자바스크립트라는거지 php라는게 아니라는 말씀이엇습니다
옼히나와
6년 전
감사합니다! 클릭으로 인한 링크 이동은 없어졌어요!!!!!!!! 혹시 페이지가 새로고침 되는 것까지는 막기가 불가능 할까요?
아르키어드
6년 전
음... href라는 attr을 완전히 없애야될거같은데 반응형이시라 width가 다시 700이상으로 늘어났을때 href값을 다시 갖게 해야겠네요. 코드가 좀 많이 수정되야겠네요

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

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

로그인