PHP 반응형 질문 채택완료
아래처럼 PHP로 지정된 것들은 700px 이하로 줄이는 반응형의 경우 수정하려면 어떻게 해야하나요?
스크린샷의 분홍색칠 되어있는 업무현황, 날짜숫자를 누르면 게시판으로 이동하게 되는데 그 링크를 지우고 뷰 플레이어로 나오는 미리보기 기능만 남겨두고 싶습니다.
php지식은 거의 없다시피해서 html, css 로만 수정하고 있습니다.
$myarray = soltolun($year,$month,$cday);
if ($myarray[day]==1 || $myarray[day]==11 || $myarray[day]==21) {
$moonday =" (음)$myarray[month].$myarray[day]$myarray[leap]";
} else {
$moonday="";
}
include($file_index."/lunar.txt"); ### 음력 기념일 파일 지정
if ($annivmoonday&&$daycont) $blank="
"; // 음력절기와 양력기념일이 동시에 있으면 한칸 띔
else $blank="";
if ($write_href) {
// $write_href (글쓰기 권한)이 있으면
// 날짜를 클릭하면 글씨쓰기가 가능한 링크를 넣어서 출력하기
echo "※ $daytext$moonday $daycont$blank $annivmoonday";
} else { // 글쓰기 권한이 없으면 글쓰기 링크는 넣지 않고 그 숫자와 기념일 내용만 출력하기
echo "※ $daytext$moonday $daycont$blank $annivmoonday";
}
echo $html_day[$cday];
echo (""); // 한칸을 마무리
$cday++; // 날짜를 카운팅
}
// 유효날짜가 아니면 그냥 회색을 칠한다.
else { echo (" "); }
if (($iz%7) == 0) echo (" ");
} // 반복구문이 끝남
?>
번호
일정목록
답변 2개
아르키어드대댓글이 너무길어져서 새로 작성합니다.
'<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.'>';
이부분에서 href라는 어트리뷰트를 href-data로 바까주시구욥 class는 db로 주셨으니 db라 칭할게요.
아까 추가해주신 코드 및에 제가 작성해드렸던 코드를 이렇게 바꿔봐주세요.
$(window).resize(function(){
var width = $(window).width();
if (width >= 700) {
// 넓이가 700px 보다 크거나 같을때 실행할 이벤트
$(".db").on("click",function(){
var link = $(this).attr("href-data");
location.href = link;
})
}
});
$(window).trigger("resize");
이렇게 한번해봐주세요
답변에 대한 댓글 2개
댓글을 작성하려면 로그인이 필요합니다.
아르키어드모든 a태그 href를 일단 비워보세요.
컬러라던가 텍스트가 전부 변수처리가 되어있는데 그 변수부분을 안보여주셔서 어느부분이 링크부분인지 정확히 짚어내기가 좀애매하네요..
이런 효과를 원하시는게 맞나요??
그리고 모바일에서만 저렇게되고 pc에서는 ?기존 게시판 링크이동으로 하시기를 원하시는건가요??
답변에 대한 댓글 11개
a전체를 지우면 pc에서도 적용이 안 되니 700px 이하에서만 적용시키려고 하는데
그 방법을 모르겠습니다!
아르키어드var width = $(window).width();
if (width <= 700) {
// 넓이가 700px 보다 작거나 같을때 실행할 이벤트
$(삭제할 a태그).attr("href","");
}
});
$(window).trigger("resize");
이렇게 넣어보세요
[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]
어떻게 기입해야하는지 조언 해주실 수 있을까요?
a태그라 함은 a href 를 넣어야하는지 아니면 그 뒤의 링크를 넣어야하는지 모르겠습니다!
아르키어드function PopupHide(n) {
$("#popup_"+n).hide();
}
여기 아래 붙여넣어보세요
$("#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태그를 도대체 어떻게 넣어야하는지 모르겠습니다
아르키어드이부분에 class 하나 주시고요
$(삭제할 a태그).attr("href","");
이부분에
$("추가한 클래스").attr("href","");
해주세요.
아까 작성해드린 코드는 자바스크립트라는거지 php라는게 아니라는 말씀이엇습니다
아르키어드댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
PHP라서 정말 막막했는데 끝까지 자세히 도와주셔서 정말로 감사드립니다ㅠㅠ
정말로 밥이라도 사드리고 싶네요... 덕분에 많이 배워갑니다!