행사안내 게시판 정보
게시판 행사안내 게시판관련링크
첨부파일
본문
여기저기 소스들을 마구 짜집기했습니다. 링크의 게시판이 예제입니다. 참고로 현재는 사이트 제작중이므로 올라있는 글들은 모두 테스트용입니다.
특징 : 리스트에서 모든 내용을 볼 수 있게 했습니다. 행사안내에 대한 내용이 얼마 안되고 해서 그렇게 하는 것이 방문자 입장에서 일일이 제목보고 클릭해 들어가는 것보다 편하다고 생각되었습니다. 그리고 카테고리별 분류에 있어서도 그렇게 해야만 하는 나름대로의 사정이 있더군요 ;;
링크되어있는 게시판도 관리자만 글등록 수정이 가능합니다.
wr_1 ~ wr_10의 필드를 다 사용할 수 있게 했습니다. 이 스킨에서는 현재 wr_2 ~ wr_6, wr_9, wr_10을 썼는데 경우에 따라서는 더 쓸 수도 있습니다. 참고로 wr_2 ~ wr_6은 각 날짜별 행사시간, wr_9는 장소, wr_10은 주관용으로 썼습니다.
스킨의 소스를 보시면 대충 각자의 목적에 맞게 수정해서 쓰실 수 있을 겁니다.
★★★★★ 그리고 스킨파일 외에 첨부한 my.js파일도 계정에 올려야 합니다. 현재 이 스킨의 테이블 모서리 둥글게 한 소스와 이미지 출몰(?)을 위한 자바스크립트 파일입니다.
아니면 아래 소스를 임의의 이름(예:my.js)으로 저장해서 g4/js/폴더에 올리시고 head.php나 head.sub.php 어디든
<script language="javascript" src="<?=$g4[path]?>/js/my.js"></script>를 넣어주면 됩니다.
저는 head.sub.php의 <body> 바로 위에
<script language="javascript" src="<?=$g4[path]?>/js/common.js"></script>
<script language="javascript" src="<?=$g4[path]?>/js/my.js"></script>
이런 식으로 했습니다.
/////여기부터
////////////// 테이블 모서리 둥글게
function roundTable(objID) {
var obj = document.getElementById(objID);
var Parent, objTmp, Table, TBody, TR, TD;
var bdcolor, bgcolor, Space;
var trIDX, tdIDX, MAX;
var styleWidth, styleHeight;
// get parent node
Parent = obj.parentNode;
objTmp = document.createElement('SPAN');
Parent.insertBefore(objTmp, obj);
Parent.removeChild(obj);
// get attribute
bdcolor = obj.getAttribute('rborder');
bgcolor = obj.getAttribute('rbgcolor');
radius = parseInt(obj.getAttribute('radius'));
if (radius == null || radius < 1) radius = 1;
else if (radius > 6) radius = 6;
MAX = radius * 2 + 1;
/*
create table {{
*/
Table = document.createElement('TABLE');
TBody = document.createElement('TBODY');
Table.cellSpacing = 0;
Table.cellPadding = 0;
for (trIDX=0; trIDX < MAX; trIDX++) {
TR = document.createElement('TR');
Space = Math.abs(trIDX - parseInt(radius));
for (tdIDX=0; tdIDX < MAX; tdIDX++) {
TD = document.createElement('TD');
styleWidth = '1px'; styleHeight = '1px';
if (tdIDX == 0 || tdIDX == MAX - 1) styleHeight = null;
else if (trIDX == 0 || trIDX == MAX - 1) styleWidth = null;
else if (radius > 2) {
if (Math.abs(tdIDX - radius) == 1) styleWidth = '2px';
if (Math.abs(trIDX - radius) == 1) styleHeight = '2px';
}
if (styleWidth != null) TD.style.width = styleWidth;
if (styleHeight != null) TD.style.height = styleHeight;
if (Space == tdIDX || Space == MAX - tdIDX - 1) TD.style.backgroundColor = bdcolor;
else if (tdIDX > Space && Space < MAX - tdIDX - 1) TD.style.backgroundColor = bgcolor;
if (Space == 0 && tdIDX == radius) TD.appendChild(obj);
TR.appendChild(TD);
}
TBody.appendChild(TR);
}
/*
}}
*/
Table.appendChild(TBody);
// insert table and remove original table
Parent.insertBefore(Table, objTmp);
}
// 테이블 출몰(?)을 위해
function tree(menuName, mode) {
if (mode == 'open') {
eval(menuName + "_open").style.display = '';
eval(menuName + "_close").style.display = 'none';
} else if (mode == 'close') {
eval(menuName + "_open").style.display = 'none';
eval(menuName + "_close").style.display = '';
}
}
/////////여기까지
거의 에러가 있지 싶은데-_-;;; 말씀해주시는대로 손보겠습니다. 물론 저는 잘 쓰고 있습니다.
그리고!!!!
이건 도움요청입니다. (질답에도 올릴 예정)
현재 기존 카테고리의 기능을 이용해서 종목별 검색은 가능합니다.
제가 원하는 것은 그외에 wr_n 등도 검색해서 정렬하고 싶거든요.
예를 들면 첫째날(wr_2)의 행사만 뽑아낸다든지 하는 식으로 말이지요. 시간순이라면 더욱 금상첨화.
그리 어려울 것 같진 않은데 제가 워낙 기초가 없어서 힘드는군요. 고수님들 조금만 힌트를 주시면 안될까요^^;;
써놓고보니 질답에 올리긴 좀 그런가...-_-;;
특징 : 리스트에서 모든 내용을 볼 수 있게 했습니다. 행사안내에 대한 내용이 얼마 안되고 해서 그렇게 하는 것이 방문자 입장에서 일일이 제목보고 클릭해 들어가는 것보다 편하다고 생각되었습니다. 그리고 카테고리별 분류에 있어서도 그렇게 해야만 하는 나름대로의 사정이 있더군요 ;;
링크되어있는 게시판도 관리자만 글등록 수정이 가능합니다.
wr_1 ~ wr_10의 필드를 다 사용할 수 있게 했습니다. 이 스킨에서는 현재 wr_2 ~ wr_6, wr_9, wr_10을 썼는데 경우에 따라서는 더 쓸 수도 있습니다. 참고로 wr_2 ~ wr_6은 각 날짜별 행사시간, wr_9는 장소, wr_10은 주관용으로 썼습니다.
스킨의 소스를 보시면 대충 각자의 목적에 맞게 수정해서 쓰실 수 있을 겁니다.
★★★★★ 그리고 스킨파일 외에 첨부한 my.js파일도 계정에 올려야 합니다. 현재 이 스킨의 테이블 모서리 둥글게 한 소스와 이미지 출몰(?)을 위한 자바스크립트 파일입니다.
아니면 아래 소스를 임의의 이름(예:my.js)으로 저장해서 g4/js/폴더에 올리시고 head.php나 head.sub.php 어디든
<script language="javascript" src="<?=$g4[path]?>/js/my.js"></script>를 넣어주면 됩니다.
저는 head.sub.php의 <body> 바로 위에
<script language="javascript" src="<?=$g4[path]?>/js/common.js"></script>
<script language="javascript" src="<?=$g4[path]?>/js/my.js"></script>
이런 식으로 했습니다.
/////여기부터
////////////// 테이블 모서리 둥글게
function roundTable(objID) {
var obj = document.getElementById(objID);
var Parent, objTmp, Table, TBody, TR, TD;
var bdcolor, bgcolor, Space;
var trIDX, tdIDX, MAX;
var styleWidth, styleHeight;
// get parent node
Parent = obj.parentNode;
objTmp = document.createElement('SPAN');
Parent.insertBefore(objTmp, obj);
Parent.removeChild(obj);
// get attribute
bdcolor = obj.getAttribute('rborder');
bgcolor = obj.getAttribute('rbgcolor');
radius = parseInt(obj.getAttribute('radius'));
if (radius == null || radius < 1) radius = 1;
else if (radius > 6) radius = 6;
MAX = radius * 2 + 1;
/*
create table {{
*/
Table = document.createElement('TABLE');
TBody = document.createElement('TBODY');
Table.cellSpacing = 0;
Table.cellPadding = 0;
for (trIDX=0; trIDX < MAX; trIDX++) {
TR = document.createElement('TR');
Space = Math.abs(trIDX - parseInt(radius));
for (tdIDX=0; tdIDX < MAX; tdIDX++) {
TD = document.createElement('TD');
styleWidth = '1px'; styleHeight = '1px';
if (tdIDX == 0 || tdIDX == MAX - 1) styleHeight = null;
else if (trIDX == 0 || trIDX == MAX - 1) styleWidth = null;
else if (radius > 2) {
if (Math.abs(tdIDX - radius) == 1) styleWidth = '2px';
if (Math.abs(trIDX - radius) == 1) styleHeight = '2px';
}
if (styleWidth != null) TD.style.width = styleWidth;
if (styleHeight != null) TD.style.height = styleHeight;
if (Space == tdIDX || Space == MAX - tdIDX - 1) TD.style.backgroundColor = bdcolor;
else if (tdIDX > Space && Space < MAX - tdIDX - 1) TD.style.backgroundColor = bgcolor;
if (Space == 0 && tdIDX == radius) TD.appendChild(obj);
TR.appendChild(TD);
}
TBody.appendChild(TR);
}
/*
}}
*/
Table.appendChild(TBody);
// insert table and remove original table
Parent.insertBefore(Table, objTmp);
}
// 테이블 출몰(?)을 위해
function tree(menuName, mode) {
if (mode == 'open') {
eval(menuName + "_open").style.display = '';
eval(menuName + "_close").style.display = 'none';
} else if (mode == 'close') {
eval(menuName + "_open").style.display = 'none';
eval(menuName + "_close").style.display = '';
}
}
/////////여기까지
거의 에러가 있지 싶은데-_-;;; 말씀해주시는대로 손보겠습니다. 물론 저는 잘 쓰고 있습니다.
그리고!!!!
이건 도움요청입니다. (질답에도 올릴 예정)
현재 기존 카테고리의 기능을 이용해서 종목별 검색은 가능합니다.
제가 원하는 것은 그외에 wr_n 등도 검색해서 정렬하고 싶거든요.
예를 들면 첫째날(wr_2)의 행사만 뽑아낸다든지 하는 식으로 말이지요. 시간순이라면 더욱 금상첨화.
그리 어려울 것 같진 않은데 제가 워낙 기초가 없어서 힘드는군요. 고수님들 조금만 힌트를 주시면 안될까요^^;;
써놓고보니 질답에 올리긴 좀 그런가...-_-;;
추천
0
0
댓글 전체
고생하셨네요...
감사합니다.
감사합니다.
감사히 잘쓰겠습니다.
감사합니다.
감사합니다.
7쟁이님, 바람님 감사드립니다^^
근데 다운받으신 분들은 몇분 되는데 my.js파일을 다운받아가신 분들은 없으시네요^^;; 그게 없으면 이 스킨이 정상적으로 작동을 안할텐데...;; 그리 긴 소스도 아니니까 그냥 이리로도 올려드립니다. 솔직히 저도 파일 두개 이상 다운받기는 좀 귀찮긴 하더군요. ㅎㅎㅎ;
아래 소스를 임의의 이름(예:my.js)으로 저장해서 g4/js/폴더에 올리시고 head.php나 head.sub.php 어디든
<script language="javascript" src="<?=$g4[path]?>/js/my.js"></script>를 넣어주면 됩니다.
저는 head.sub.php의 <body> 바로 위에
<script language="javascript" src="<?=$g4[path]?>/js/common.js"></script>
<script language="javascript" src="<?=$g4[path]?>/js/my.js"></script>
이런 식으로 했습니다.
////////////// 테이블 모서리 둥글게
function roundTable(objID) {
var obj = document.getElementById(objID);
var Parent, objTmp, Table, TBody, TR, TD;
var bdcolor, bgcolor, Space;
var trIDX, tdIDX, MAX;
var styleWidth, styleHeight;
// get parent node
Parent = obj.parentNode;
objTmp = document.createElement('SPAN');
Parent.insertBefore(objTmp, obj);
Parent.removeChild(obj);
// get attribute
bdcolor = obj.getAttribute('rborder');
bgcolor = obj.getAttribute('rbgcolor');
radius = parseInt(obj.getAttribute('radius'));
if (radius == null || radius < 1) radius = 1;
else if (radius > 6) radius = 6;
MAX = radius * 2 + 1;
/*
create table {{
*/
Table = document.createElement('TABLE');
TBody = document.createElement('TBODY');
Table.cellSpacing = 0;
Table.cellPadding = 0;
for (trIDX=0; trIDX < MAX; trIDX++) {
TR = document.createElement('TR');
Space = Math.abs(trIDX - parseInt(radius));
for (tdIDX=0; tdIDX < MAX; tdIDX++) {
TD = document.createElement('TD');
styleWidth = '1px'; styleHeight = '1px';
if (tdIDX == 0 || tdIDX == MAX - 1) styleHeight = null;
else if (trIDX == 0 || trIDX == MAX - 1) styleWidth = null;
else if (radius > 2) {
if (Math.abs(tdIDX - radius) == 1) styleWidth = '2px';
if (Math.abs(trIDX - radius) == 1) styleHeight = '2px';
}
if (styleWidth != null) TD.style.width = styleWidth;
if (styleHeight != null) TD.style.height = styleHeight;
if (Space == tdIDX || Space == MAX - tdIDX - 1) TD.style.backgroundColor = bdcolor;
else if (tdIDX > Space && Space < MAX - tdIDX - 1) TD.style.backgroundColor = bgcolor;
if (Space == 0 && tdIDX == radius) TD.appendChild(obj);
TR.appendChild(TD);
}
TBody.appendChild(TR);
}
/*
}}
*/
Table.appendChild(TBody);
// insert table and remove original table
Parent.insertBefore(Table, objTmp);
}
// 테이블 출몰(?)을 위해
function tree(menuName, mode) {
if (mode == 'open') {
eval(menuName + "_open").style.display = '';
eval(menuName + "_close").style.display = 'none';
} else if (mode == 'close') {
eval(menuName + "_open").style.display = 'none';
eval(menuName + "_close").style.display = '';
}
}
근데 다운받으신 분들은 몇분 되는데 my.js파일을 다운받아가신 분들은 없으시네요^^;; 그게 없으면 이 스킨이 정상적으로 작동을 안할텐데...;; 그리 긴 소스도 아니니까 그냥 이리로도 올려드립니다. 솔직히 저도 파일 두개 이상 다운받기는 좀 귀찮긴 하더군요. ㅎㅎㅎ;
아래 소스를 임의의 이름(예:my.js)으로 저장해서 g4/js/폴더에 올리시고 head.php나 head.sub.php 어디든
<script language="javascript" src="<?=$g4[path]?>/js/my.js"></script>를 넣어주면 됩니다.
저는 head.sub.php의 <body> 바로 위에
<script language="javascript" src="<?=$g4[path]?>/js/common.js"></script>
<script language="javascript" src="<?=$g4[path]?>/js/my.js"></script>
이런 식으로 했습니다.
////////////// 테이블 모서리 둥글게
function roundTable(objID) {
var obj = document.getElementById(objID);
var Parent, objTmp, Table, TBody, TR, TD;
var bdcolor, bgcolor, Space;
var trIDX, tdIDX, MAX;
var styleWidth, styleHeight;
// get parent node
Parent = obj.parentNode;
objTmp = document.createElement('SPAN');
Parent.insertBefore(objTmp, obj);
Parent.removeChild(obj);
// get attribute
bdcolor = obj.getAttribute('rborder');
bgcolor = obj.getAttribute('rbgcolor');
radius = parseInt(obj.getAttribute('radius'));
if (radius == null || radius < 1) radius = 1;
else if (radius > 6) radius = 6;
MAX = radius * 2 + 1;
/*
create table {{
*/
Table = document.createElement('TABLE');
TBody = document.createElement('TBODY');
Table.cellSpacing = 0;
Table.cellPadding = 0;
for (trIDX=0; trIDX < MAX; trIDX++) {
TR = document.createElement('TR');
Space = Math.abs(trIDX - parseInt(radius));
for (tdIDX=0; tdIDX < MAX; tdIDX++) {
TD = document.createElement('TD');
styleWidth = '1px'; styleHeight = '1px';
if (tdIDX == 0 || tdIDX == MAX - 1) styleHeight = null;
else if (trIDX == 0 || trIDX == MAX - 1) styleWidth = null;
else if (radius > 2) {
if (Math.abs(tdIDX - radius) == 1) styleWidth = '2px';
if (Math.abs(trIDX - radius) == 1) styleHeight = '2px';
}
if (styleWidth != null) TD.style.width = styleWidth;
if (styleHeight != null) TD.style.height = styleHeight;
if (Space == tdIDX || Space == MAX - tdIDX - 1) TD.style.backgroundColor = bdcolor;
else if (tdIDX > Space && Space < MAX - tdIDX - 1) TD.style.backgroundColor = bgcolor;
if (Space == 0 && tdIDX == radius) TD.appendChild(obj);
TR.appendChild(TD);
}
TBody.appendChild(TR);
}
/*
}}
*/
Table.appendChild(TBody);
// insert table and remove original table
Parent.insertBefore(Table, objTmp);
}
// 테이블 출몰(?)을 위해
function tree(menuName, mode) {
if (mode == 'open') {
eval(menuName + "_open").style.display = '';
eval(menuName + "_close").style.display = 'none';
} else if (mode == 'close') {
eval(menuName + "_open").style.display = 'none';
eval(menuName + "_close").style.display = '';
}
}
좋은스킨 감사히 잘쓰겠습니다..
감사합니다. 잘쓸꼐요
감사~ 꾸벅
유용하게 사용하겠습니다...
감사합니다.. 잘쓸께요.... ^^
ㄳㄳ
유용하게 쓰겠습니다~^^
감사합니다. 꼭 필요했는데..잘쓰겠습니다.
이제사 발견하네요.
좋은 스킨입니다.
좋은 스킨입니다.

행사 안내게시판이 필요했는데 감사합니다~
아니 날짜가 4월12일로 무조건 찍혀있네요 노추천입니다.

