최신글
https://sir.kr/g5_skin/11619 이곳의 유투브동영상 최신글 스킨을 수정하였습니다. * 수정사항 : 1. 세로로 나오던 최신글을 가로로 변경. 2. PC용 =...
매장안내, 지점안내 게시판스킨(자세히보기포함)
스킨 설치 후 게시판에 분류는
서울특별시|경기도|인천광역시|강원도|충청북도|충청남도|대전광역시|세종특별자치시|광주광역시|전라북도|전라남도|경상북도|경상남도|대구광역시|부산광역시|울산광역시|제주특별자치도
으로 입력해주세요~
view 페이지(자세히보기)는 매장의 상세부분 안내 페이지입니다.
주소로 입력한 값을 받아와 다음지도로 보여지는 부분이니
view.skin.php 121번째줄에 다음지도api key값을 넣어주시면 지도까지 작동합니다.
지점등록시 주소나 전화번호 등의 기타 정보들은
wr_1~wr_10 항목을 추가해서 자유롭게 수정하시면됩니다!
(현재 스킨은 wr_1부터 wr_4까지 사용중입니다)
기본스킨을 기준으로 작업한 것이므로 사용하시는 사이트에 커스터마이징 하셔서 사용하시면 됩니다.^^
예시로 올려놓은 링크가 커스터마이징을 한 예시사이트예요~
(현재 미완성인 사이트입니다.^^;;)
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
그누보드5 스킨
좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
최신글
전체 최신글 페이지 스킨입니다. 메인페이지에서 사용하는 최신글 스킨과는 다릅니다. http://demo.sir.kr/gnuboard5/bbs/new.php 원본에 없는 댓글수, 새...
최신글
안녕하세요.이제 php 맛을 들린 초보 중의 상초보입니다.사실 여기 올릴 수준은 절대 아닌데 혹시나 필요한 분이 계실가 해서 한 번 올려 봅니다.적용을 시키면 위 처럼 나오게 됩니...
레이아웃
**와싸네 개별드롭다운 메뉴 프로그램** <개요>기존에 전체메뉴 드롭다운메뉴 스타일과 별도로 개별 드롭다운메뉴 스타일을 원하시는 분들이 계서서 만들어봤습니다.<설치방법>1. 첨...
회원가입
관리자모드의 회원관리 페이지에서 회원들을 원하는 정렬방식으로 정렬해서 보고 싶어졌습니다. 접속일순, 회원가입순, 회원권한순, 이름순, 닉네임순 은 물론확장하여 포인트순 등 높은순,...
게시판
스킨 설치 후 게시판에 분류는 서울특별시|경기도|인천광역시|강원도|충청북도|충청남도|대전광역시|세종특별자치시|광주광역시|전라북도|전라남도|경상북도|경상남도|대구광역시|부산광역시|울...
게시판
영문 문의하기 게시판입니다리스트는 관리자만 볼수있습니다.일반 사용자는 리스트 접속시 쓰기페이지로 자동으로 넘어갑니다.
게시판
예약 접수 게시판 입니다. 휴일이나 시간 지정이 가능합니다. 어떤 예약db와 실시간으로 연동이 되는 기능은 전혀 없습니다. 고객이나 웹디자이너가 심미적인 이유로 이런 기능...
게시판
**와싸네 유지보수 게시판 스킨 No Ajax 버전** 기존 Ajax 버전에서 경로 설정에 문의가 많아 경로설정이 필요없는 No Ajax 버전을 새로 만들었습니다. 필요하신 버전 ...
회원통합스킨
adm/member_list.php 위치찾아서 추가 <div class="btn_add01 btn_add"> <a href="./member_xls/member_xls.php...
게시판
"게시판 스킨 안에 복사" 폴더 내부의 "write_update.skin.php" 파일은 사용하시는 스킨 안에 넣으세요. 마크다운 문법 에디터 입니다. 저장시 html로 변환되...
게시판
설치 counsel - 일반 그누보드용.zip 압축을 푸신후 /adm, /extend, /lib, /mobile, /skin 업로드 1. 게시판생성 2. 온라인상담 스킨...
댓글 191개
<?php if($is_checkbox) { ?>
위내용 밖으로 빼서 적용하니 되네요....^^
키를 발급받아서 넣어보니 안되더군요.다시한번 확인 좀 해주시면 안될까요...부탁드립니다.
아직 완전 초짜 중 초짜여서..제가 잘 할 줄 모릅니다. ㅈㅅ
<script src="//apis.daum.net/maps/maps3.js?apikey=apikey&libraries=services"></script>
로 넣으셨나요?
http://apis.map.daum.net/web/guide/#step2
다음지도api 홈페이지를 참고하시면 도움이 되실려나 모르겠네요ㅠㅠ
자세히 보기를 눌렀을때 매장 사진도 보여지게 하고싶은데 많은 부분을 손대야 하는지 궁금합니다. 특이사항 부분을 지도 아래로 내려 놔 봤는데 이미지는 안나오더라구요. 방법 아시는분 계시면 공유 부탁드립니다.,,
단지 여러장의 이미지를 등록했을때는 고려해 코딩하지 않았으므로 그부분은 수정을 해주셔야할 것 같아요^^;;
특이사항 부분이 글이 보이지 않는 현상이 있습니다.
지도 부분도 표시가 되지 않습니다.
그래서 다음지도 api 가이드를 보고 표시하는것 까지는 되었는데
(<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=APIKEY&libraries=services"></script>)
주소를 불러오지 못하네요.
지도 이미지 제약 없는 라이선스 인지요..?
<?php if($is_checkbox) { ?>
위내용 밖으로 빼서 적용하니 되네요....^^
<?php if($is_checkbox) { ?> 밖으로 뺀다는 뜻이 뭐에요..
초보라서 ㅠ.ㅠ
<script>
/*가맹점 지도 색칠*/
$(document).ready(function(){
var mapCondition = '<?=$stx?>';
var mapCondition2 = '<?=$sca?>';
if (mapCondition == '세종특별자치시' || mapCondition2 == '세종특별자치시') {
$('#sejong').css("fill", "#cbc3ac");
}else if (mapCondition == '충청남도' || mapCondition2 == '충청남도') {
$('#chungnam').css("fill", "#cbc3ac");
}else if (mapCondition =='제주특별자치도' || mapCondition2 == '제주특별자치도') {
$('#jeju').css("fill", "#cbc3ac");
}else if (mapCondition =='경상남도' || mapCondition2 == '경상남도') {
$('#gyeongnam').css("fill", "#cbc3ac");
}else if (mapCondition == '경상북도' || mapCondition2 == '경상북도') {
$('#gyeongbuk').css("fill", "#cbc3ac");
}else if (mapCondition =='전라북도' || mapCondition2 == '전라북도') {
$('#jeonbuk').css("fill", "#cbc3ac");
}else if (mapCondition =='충청북도' || mapCondition2 == '충청북도') {
$('#chungbuk').css("fill", "#cbc3ac");
}else if (mapCondition =='경기도' || mapCondition2 == '경기도') {
$('#gyeonggi').css("fill", "#cbc3ac");
}else if (mapCondition == '전라남도' || mapCondition2 == '전라남도') {
$('#jeonnam').css("fill", "#cbc3ac");
}else if (mapCondition =='울산광역시' || mapCondition2 == '울산광역시') {
$('#ulsan').css("fill", "#cbc3ac");
}else if (mapCondition =='부산광역시' || mapCondition2 == '부산광역시') {
$('#busan').css("fill", "#cbc3ac");
}else if (mapCondition == '대구광역시' || mapCondition2 == '대구광역시') {
$('#daegu').css("fill", "#cbc3ac");
}else if (mapCondition =='대전광역시' || mapCondition2 == '대전광역시') {
$('#daejeon').css("fill", "#cbc3ac");
}else if (mapCondition =='인천광역시' || mapCondition2 == '인천광역시') {
$('#incheon').css("fill", "#cbc3ac");
}else if (mapCondition =='서울특별시' || mapCondition2 == '서울특별시') {
$('#seoul').css("fill", "#cbc3ac");
}else if (mapCondition =='광주광역시' || mapCondition2 == '광주광역시') {
$('#gwangju').css("fill", "#cbc3ac");
}
});
</script>
<?php if ($is_checkbox) { ?>
<script>
function all_checked(sw) {
var f = document.fboardlist;
for (var i=0; i<f.length; i++) {
if (f.elements[i].name == "chk_wr_id[]")
f.elements[i].checked = sw;
}
}
function fboardlist_submit(f) {
var chk_count = 0;
for (var i=0; i<f.length; i++) {
if (f.elements[i].name == "chk_wr_id[]" && f.elements[i].checked)
chk_count++;
}
if (!chk_count) {
alert(document.pressed + "할 게시물을 하나 이상 선택하세요.");
return false;
}
if(document.pressed == "선택복사") {
select_copy("copy");
return;
}
if(document.pressed == "선택이동") {
select_copy("move");
return;
}
if(document.pressed == "선택삭제") {
if (!confirm("선택한 게시물을 정말 삭제하시겠습니까?\n\n한번 삭제한 자료는 복구할 수 없습니다\n\n답변글이 있는 게시글을 선택하신 경우\n답변글도 선택하셔야 게시글이 삭제됩니다."))
return false;
f.removeAttribute("target");
f.action = "./board_list_update.php";
}
return true;
}
// 선택한 게시물 복사 및 이동
function select_copy(sw) {
var f = document.fboardlist;
if (sw == "copy")
str = "복사";
else
str = "이동";
var sub_win = window.open("", "move", "left=50, top=50, width=500, height=550, scrollbars=1");
f.sw.value = sw;
f.target = "move";
f.action = "./move.php";
f.submit();
}
/*가맹점 지도*/
$(".cate_map_in svg").mouseover(function(event) {
var _path = event.target;
var city_name = _path.id;
//alert(city_name);
var new_p = document.createElement('p');
var province = $(_path).parent()[0].id;
d3.select(_path).style("fill", "#cbc3ac");
//console.log(province);
//console.log(city_name);
}).mouseout(function(event) {
var _path = event.target;
d3.select(_path).style("fill", "#fff");
});
function go_branch(city_do) {
var Arr = Array("sejong","chungnam","jeju","gyeongnam","gyeongbuk","jeonbuk","chungbuk","gangwon","gyeonggi","jeonnam","ulsan","busan","daegu","daejeon","incheon","seoul","gwangju");
var strArr = Array("세종특별자치시","충청남도","제주특별자치도","경상남도","경상북도","전라북도","충청북도","강원도","경기도","전라남도","울산광역시","부산광역시","대구광역시","대전광역시","인천광역시","서울특별시","광주광역시");
//alert(city_do);
var idx = Arr.indexOf(city_do);
//alert(strArr[idx]);
location.href="./board.php?bo_table=branches&sca="+strArr[idx];
}
</script>
<?php } ?>
[/code]
리스트스킨 하단 부분 아래 내용을 위와 같이 해 보세요
<?php if ($is_checkbox) { ?>
<script>
function all_checked(sw) {
var f = document.fboardlist;
for (var i=0; i<f.length; i++) {
if (f.elements[i].name == "chk_wr_id[]")
f.elements[i].checked = sw;
}
}
function fboardlist_submit(f) {
var chk_count = 0;
for (var i=0; i<f.length; i++) {
if (f.elements[i].name == "chk_wr_id[]" && f.elements[i].checked)
chk_count++;
}
if (!chk_count) {
alert(document.pressed + "할 게시물을 하나 이상 선택하세요.");
return false;
}
if(document.pressed == "선택복사") {
select_copy("copy");
return;
}
if(document.pressed == "선택이동") {
select_copy("move");
return;
}
if(document.pressed == "선택삭제") {
if (!confirm("선택한 게시물을 정말 삭제하시겠습니까?\n\n한번 삭제한 자료는 복구할 수 없습니다\n\n답변글이 있는 게시글을 선택하신 경우\n답변글도 선택하셔야 게시글이 삭제됩니다."))
return false;
f.removeAttribute("target");
f.action = "./board_list_update.php";
}
return true;
}
// 선택한 게시물 복사 및 이동
function select_copy(sw) {
var f = document.fboardlist;
if (sw == "copy")
str = "복사";
else
str = "이동";
var sub_win = window.open("", "move", "left=50, top=50, width=500, height=550, scrollbars=1");
f.sw.value = sw;
f.target = "move";
f.action = "./move.php";
f.submit();
}
/*가맹점 지도*/
$(".cate_map_in svg").mouseover(function(event) {
var _path = event.target;
var city_name = _path.id;
//alert(city_name);
var new_p = document.createElement('p');
var province = $(_path).parent()[0].id;
d3.select(_path).style("fill", "#cbc3ac");
//console.log(province);
//console.log(city_name);
}).mouseout(function(event) {
var _path = event.target;
d3.select(_path).style("fill", "#fff");
});
function go_branch(city_do) {
var Arr = Array("sejong","chungnam","jeju","gyeongnam","gyeongbuk","jeonbuk","chungbuk","gangwon","gyeonggi","jeonnam","ulsan","busan","daegu","daejeon","incheon","seoul","gwangju");
var strArr = Array("세종특별자치시","충청남도","제주특별자치도","경상남도","경상북도","전라북도","충청북도","강원도","경기도","전라남도","울산광역시","부산광역시","대구광역시","대전광역시","인천광역시","서울특별시","광주광역시");
//alert(city_do);
var idx = Arr.indexOf(city_do);
//alert(strArr[idx]);
location.href="./board.php?bo_table=branches&sca="+strArr[idx];
}
/*가맹점 지도 색칠*/
$(document).ready(function(){
var mapCondition = '<?=$stx?>';
var mapCondition2 = '<?=$sca?>';
if (mapCondition == '세종특별자치시' || mapCondition2 == '세종특별자치시') {
$('#sejong').css("fill", "#cbc3ac");
}else if (mapCondition == '충청남도' || mapCondition2 == '충청남도') {
$('#chungnam').css("fill", "#cbc3ac");
}else if (mapCondition =='제주특별자치도' || mapCondition2 == '제주특별자치도') {
$('#jeju').css("fill", "#cbc3ac");
}else if (mapCondition =='경상남도' || mapCondition2 == '경상남도') {
$('#gyeongnam').css("fill", "#cbc3ac");
}else if (mapCondition == '경상북도' || mapCondition2 == '경상북도') {
$('#gyeongbuk').css("fill", "#cbc3ac");
}else if (mapCondition =='전라북도' || mapCondition2 == '전라북도') {
$('#jeonbuk').css("fill", "#cbc3ac");
}else if (mapCondition =='충청북도' || mapCondition2 == '충청북도') {
$('#chungbuk').css("fill", "#cbc3ac");
}else if (mapCondition =='경기도' || mapCondition2 == '경기도') {
$('#gyeonggi').css("fill", "#cbc3ac");
}else if (mapCondition == '전라남도' || mapCondition2 == '전라남도') {
$('#jeonnam').css("fill", "#cbc3ac");
}else if (mapCondition =='울산광역시' || mapCondition2 == '울산광역시') {
$('#ulsan').css("fill", "#cbc3ac");
}else if (mapCondition =='부산광역시' || mapCondition2 == '부산광역시') {
$('#busan').css("fill", "#cbc3ac");
}else if (mapCondition == '대구광역시' || mapCondition2 == '대구광역시') {
$('#daegu').css("fill", "#cbc3ac");
}else if (mapCondition =='대전광역시' || mapCondition2 == '대전광역시') {
$('#daejeon').css("fill", "#cbc3ac");
}else if (mapCondition =='인천광역시' || mapCondition2 == '인천광역시') {
$('#incheon').css("fill", "#cbc3ac");
}else if (mapCondition =='서울특별시' || mapCondition2 == '서울특별시') {
$('#seoul').css("fill", "#cbc3ac");
}else if (mapCondition =='광주광역시' || mapCondition2 == '광주광역시') {
$('#gwangju').css("fill", "#cbc3ac");
}
});
</script>
<?php } ?>
[/code]
추가해주시면 될 것 같습니다. 좋은 스킨 감사합니다.
}else if (mapCondition =='강원도' || mapCondition2 == '강원도') {
$('#gangwon').css("fill", "#cbc3ac");
다음 개발자 사이트에서 앱생성, 플랫폼추가, 도메인등록등을 다했습니다.
[javascript키] 를 지도 api의 appkey로 사용하라고 해서 그걸 복사해서 소스안에 붙여 넣었는데요.. 안되네요...
<script src="//apis.daum.net/maps/maps3.js?apikey=받은키&libraries=services"> 형태 맞나요?
이렇게 했는데도 지도가 나오지 않습니다... 도와주세요~~
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=API_KEY&libraries=services"></script>
<script>
var juso = "<?=$view['wr_1']?>";
console.log(juso);
//function map_view(){
var mapContainer = document.getElementById("maps"), // 지도를 표시할 div
mapOption = {
center: new daum.maps.LatLng(33.450701, 126.570667), // 지도의 중심좌표
level: 3 // 지도의 확대 레벨
};
// 지도를 생성합니다
var map = new daum.maps.Map(mapContainer, mapOption);
// 주소-좌표 변환 객체를 생성합니다
var geocoder = new daum.maps.services.Geocoder();
// 주소로 좌표를 검색합니다
geocoder.addressSearch(juso, function(result, status) {
// 정상적으로 검색이 완료됐으면
if (status === daum.maps.services.Status.OK) {
var coords = new daum.maps.LatLng(result[0].y, result[0].x);
// 결과값으로 받은 위치를 마커로 표시합니다
var marker = new daum.maps.Marker({
map: map,
position: coords
});
// 인포윈도우로 장소에 대한 설명을 표시합니다
var infowindow = new daum.maps.InfoWindow({
content: '<div style="width:150px;text-align:center;padding:6px 0;"><?=$view['wr_subject']?></div>'
});
infowindow.open(map, marker);
// 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
map.setCenter(coords);
}
});
</script>
list.skin.php 241줄 을 수정하면 게시판 이름을 다른 것으로 지정해도 됩니다.
location.href="./board.php?bo_table=branches&sca="+strArr[idx];
를 아래와 같이 변경
location.href="./board.php?bo_table=<?php echo $bo_table; ?>&sca="+strArr[idx];
죄송하디만 .. 답변다시느라 힘드시겠지만..
지도나오게 하는것까지는 잘햇는데
해당지도가 안나오고 제주도로만 나오는데 혹시 이부분 어찌해야하는지 아시는지요?>
혹시 우리나라 전체가 아니라 도시 하나만 따로 떼어내어서 작업은 가능할까요?
도시의 동별 (또는 구별) 등으로 ... ^^;;
특이사항에 글이 안보이는 문제도 다들 어떻게 해결하셨나여
모바일은 안되나요?
위의 댓글내용대로 수정도 해봤는데 해결이 안되네여 ㅜㅜ
지도를 크게하고 오른쪽 검색삭제하고 아래부분에 리스트를 검색칸이있던 자리로 옮겼습니다.
근데 지도가 크게되었는데 리스트와 겹치네요..지도뒤에 백그라운드도 안바뀌구요ㅜ 가르침을 주세요ㅜ
어떻게 해야 할까요? 왠지 id="wr_5"가 빠져서 그런 것 같긴한데..
어디다가 어떻게 넣어야 할지..ㅠㅠ
=> 지도가 아에 안나오는데.. 혹시 도움 될만한 말씀 부탁드립니다.~
너무 감사합니다.
다만 현재의 그누보드 5.3.x 버전에서는 오류가 잦은듯 한데 혹시 업데이트 계획이 있으신가요 ? ㅠㅠ
초보의 한계를 절절히 느끼고 있습니다 ^^;
지도 부분 을 클릭하면 위의 그림처럼 나옵니다. 어떻게 해야하는지 알려주세요
답변쫌 주세요
list.skin.php 241줄 을 수정하면 게시판 이름을 다른 것으로 지정해도 됩니다.
location.href="./board.php?bo_table=branches&sca="+strArr[idx];
를 아래와 같이 변경
location.href="./board.php?bo_table=<?php echo $bo_table; ?>&sca="+strArr[idx];
쌩초보가 어찌어찌 따라하고 있는데...
그림처럼 나오는 이유를 모르겠어요ㅜㅜ
[http://sir.kr/data/editor/2001/63baf686fca89fb6e687bfc9044fa8b7_1577866756_369.JPG]
내가 찾는것과 류사하네요...
해결하신분 있으시려나요?
너무좋아요~~~
지도 오버시 작동이 관리자만 되고 회원은 왜 안될까요?
회원으로 로그인시 지도 클릭이 안되고 마우스 오버시 인지도 안되구요...
어디를 만져야 하는지요..?
버전때문인지..어느부분을 고쳐야할까요?
키발급도 받았는데 모가문제인지 도통 모르 겠네요
한번 살펴봐주세요 안되네요
http://www.selfdaet24.com/bbs/board.php?bo_table=abcc1
********************************************
var mapContainer = document.getElementById("maps"), // 지도를 표시할 div
mapOption = {
center: new daum.maps.LatLng(33.450701, 126.570667), // 지도의 중심좌표
level: 3 // 지도의 확대 레벨
};
// 지도를 생성합니다
var map = new daum.maps.Map(mapContainer, mapOption);
// 주소-좌표 변환 객체를 생성합니다
var geocoder = new daum.maps.services.Geocoder();
********************************************
해당부분을
********************************************
var container = document.getElementById('map'); //지도를 담을 영역의 DOM 레퍼런스
var options = { //지도를 생성할 때 필요한 기본 옵션
center: new kakao.maps.LatLng(33.450701, 126.570667), //지도의 중심좌표.
level: 3 //지도의 레벨(확대, 축소 정도)
};
var map = new kakao.maps.Map(container, options); //지도 생성 및 객체 리턴
********************************************
으로 변경해주셔야 지도가 정상적으로 뜨네요.
<?php//echo $view['rich_content']; // {이미지:0} 과 같은 코드를 사용할 경우 ?>
이부분도 주석 풀어주셔야 내용이 노출됩니다.
감사합니다
지도를 클릭하니 존재하지 않는 게시판입니다 라고 뜨는데
이 문제 해결하신 분 계신가요ㅠ 위에 계시던데 방법은 안써져있어서요!
>> 혹시 저같은 분들이 계실까 작성드립니다.
해피정님이 써주신 글 참고해서 list페이지 변경하면 됩니다!