자바스크립트 소스 - 

<html>
<head>
<title>Untitled</title>
</head>

<body>
<DIV ID=BODY_CONTENTS>

<div style="width:580; padding: 0; overflow:hidden; word-break:break-all; font-size:16px"> 
<HTML><body>
<P align=center><img onClick="javascript:BigImage_View(this);" style="cursor:hand" ondragstart="return false" oncontextmenu="alert('이 이미지는 저작권법에 의해 함부로 퍼가실수 없습니다. 만약에 함부로 퍼가시면 처벌받으실수 있습니다.');return false"  alt=positive hspace=0 src="http://www.etorrent.co.kr/data/mw.cheditor/131221/5ee51cad746b00d95f6b7da58a677253_1zG7dEJb73nl6Oq1SnV.gif" border=0><BR><BR>
<FONT size=2><STRONG>이미지 오른쪽클릭시 경고글 띄우기<BR></STRONG></FONT></P>
</body></HTML>
</div>

</DIV>


</body>
</html>




저작자표시 비영리 변경금지

'웹 퍼블리싱 > Html' 카테고리의 다른 글

현재시간 보여주는 소스  (0) 2015.07.17
구글에서 웹문서 노출 많이 되게 하기  (0) 2015.07.17
페이지 자동이동 소스 모음  (0) 2015.07.16
검색엔진최적화를 위한 제목 태그(Heading tags) 총정리  (0) 2015.07.15
국내 HTML5 시장 본격 개화기  (0) 2015.07.14

회사 소개 페이지에서 약도 또는 찾아오시는 길 을
구글 지도 API 를 이용하여 나타나도록 해보겠습니다.

샘플로 파일을 하나 업로드 해 두었으며, 소스파일 다운로드를 하셔서 다운로드 받으시면 됩니다.


기본적으로 구글 지도는

<!DOCTYPE html>
<html>
<head>
 <meta charset="euc-kr">
 <title>구글지도 회사 위치</title>
 <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
 <script>
  function initialize() {
   var myLatlng = new google.maps.LatLng(35.87110100714382, 128.60169690333006);
   var mapOptions = {
        zoom: 17,
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
   }
   var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
  }
 </script>
</head>

<body onload="initialize()">
 <div id="map_canvas"style="width:500px; height:300px;"></div>
</body>
</html>

위의 소스만 있으면 구글 지도는 나타납니다.

아래에 body 태그안에 div 태그에 width 와 height 가 지도의 가로 세로 크기입니다.

적당한 값을 주시면 되며

상단에

var myLatlng = new google.maps.LatLng(35.87110100714382, 128.60169690333006);

위의 소스에 현재 위치를 x, y 로 좌표값을 넣어주시면 됩니다.

현재 주소에 대한 x, y 좌표 값은 아래 링크에서 얻으실 수 있습니다.

http://openapi.map.naver.com/api/geocode.php?key=f32441ebcd3cc9de474f8081df1e54e3&encoding=euc-kr&coord=LatLng&query=대구중구동인동1가

위와 같이 주소를 적으면 xml 로 x,y 값을 확인할 수 있습니다.


위의 기본적인 소스에서 현재 위치에 대한 마커를 찍으실려면

var marker = new google.maps.Marker({
             position: myLatlng,
             map: map,
             title: "대구시청"
});

위의 소스를 var map 아래에 추가하시면 됩니다.



title 에 내용은 마커에 마우스를 가져다대면 나타나는 이름입니다.



여기에 추가적으로 마커를 클릭하면 말풍선을 띄워 관련 정보를 띄울수도 있습니다.

var infowindow = new google.maps.InfoWindow(
           {
            content: "<h1>대구시청</h1>",
            maxWidth: 300
           }
);

google.maps.event.addListener(marker, 'click', function() {
 infowindow.open(map, marker);
});

위의 소스를 추가하시면 됩니다.

content 에 내용은 말풍선 안의 내용입니다. html 태그로 디자인 하셔도 됩니다.
maxWidth 는 말풍선의 최대 크기 제한입니다. 300px 로 제한을 두었습니다.





위와 같이 간단한 스크립트로 구글 지도를 달 수 있습니다.
완성된 소스를 소스보기를 클릭하여 다운로드 받아보시기 바랍니다.


감사합니다.

저작자표시 비영리 변경금지

'디자인 시안' 카테고리의 다른 글

[폰트]해외영화 100편 폰트  (0) 2015.07.17
75가지 영문 무료폰트  (0) 2015.07.17

Download the 75 best free fonts 
http://www.creativebloq.com/graphic-design-tips/best-free-fonts-for-designers-1233380 

