PHP .. 스크립트 변수 AJAX 로 어떻게 처리해야 하나요?
본문
<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
예:
<script src="http://홈주소/js/jquery-1.8.3.min.js"></script>
<script src="http://홈주소/js/bootstrap.min.js"></script>
위처럼 jquery나 bootstrap 중추파일을 (css파일 포함) 추가해주면 php에선 어려움없이 동작을 합니다.
php에서 jquery랑 부트스트랩 둘다 이용가능합니다
풀소스를 올려주시길 바랍니다 :)
<?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_메인화면 끝 -->
풀소스 올렸습니다
tuts 님 답변 좀 부탁드리겠습니다~
아래의 코드를 head에 넣어서 해결
<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>
답변을 작성하시기 전에 로그인 해주세요.
