미채택 완료

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

Copy
<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>

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

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

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

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

다 에러나네요 ㅠㅠ

|

답변 3개 / 댓글 3개

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

Copy
<script> $(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();</script>

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

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

답변에 대한 댓글 3개

[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]
풀소스 올렸습니다
tuts 님 답변 좀 부탁드리겠습니다~

예: 

<script src="http://홈주소/js/jquery-1.8.3.min.js"></script> 

<script src="http://홈주소/js/bootstrap.min.js"></script> 


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

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