고수님들 도와주세여...게시판 질문입니다ㅠ
본문
같은 스킨으로 두개의 게시판에 사용하려하는데
연결은 어떻게해야하는지 모르겠어서..질문남깁니다ㅠㅠ
게시판은 이렇게 두개를 만들엇고, 테마는 똑같은것 두개인데 이름만 다르게 적용했구요,
하단에는 php코드인데 어디를 수정해야 en_store_map에있는 데이터를 가져오는건지...모르겠어요ㅠ
<?php
include_once ('./_common.php');
include_once (G5_THEME_PATH . '/head.php');
include_once (G5_THEME_PATH . '/store_top.php');
?>
<h1 style="display:none;">매장안내</h1>
<section class="store">
<h2 style="display:none;">매장안내</h2>
<div class="s_gnb st_gnb">
<ul>
<li class="on"><a href="<?php echo G5_THEME_URL; ?>/en_store.php">매장안내</a></li>
<li><a href="<?php echo G5_BBS_URL; ?>/board.php?bo_table=main_store">컨셉매장</a></li>
</ul>
</div>
<!-- search -->
<div class="searchBox">
<input type="text" class="formSearch" placeholder="찾으실 지점의 지역을 검색해보세요" />
</div>
<!-- //search -->
<?
$area_arr = array('강원', '경기', '경남', '경상도', '광주', '대구', '대전', '부산', '서울', '세종', '울산', '인천', '전남', '전라도', '충남', '충청도', '제주');
?>
<div class="areaTab">
<ul class="a_tabBtn">
<li id="all"><button>전체</button></li>
<li rel="area8" class="area01"><button>SEOUL</button></li>
<li rel="area11" class="area02"><button>Incheon</button></li>
<li rel="area1" class="area03"><button>Gyeonggi</button></li>
<li rel="area0" class="area04"><button>Gangwon</button></li>
<li rel="area7" class="area05"><button>Busan</button></li>
<li rel="area5" class="area06"><button>Daegu </button></li>
<li rel="area6" class="area07"><button>Daejeon</button></li>
<li rel="area4" class="area08"><button>Gwangju</button></li>
<li rel="area10" class="area09"><button>Ulsan</button></li>
<li rel="area9" class="area10"><button>Sejong</button></li>
<li rel="area3" class="area11"><button>경상도</button></li>
<li rel="area13" class="area12"><button>전라도</button></li>
<li rel="area15" class="area13"><button>Chungcheong</button></li>
<li rel="area16" class="area14"><button>제주</button></li>
</ul>
</div>
<script>
$(function () {
$("ul.a_tabBtn li").click(function () {
$("ul.a_tabBtn li").removeClass("active").css("color", "#333");
//$(this).addClass("active").css({"color": "darkred","font-weight": "bolder"});
$(this).addClass("active").css("color", "darkred");
$(".tabs li").hide();
var activeTab = $(this).attr("rel");
$("." + activeTab).fadeIn();
});
$("#all").click(function(){
$(".tabs li").fadeIn();
});
});
</script>
<?
$list = array();
$sql = "select * from g5_write_store2 order by wr_id asc";
$rs = sql_query($sql);
while($row = sql_fetch_array($rs))
$list[] = $row;
?>
<?=count($list) > 0 ? '' : '<br /><br /><br />'?>
<div class="s_section" style="display: <?=count($list) > 0 ? 'block' : 'none'?>;">
<ul class="tabs">
<?
foreach($list as $row){
if(strpos($row['wr_9'], '경남') !== false || strpos($row['wr_9'], '경북') !== false)
$row['wr_9'] = '경상도';
else if(strpos($row['wr_9'], '충남') !== false || strpos($row['wr_9'], '충북') !== false)
$row['wr_9'] = '충청도';
else if(strpos($row['wr_9'], '전남') !== false || strpos($row['wr_9'], '전북') !== false)
$row['wr_9'] = '전라도';
?>
<li class="area<?=array_search($row['wr_9'], $area_arr) ?>">
<div class="tab-link" data-tab="tab<?=$row['wr_id'] ?>" data-num="<?=$row['wr_id'] ?>" lat="<?=$row['wr_7'] ?>" lng="<?=$row['wr_8'] ?>">
<p><?=$row['wr_subject'] ?><br><?=$row['wr_1'] ?> <?=$row['wr_2'] ?></p>
</div>
</li>
<?
}
?>
</ul>
<?
foreach($list as $row){
?>
<div id="tab<?=$row['wr_id'] ?>" class="tab-content">
<button class="close">X</button>
<p><?=$row['wr_subject'] ?><br><?=$row['wr_1'] ?> <?=$row['wr_2'] ?></p>
<div class="tab_cBox">
<span class="st_tel"><?=$row['wr_3'] ?></span>
<span class="st_time">
주중영업시간 : <?=$row['wr_4'] ?><br />
주말영업시간 : <?=$row['wr_6'] ?>
</span>
<span class="st_parking"><?=$row['wr_5'] ?></span>
<? if($row['ca_name'] != ''){ ?><a href="<?=$row['ca_name']?>" class="btn_concept">컨셉매장 바로가기</a><? } ?>
<button class="s_close">닫기</button>
</div>
</div>
<?
}
?>
<div class="s_choice">
<div id="map" style="width:100%;height:680px;text-align:center;"></div>
<!-- 지도타입 컨트롤 div 입니다 -->
<!-- <div class="custom_typecontrol radius_border">
<span id="btnRoadmap" class="selected_btn" onclick="setMapType('roadmap')">지도</span>
<span id="btnSkyview" class="btn" onclick="setMapType('skyview')">스카이뷰</span>
</div>
지도 확대, 축소 컨트롤 div 입니다
<div class="custom_zoomcontrol radius_border">
<span onclick="zoomIn()"><img src="http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/ico_plus.png" alt="확대"></span>
<span onclick="zoomOut()"><img src="http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/ico_minus.png" alt="축소"></span>
</div> -->
</div>
</div>
</section>
<?/*
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=762967588e139001ca16fa74bef3a46b"></script><!--지도-->
*/?>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC953B7iM0G78knDZrzqck2wdbImV4zJJ0" type="text/javascript"></script>
<script>
/*
var mapContainer = document.getElementById('map'), // 지도를 표시할 div
mapOption = {
center: new daum.maps.LatLng(37.487492, 126.783036), // 지도의 중심좌표
level: 3 // 지도의 확대 레벨
};
var map = new daum.maps.Map(mapContainer, mapOption); // 지도를 생성합니다
// 지도타입 컨트롤의 지도 또는 스카이뷰 버튼을 클릭하면 호출되어 지도타입을 바꾸는 함수입니다
function setMapType(maptype) {
var roadmapControl = document.getElementById('btnRoadmap');
if (maptype === 'roadmap') {
map.setMapTypeId(daum.maps.MapTypeId.ROADMAP);
roadmapControl.className = 'selected_btn';
} else {
map.setMapTypeId(daum.maps.MapTypeId.HYBRID);
skyviewControl.className = 'selected_btn';
}
}
// 지도 확대, 축소 컨트롤에서 확대 버튼을 누르면 호출되어 지도를 확대하는 함수입니다
function zoomIn() {
map.setLevel(map.getLevel() - 1);
}
// 지도 확대, 축소 컨트롤에서 축소 버튼을 누르면 호출되어 지도를 확대하는 함수입니다
function zoomOut() {
map.setLevel(map.getLevel() + 1);
}
// 마커를 표시할 위치와 내용을 가지고 있는 객체 배열입니다
<? if(count($list) > 0){
$marker_pos = '';
foreach($list as $row){
$marker_pos .= "{\n";
$marker_pos .= "content: '<div class=\"asdf\">".$row['wr_subject']."</div>', \n";
$marker_pos .= " latlng: new daum.maps.LatLng(".$row['wr_7'].", ".$row['wr_8'].")\n";
$marker_pos .= "}, \n";
}
$marker_pos = substr($marker_pos, 0, -3);
?>
var positions = [<?=$marker_pos?>];
<? } ?>
for (var i = 0; i < positions.length; i ++) {
// 마커를 생성합니다
var marker = new daum.maps.Marker({
map: map, // 마커를 표시할 지도
position: positions[i].latlng // 마커의 위치
});
// 마커에 표시할 인포윈도우를 생성합니다
var infowindow = new daum.maps.InfoWindow({
content: positions[i].content // 인포윈도우에 표시할 내용
});
// 마커에 mouseover 이벤트와 mouseout 이벤트를 등록합니다
// 이벤트 리스너로는 클로저를 만들어 등록합니다
// for문에서 클로저를 만들어 주지 않으면 마지막 마커에만 이벤트가 등록됩니다
daum.maps.event.addListener(marker, 'mouseover', makeOverListener(map, marker, infowindow));
daum.maps.event.addListener(marker, 'mouseout', makeOutListener(infowindow));
}
// 인포윈도우를 표시하는 클로저를 만드는 함수입니다
function makeOverListener(map, marker, infowindow) {
return function() {
infowindow.open(map, marker);
};
}
// 인포윈도우를 닫는 클로저를 만드는 함수입니다
function makeOutListener(infowindow) {
return function() {
infowindow.close();
};
}
*/
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 16,
center: {lat: 37.485931, lng: 126.785319}
});
// 마커를 표시할 위치와 내용을 가지고 있는 객체 배열입니다
<? if(count($list) > 0){
$marker_pos = '';
foreach($list as $row){
$marker_pos .= "{\n";
$marker_pos .= "content: '<div class=\"asdf\">".$row['wr_subject']."</div>', \n";
$marker_pos .= " latlng: new google.maps.LatLng(".$row['wr_7'].", ".$row['wr_8'].")\n";
$marker_pos .= "}, \n";
}
$marker_pos = substr($marker_pos, 0, -3);
?>
var positions = [<?=$marker_pos?>];
<? } ?>
for (var i = 0; i < positions.length; i ++) {
// 마커를 생성합니다
var marker = new google.maps.Marker({
map: map, // 마커를 표시할 지도
position: positions[i].latlng // 마커의 위치
});
// 마커에 표시할 인포윈도우를 생성합니다
var infowindow = new google.maps.InfoWindow({
content: positions[i].content // 인포윈도우에 표시할 내용
});
// 마커에 mouseover 이벤트와 mouseout 이벤트를 등록합니다
// 이벤트 리스너로는 클로저를 만들어 등록합니다
// for문에서 클로저를 만들어 주지 않으면 마지막 마커에만 이벤트가 등록됩니다
marker.addListener('mouseover', makeOverListener(map, marker, infowindow));
marker.addListener('mouseout', makeOutListener(infowindow));
marker.addListener('click', makeClickListener(map, marker));
}
// 인포윈도우를 표시하는 클로저를 만드는 함수입니다
function makeOverListener(map, marker, infowindow) {
return function() {
infowindow.open(map, marker);
};
}
// 인포윈도우를 닫는 클로저를 만드는 함수입니다
function makeOutListener(infowindow) {
return function() {
infowindow.close();
};
}
function makeClickListener(map, marker) {
return function() {
var lat = marker.getPosition().lat();
var lng = marker.getPosition().lng();
lng = lng+'';
lng = lng.substring(0, lng.length);
console.log(lat+"::"+lng);
$(".tab-content").hide();
for(i = 0; i < $(".tab-link").length; i++){
//console.log(parseFloat($(".tab-link").eq(i).attr('lat'))+" == "+parseFloat(lat)+" && "+parseFloat($(".tab-link").eq(i).attr('lng'))+" == "+parseFloat(lng));
if(parseFloat($(".tab-link").eq(i).attr('lat')) == parseFloat(lat) && parseFloat($(".tab-link").eq(i).attr('lng')) == parseFloat(lng)){
//첨부 이미지 ajax 로드
var tab_num = $(".tab-link").eq(i).attr('data-num');
$.getJSON("<?=G5_BBS_URL?>/json.get_store_image.php?bo_table=store&wr_id="+tab_num, function(r){
console.log(r);
if(r.img.length > 0){
var img_li = "", pager_link = "";
for(i = 0; i < r.img.length; i++){
img_li += "<li><img src=\""+r.img[i].src+"\" alt=\""+r.img[i].alt+"\" /></li>\n";
pager_link += "<a data-slide-index=\""+i+"\" "+(i == 0 ? 'class="active"' : '')+"><img src=\""+r.img[i].src+"\" alt=\""+r.img[i].alt+"\" /></a>\n";
}
$(".bx-wrapper").remove();
$(".bx-pager").remove();
$("#tab"+tab_num).find("p").after("<ul id='bxslider"+tab_num+"' class='bxslider'>"+img_li+"</ul><div id='bx-pager"+tab_num+"' class='bx-pager'>"+pager_link+"</div>")
$("#bxslider"+tab_num).bxSlider({pagerCustom: "#bx-pager"+tab_num});
}
});
$(".tab-content").eq(i).show();
}
}
};
}
</script>
<script>
$(document).ready(function(){
$(".a_tabBtn li button").click(function(){
$(".tab-content").hide()
});
$(".tab-content").hide();
/* 클릭 시에 기존 bx 삭제 및 해당 bx 추가*/
$(".tab-link").click(function(){
var tab_id = $(this).attr('data-tab');
var tab_num = $(this).attr('data-num'); // wr_id
var lat = parseFloat($(this).attr('lat'));
var lng = parseFloat($(this).attr('lng'));
$(".tab-content").hide();
$(".tab-content").children(".bx-wrapper, .bx-pager").remove();
$("#"+tab_id).show();
//첨부 이미지 ajax 로드
$.getJSON("<?=G5_BBS_URL?>/json.get_store_image.php?bo_table=store&wr_id="+tab_num, function(r){
console.log(r);
if(r.img.length > 0){
var img_li = "", pager_link = "";
for(i = 0; i < r.img.length; i++){
img_li += "<li><img src=\""+r.img[i].src+"\" alt=\""+r.img[i].alt+"\" /></li>\n";
pager_link += "<a data-slide-index=\""+i+"\" "+(i == 0 ? 'class="active"' : '')+"><img src=\""+r.img[i].src+"\" alt=\""+r.img[i].alt+"\" /></a>\n";
}
$("#"+tab_id).find("p").after("<ul id='bxslider"+tab_num+"' class='bxslider'>"+img_li+"</ul><div id='bx-pager"+tab_num+"' class='bx-pager'>"+pager_link+"</div>")
$("#bxslider"+tab_num).bxSlider({pagerCustom: "#bx-pager"+tab_num});
map.setCenter({'lat': lat, 'lng': lng});
}
});
});
//$(".tab-link:eq(0)").click();
$(".close, .s_close").click(function(){
$(".tab-content").hide();
});
// 검색할 input에 기입할때 event
$(".formSearch").keyup(function(){
if($(this).val() == ''){
$(".tab-link").show();
} else {
$(".tab-link").hide();
var searchVal = $(this).val();
$(".tab-link").each(function(){
var active = $(this).children("p:contains('"+searchVal+"')");
$(active).parents(".tab-link").show();
});
}
});
$(".area01").click(function(){
// center: {lat: }
// $("#map").(center: {lat: 37.574565, lng: 127.001880})
});
});
</script>
<?php
include_once (G5_THEME_PATH . '/tail.php');
?>