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

PHP .. 스크립트 변수 AJAX 로 어떻게 처리해야 하나요? 채택완료

Jiah 8년 전 조회 2,589

</p><p>
</p><p><script type="text/javascript"></p><p>
 var left_form =  $('.left_form');
 var right_form = $('.right_form');</p><p> $(window).resize(function(){
  
  var winWith = $(window).width();
   if(winWith > 1200) {
    left_form.css('width','calc(20%)');
    right_form.css('width','calc(77%)');
   }
   else {
    left_form.css('width','calc(95%)');
    right_form.css('width','calc(95%)');
   }
 }).resize();
</script></p><p>
</p><p>

위 코드를 PHP에 넣으면 에러가 나죠..

AJAX로 보내서 처리를 하려고 하는데 어떻게 하는지 도저히 생각이 안나네요 ㅠㅠ

어떻게 코드를 짜야 하나요?

그리고 PHP에서 제이쿼리나 부트스트랩은 사용이 힘든가요?

다 에러나네요 ㅠㅠ

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

답변 3개

J
8년 전

아래의 코드를 head에 넣어서 해결

</p><p><script></p><p> $(window).resize(function(){
 
  if($(window).innerWidth() < 1200) {
   document.getElementById('left_form').style.width = 'calc(100%)';
   document.getElementById('right_form').style.width = 'calc(100%)';
  } else {
   document.getElementById('left_form').style.width = 'calc(22%)';
   document.getElementById('right_form').style.width = 'calc(77%)';
  }
 }).resize();</p><p></script></p><p>

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

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

tuts
8년 전

php에서 jquery랑 부트스트랩 둘다 이용가능합니다

풀소스를 올려주시길 바랍니다 :)

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

답변에 대한 댓글 3개

J
Jiah
8년 전
[code]
<?php

include_once('./_common.php');


if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

include_once(G5_SUPER_PATH.'/adm_head.php');
include_once(G5_SUPER_PATH.'/adm_nav.php');
?>


<!-- admin 메인화면 시작 -->

<!-- /#page-content-wrapper -->
<div id="page-search">
<div id="search_frame">
<!--S:검색 모듈----------------------------------------------------->
<?php include_once(G5_SUPER_PATH.'/adm_search_form.php');?>
<!--E:검색 모듈----------------------------------------------------->
</div>
<div id="body_frame">
<div id="body_inframe">
<!--빌딩 모듈--------------------------------------------------->
<?php include_once(G5_SUPER_PATH.'/module/build_info.php');?>
<!--서치 결과값 모듈-------------------------------------------->
<?php include_once(G5_SUPER_PATH.'/module/search_list.php');?>
<!--메인 모듈------------------------------------------------->
<div id="main_group">
<!--좌측 메인 모듈------------------------------------------>
<div class="left_form">
<?php include_once(G5_SUPER_PATH.'/module/submenu0011_01.php');?>
</div>
<!--우측 메인 모듈------------------------------------------>
<div class="right_form">
<?php include_once(G5_SUPER_PATH.'/module/submenu0011_02.php');?>
</div>
</div> <!--메인모듈-->
</div>
</div>
</div>

<?php
include_once(G5_SUPER_PATH.'/adm_tail.php');
?>



<script type="text/javascript">


var left_form = $('.left_form');
var right_form = $('.right_form');

$(window).resize(function(){

var winWith = $(window).width();
if(winWith > 1200) {
left_form.css('width','calc(20%)');
right_form.css('width','calc(77%)');
}
else {
left_form.css('width','calc(95%)');
right_form.css('width','calc(95%)');
}
}).resize();
</script>
<!-- adm_메인화면 끝 -->
[/code]
J
Jiah
8년 전
풀소스 올렸습니다
J
Jiah
8년 전
tuts 님 답변 좀 부탁드리겠습니다~

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

8년 전

예: 

 

 

위처럼 jquery나 bootstrap 중추파일을 (css파일 포함) 추가해주면 php에선 어려움없이 동작을 합니다.

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

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

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

로그인