01번부터 쭉 내려가면서 보다가 맘에 드는게 있으면 이미지 클릭하면 다운할수 있습니다. 




저작자표시 비영리 변경금지

'디자인 시안' 카테고리의 다른 글

[폰트]해외영화 100편 폰트  (0) 2015.07.17
구글지도API 를 이용하여 회사소개에 지도 넣기  (0) 2015.07.17







는 아이유





저작자표시 비영리 변경금지

'자유게시판' 카테고리의 다른 글

8가지 신흥 IT 직종  (0) 2015.07.17
부엉이 개그  (0) 2015.07.17
달걀 흰자와 노른자 섞는 신기한 방법  (0) 2015.07.17
증강현실 여기까지 왔다  (0) 2015.07.15
오늘  (0) 2015.07.13

게시판스킨/view_comment.skin.php 의 49번째줄 쯤 
<!-- 댓글 출력 --> 아래쪽의 
<?php echo $comment ?> 이부분을 아래의 코드로 변경 

<? 
$str = $list[$i][content]; 

$str = preg_replace("/\[\<a\s.*href\=\"(http|https|ftp|mms)\:\/\/([^[:space:]]+)\.(mp3|wma|wmv|asf|asx|mpg|mpeg)\".*\<\/a\>\]/i", "<script>doc_write(obj_movie('$1://$2.$3'));</script>", $str); 
$str = preg_replace("/\[\<a\s.*href\=\"(http|https|ftp)\:\/\/([^[:space:]]+)\.(swf)\".*\<\/a\>\]/i", "<script>doc_write(flash_movie('$1://$2.$3'));</script>", $str); 
$str = preg_replace("/\[\<a\s.*href\=\"(http|https|ftp)\:\/\/([^[:space:]]+)\.(gif|png|jpg|jpeg|bmp)\".*\<\/a\>\]/i", "<img src='$1://$2.$3' id='target_resize_image[]' onclick='image_window(this);'>", $str); 
echo $str; 
?> 


※중요!! 이미지를 업로드 시키는게 아니라 이미지를 보이게 나타내는 태그입니다.  
[https://www.google.co.kr/images/srpr/logo11w.png] 이런식으로 이미지가 업로드된 경로가 필요합니다.

저작자표시 비영리 변경금지

'그누보드 tip' 카테고리의 다른 글

그누보드5 에디터 이미지 업로더 크게 출력하기  (0) 2018.08.13
이클립스 Java was started but returned exit code=13 오류 발생시 대처방법  (0) 2015.07.17
그누보드 G4에서 달라진 G5함수와 G5함수 링크 정리  (0) 2015.07.16
게시글 삭제시 썸네일 삭제, 첨부파일 수정시 썸네일 교체하기  (0) 2015.07.16
로그인후 5분동안 사용없으면 로그아웃 하기  (0) 2015.07.16

스킨 수정할때 그누보드4와 그누보드5에서 달라진 함수(변수) 

$g4['board_table']  또는  $g4[board_table]    →  $g5['board_table'] 
$g4['bbs_path']      또는  $g4[bbs_path]        →  G5_BBS_PATH        // ex.  /home/www/bbs 
                                                                  →  G5_BBS_URL    // ex.  http://도메인/bbs 
$g4['path']/data      또는 $g4[path]/data          →  G5_DATA_PATH      // ex.  /home/www/data 
$g4['path']                또는  $g4[path]                  →  G5_PATH                  // ex.  /home/www 
$g4['adm_path']    또는  $g4[adm_path]        →  G5_ADMIN_PATH    // ex.  /home/www/adm 
                                                                  →  G5_ADMIN_URL    // ex.  http://도메인/adm 
$g4['path']/lib          또는 $g4[path]/lib              →  G5_LIB_PATH 
$g4['path']/js            또는 $g4[path]/js              →  G5_JS_URL 
$g4['server_time']      →      G5_SERVER_TIME 
$g4['write_prefix']      →      $g5['write_prefix'] 
global $g4;      →    global $g5; 

$outlogin_skin_path  →  outlogin_skin_url 
$board_skin_path      →  $board_skin_url 
$connect_skin_path  →  $connect_skin_url 
$latest_skin_path        →  $latest_skin_url  // ex. http://도메인/skin/latest/basic 
$latest_skin_path        →  $latest_skin_path  // ex. /home/www/skin/latest/basic 
$new_skin_url              →  
$member_skin_path  →  $member_skin_url 

G5_ADMIN_DIR    =  adm 
G5_BBS_DIR          =  bbs 
G5_DATA_DIR        =  data 
G5_JS_DIR            =  js 
G5_LIB_PATH        =  lib 

G5_ADMIN_PATH  =  /home/www/adm 
G5_BBS_PATH        =  /home/www/bbs 
G5_DATA_PATH      =  /home/www/data 
G5_JS_PATH          =    /home/www/js 
G5_LIB_PATH        =  /home/www/lib 
G5_SKIN_PATH      =  /home/www/skin 
G5_PATH                  =  /home/www 

G5_ADMIN_URL    =  http://www.happyjung.com/adm 
G5_BBS_URL        =  http://www.happyjung.com/bbs 
G5_DATA_URL      =  http://www.happyjung.com/data 
G5_JS_URL            =  http://www.happyjung.com/js 
G5_LIB_URL          =  http://www.happyjung.com/lib 
G5_SKIN_URL      =  http://www.happyjung.com/skin 
G5_URL                  =  http://www.happyjung.com

저작자표시 비영리 변경금지

'그누보드 tip' 카테고리의 다른 글

이클립스 Java was started but returned exit code=13 오류 발생시 대처방법  (0) 2015.07.17
그누보드5 댓글에서 이미지 보이게 하는 방법  (0) 2015.07.16
게시글 삭제시 썸네일 삭제, 첨부파일 수정시 썸네일 교체하기  (0) 2015.07.16
로그인후 5분동안 사용없으면 로그아웃 하기  (0) 2015.07.16
그누보드 최근글 new 버튼 시간 늘이기  (0) 2015.07.16

그누보드4



팁이랄것까지는 없지만, 
그래도 모르시는 분들을 위해서 올려 봅니다.. 

현재 그누보드4는 게시글을 삭제하면 첨부파일은 삭제가 되는데 
섬네일은 삭제가 안되더군요.. 

섬네일까지 깨끗하게 삭제하는 방법은 의외로 간단합니다.. 
보통 섬네일이 만들어지는것을 보면 문서아이디로 만들어지더군요.. 
그 디렉토리를 찾아가서 삭제하도록 만들어 봤습니다. 

bbs/delete.php 파일의 75번줄 부근 
bbs/delete_all.php 파일의 92번줄 부근 
bbs/write_update.php 파일의 155번줄 부근  

                // 파일삭제 
            @unlink("$g4[path]/data/file/$bo_table/$row2[bf_file]"); 

이부분을 찾아서 바로 아래에 

            @unlink("$g4[path]/data/file/$bo_table/thumb/$write[wr_id]"); //썸네일 삭제 
            @unlink("$g4[path]/data/file/$bo_table/latest_thumb/$write[wr_id]"); //최근게시물 썸네일 삭제 

위의 소스 두줄을 추가로 넣어주시면 게시글 삭제시 섬네일까지 깨끗하게 삭제가 됩니다... 
첨부이미지 교체시에도 섬네일이 바로 교체 됩니다...

저작자표시 비영리 변경금지

'그누보드 tip' 카테고리의 다른 글

이클립스 Java was started but returned exit code=13 오류 발생시 대처방법  (0) 2015.07.17
그누보드5 댓글에서 이미지 보이게 하는 방법  (0) 2015.07.16
그누보드 G4에서 달라진 G5함수와 G5함수 링크 정리  (0) 2015.07.16
로그인후 5분동안 사용없으면 로그아웃 하기  (0) 2015.07.16
그누보드 최근글 new 버튼 시간 늘이기  (0) 2015.07.16

1 
<meta http-equiv="refresh" content="0;url=http://mini.nemoweb.co.kr/html_mini/?PID=3386"> 

2 
<iframe-x src="http://mini.nemoweb.co.kr/html_mini/?PID=3386" width="100%" height="300" scrolling="yes" frameborder="no" id="previewFrame"></iframe-x> 

3 
<iframe id="test" name="id_name" marginheight="0" marginwidth="0" width="500" height="500" scrolling=no src="http://mini.nemoweb.co.kr/html_mini/?PID=3386" frameBorder=0></iframe> 


4.주소고정하고 내용만 페이지 이동하기 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<meta http-equiv="refresh" content="0;url=http://mini.nemoweb.co.kr/html_mini/?PID=3386"> 
<title>봉담</title> 

</head> 
<frameset rows="0,*" frameborder="NO" border="0" framespacing="0"> 
  <frame src="#" name="topFrame" scrolling="NO" noresize > 
  <frame src="http://poongsan.nemoweb.kr/" name="mainFrame"> 
</frameset> 

<noframes> 
<body> 


</body> 
</noframes> 
</html> 


5. 위 소스가 안될때 주소창 고정하고 페이지 나오게 하는방법 
<? 
$LastModified = gmdate("D d M Y H:i:s", filemtime($HTTP_SERVER_VARS[SCRIPT_FILENAME])); 
header("Last-Modified: $LastModified GMT"); 
header("ETag: \"$LastModified\""); 
?> 
<html> 
<head> 
        <title>title</title> 
</head> 
<frameset rows="*,0" frameborder="NO" border="0" framespacing="0"> 
  <frame name="main" scrolling="auto" noresize src="gnuboard4/index.php" marginheight="0" marginwidth="0"> 
  <frame name="page" scrolling="no" noresize src="" marginheight="0" marginwidth="0"> 
</frameset> 
<noframes><body bgcolor="#FFFFFF" text="#000000"> 
</html> 

</html> 


6. 다른것 
<html> 
<head> 
<title>▒ ▒ ▒  Welcome To 그누보드 ▒ ▒ ▒ </title> 
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr"> 
</head> 
<frameset cols="0,100%" border="0"> 
<frame> 
<frame src="http://www.도메인.co.kr/gnuboard4">  //------> 자신의 보드에 위치한 index.php 
</noframes> 
</frameset> 
</html>

저작자표시 비영리 변경금지

'웹 퍼블리싱 > Html' 카테고리의 다른 글

현재시간 보여주는 소스  (0) 2015.07.17
구글에서 웹문서 노출 많이 되게 하기  (0) 2015.07.17
이미지에 마우스 오른쪽 클릭시 경고창 띄우기  (0) 2015.07.17
검색엔진최적화를 위한 제목 태그(Heading tags) 총정리  (0) 2015.07.15
국내 HTML5 시장 본격 개화기  (0) 2015.07.14

그누보드 사용할때 



<? 
/////////////////////5분 후 자동 로그아웃 ///////////// 
if($member[mb_id]) 
{ 
    $checktime = mktime(date("H"),date("i")-30,date("s"),date("m"),date("d"),date("Y")); // 시간지정 
    if($_SESSION['ss_login_time'] && ($_SESSION['ss_login_time'] < $checktime)) { 
        // 페이지를 연 시점이 되어있고, 저장된 시간이 특정시간 이전일때 
        goto_url($g4['bbs_path']."/logout.php",$urlencode); // 강제 로그아웃 
    } else { 
        // 로그인 타임(페이지를 연 시간)이 없거나, 특정시간을 넘기지 않은 경우는 시간재저장 
        $login_time = mktime(date("H"),date("i"),date("s"),date("m"),date("d"),date("Y")); // 현재시간 저장 
        set_session("ss_login_time", $login_time); 
    } 
} 
?> 










로그인 후 5분동안 사용 없으면 자동 로그아웃하는 소스입니다. 
head.sub.php의 상단에 넣으시면 될듯합니다.

저작자표시 비영리 변경금지

'그누보드 tip' 카테고리의 다른 글

이클립스 Java was started but returned exit code=13 오류 발생시 대처방법  (0) 2015.07.17
그누보드5 댓글에서 이미지 보이게 하는 방법  (0) 2015.07.16
그누보드 G4에서 달라진 G5함수와 G5함수 링크 정리  (0) 2015.07.16
게시글 삭제시 썸네일 삭제, 첨부파일 수정시 썸네일 교체하기  (0) 2015.07.16
그누보드 최근글 new 버튼 시간 늘이기  (0) 2015.07.16
lib.common.lib.php  의 345번째줄


    $list['icon_new'] = "";
    if ($list['wr_datetime'] >= date("Y-m-d H:i:s", $g4['server_time'] - ($board['bo_new'] * 3600)))
        $list['icon_new'] = "<img src='$skin_path/img/icon_new.gif' align='absmiddle'>";



3600 을 숫자값을 수정  


저작자표시 비영리 변경금지

'그누보드 tip' 카테고리의 다른 글

이클립스 Java was started but returned exit code=13 오류 발생시 대처방법  (0) 2015.07.17
그누보드5 댓글에서 이미지 보이게 하는 방법  (0) 2015.07.16
그누보드 G4에서 달라진 G5함수와 G5함수 링크 정리  (0) 2015.07.16
게시글 삭제시 썸네일 삭제, 첨부파일 수정시 썸네일 교체하기  (0) 2015.07.16
로그인후 5분동안 사용없으면 로그아웃 하기  (0) 2015.07.16

+ Recent posts

티스토리툴바