묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
자바스크립트 메뉴가 게시판의 글쓰기 또는 글읽기를 선택했을때 작동되지 않아요ㅜㅜ
2007.05.28 13:54
http://hots.n-for.net
위 이미지는 정상 작동되는 상태이며 커뮤니티를 클릭했을때 서브메뉴가 보여지는 이미지입니다.
위 이미지는 제로보드 게시판의 글쓰기 또는 읽기를 실행했을때 커뮤니티에 커서가 링크가 되어있다는
손가락 모양의 커서로 변하지만 아무리 클릭해도 서브메뉴가 출력되지 않습니다.
자바스크립트 고수 분께 해결 부탁드립니다..
아래 소스는 게시판 상단에 불어올 파일 head.php 입니다
<xmp>
<html>
<head>
<meta http-equiv='Content-type' content='text/html; charset=euc-kr'>
<title>하츠스토리</title>
<style type="text/css">
<!--
img {border:0}
-->
<!--
@font-face {font-family:티티체; src:url(http://hots.n-for.net/ttche9.eot);}
body {font-family:티티체;font-size:9pt;line-height:150%;}
td {font-family:티티체;font-size:9pt;line-height:160%;}
.a {font-family:티티체;font-size:9pt;line-height:150%;}
-->
</style>
<!-- ############################# 메뉴수정[HEAD] #################################### -->
<script>
var delay = 7; // 메뉴 스피드(낮을수록 빠름)
var m_length = 20; // 메뉴 간격
var sel_l_length = 30; // 선택한 메뉴와 이전 메뉴 간격
var sel_r_length = 60; // 선택한 메뉴와 다음 메뉴 간격
var m_sel = 0; // 메뉴 선택 상태
var m_max = 0; // 메인메뉴 갯수
var sm_alpha = 0; // 서브메뉴 투명도
var id = new Array(); // 메인메뉴 ID
var sid = new Array(); // 서브메뉴 ID
var m_top = 0; // 메인메뉴 y 위치
function on_load(){
while(document.getElementById("menu"+(m_max+1)) != null){
m_max++;
id[m_max] = document.getElementById("menu"+m_max);
sid[m_max] = document.getElementById("smenu"+m_max);
};
m_top = id[1].offsetTop;
m_act();
}
function m_over(m){
m_sel = m;
for(i=1;i<=m_max;i++){
if(sid[i] != null){
if(m_sel == i){
id[i].style.fontWeight = 'bold';
sid[i].style.display = "";
sm_alpha = 0;
if ((navigator.appName.indexOf('Microsoft')+1)) {
sid[i].filters.alpha.opacity = sm_alpha;
}else{
sid[i].style.opacity = (sm_alpha/100);
}
sid[i].style.top = id[i].offsetTop + id[i].offsetHeight + 40;
}else{
id[i].style.fontWeight = '';
sid[i].style.display = "none";
}
}
}
}
function m_act(){
var goy = 0;
for(i=1;i<=m_max;i++){
// 메인메뉴 좌우 이동
if(i>1)
temp = id[i-1].offsetWidth + id[i-1].offsetLeft;
if(i==1){
gox=id[i].offsetLeft;
}else if(m_sel == i){
gox = temp + sel_l_length;
}else if(m_sel+1 == i){
gox =temp + sel_r_length;
}else{
gox = temp + m_length;
}
id[i].style.left = Math.ceil(id[i].offsetLeft - (id[i].offsetLeft - (gox))/delay)+"px";
// 메인메뉴 상하 이동
if(m_sel == i){
id[i].style.top = Math.ceil(id[i].offsetTop - (id[i].offsetTop - (m_top + 7))/delay)+"px";
}else if(m_sel!=0){
id[i].style.top = Math.ceil(id[i].offsetTop - (id[i].offsetTop - (m_top - 5))/delay)+"px";
}
// 서브메뉴
if(m_sel == i && sid[i] != null){
// 서브메뉴 투명도
if(sm_alpha < 100){
sm_alpha += 5;
if ((navigator.appName.indexOf('Microsoft')+1)) {
sid[i].filters.alpha.opacity = sm_alpha;
}else{
sid[i].style.opacity = (sm_alpha/100);
}
}
// 서브메뉴 아래서부터 위로 나타남
goy = id[i].offsetTop + id[i].offsetHeight;
sid[i].style.top = (sid[i].offsetTop - (sid[i].offsetTop - goy)/delay)+"px";
}
}
setTimeout('m_act()',20);
}
</script>
<style>
.sm_a{color: #663300; text-decoration:none; padding:0px 3px 0px 2px}
.sm_a:hover {color: #000000; text-decoration:none; padding:0px 3px 0px 2px}
div{font-family:verdana; font-size:10px; letter-spacing:-1px}
.smenu{top:50px; position:absolute; filter:alpha(opacity=0); color:#DDDDDD}
.mmenu{top:30px; position:absolute; cursor:pointer; padding-right:2px; color:#666666}
</style>
<!-- ############################# 메뉴수정[HEAD] 끝 #################################### -->
<!-- ############################# 서브메뉴[HEAD] 시작 #################################### -->
<script language="javascript">
<!--
function slide(Id, interval, to) {
var obj = document.getElementById(Id);
var H, step = 5;
if (obj == null) return;
if (to == undefined) { // user clicking
if (obj._slideStart == true) return;
if (obj._expand == true) {
to = 0;
obj.style.overflow = "hidden";
} else {
slide.addId(Id);
for(var i=0; i < slide.objects.length; i++) {
if (slide.objects[i].id != Id && slide.objects[i]._expand == true) {
slide(slide.objects[i].id);
}
}
obj.style.height = "";
obj.style.overflow = "";
obj.style.display = "block";
to = obj.offsetHeight; // 이거이거
obj.style.overflow = "hidden";
obj.style.height = "1px";
}
obj._slideStart = true;
}
step = ((to > 0) ? 1:-1) * step;
interval = ((interval==undefined)?1:interval);
obj.style.height = (H=((H=(isNaN(H=parseInt(obj.style.height))?0:H))+step<0)?0:H+step)+"px";
if (H <= 0) {
obj.style.display = "none";
obj.style.overflow = "hidden";
obj._expand = false;
obj._slideStart = false;
} else if (to >&& H >= to) {
obj.style.display = "block";
obj.style.overflow = "visible";
obj.style.height = H + "px";
obj._expand = true;
obj._slideStart = false;
} else {
setTimeout("slide('"+Id+"' , "+interval+", "+to+");", interval);
}
}
slide.objects = new Array();
slide.addId = function(Id)
{
for (var i=0; i < slide.objects.length; i++) {
if (slide.objects[i].id == Id) return true;
}
slide.objects[slide.objects.length] = document.getElementById(Id);
}
//-->
</script>
<style>
.menu {
border:0px solid #999999;
background-color:#ffffff;
padding:1px 1px 1px 1px;
cursor:hand;
width:170px;
padding-left:10px;
}
.submenu {
width:170px;
padding-left:15px;
display:none;
}
</style>
<!-- ############################# 서브메뉴[HEAD] 끝 #################################### -->
</head>
<body bgcolor="white" onload='on_load()' topmargin=5 leftmargin=0>
<table width=770 height=100% align=center border=1 bordercolor="#cc6600" cellspacing=0 cellpadding=0 style='word-break:break-all;' style="border-collapse:collapse;">
<!-- #####상단##### -->
<tr>
<td height=120 valign=top colspan=2 cellspacing=0 cellpadding=0 background="http://hots.n-for.net/img/hotskorea.jpg">
<!-- ############################# 레이어수정 시작 #################################### -->
<table width=100% HEIGHT=1 style=position:relative BORDER=0><td>
</td></table>
<!-- ############################# 레이어수정 끝 #################################### -->
</td>
</tr>
<tr height-=100%>
<!-- #####왼쪽메뉴##### -->
<td width=170 valign=top>
<!-- ############################# 서브메뉴 시작 #################################### -->
<hr size='1' color='#cc6600' width='170' valign='top'>
<hr size='1' color='#cc6600' width='170' valign='top'>
<hr size='1' color='#cc6600' width='170' valign='top'>
<hr size='1' color='#cc6600' width='170' valign='top'>
<hr size='1' color='#cc6600' width='170' valign='top'>
<hr size='1' color='#cc6600' width='170' valign='top'>
<!-- ############################# 서브메뉴 끝 #################################### -->
</td>
<td valign=top>
</xmp>
위 이미지는 정상 작동되는 상태이며 커뮤니티를 클릭했을때 서브메뉴가 보여지는 이미지입니다.
위 이미지는 제로보드 게시판의 글쓰기 또는 읽기를 실행했을때 커뮤니티에 커서가 링크가 되어있다는
손가락 모양의 커서로 변하지만 아무리 클릭해도 서브메뉴가 출력되지 않습니다.
자바스크립트 고수 분께 해결 부탁드립니다..
아래 소스는 게시판 상단에 불어올 파일 head.php 입니다
<xmp>
<html>
<head>
<meta http-equiv='Content-type' content='text/html; charset=euc-kr'>
<title>하츠스토리</title>
<style type="text/css">
<!--
img {border:0}
-->
<!--
@font-face {font-family:티티체; src:url(http://hots.n-for.net/ttche9.eot);}
body {font-family:티티체;font-size:9pt;line-height:150%;}
td {font-family:티티체;font-size:9pt;line-height:160%;}
.a {font-family:티티체;font-size:9pt;line-height:150%;}
-->
</style>
<!-- ############################# 메뉴수정[HEAD] #################################### -->
<script>
var delay = 7; // 메뉴 스피드(낮을수록 빠름)
var m_length = 20; // 메뉴 간격
var sel_l_length = 30; // 선택한 메뉴와 이전 메뉴 간격
var sel_r_length = 60; // 선택한 메뉴와 다음 메뉴 간격
var m_sel = 0; // 메뉴 선택 상태
var m_max = 0; // 메인메뉴 갯수
var sm_alpha = 0; // 서브메뉴 투명도
var id = new Array(); // 메인메뉴 ID
var sid = new Array(); // 서브메뉴 ID
var m_top = 0; // 메인메뉴 y 위치
function on_load(){
while(document.getElementById("menu"+(m_max+1)) != null){
m_max++;
id[m_max] = document.getElementById("menu"+m_max);
sid[m_max] = document.getElementById("smenu"+m_max);
};
m_top = id[1].offsetTop;
m_act();
}
function m_over(m){
m_sel = m;
for(i=1;i<=m_max;i++){
if(sid[i] != null){
if(m_sel == i){
id[i].style.fontWeight = 'bold';
sid[i].style.display = "";
sm_alpha = 0;
if ((navigator.appName.indexOf('Microsoft')+1)) {
sid[i].filters.alpha.opacity = sm_alpha;
}else{
sid[i].style.opacity = (sm_alpha/100);
}
sid[i].style.top = id[i].offsetTop + id[i].offsetHeight + 40;
}else{
id[i].style.fontWeight = '';
sid[i].style.display = "none";
}
}
}
}
function m_act(){
var goy = 0;
for(i=1;i<=m_max;i++){
// 메인메뉴 좌우 이동
if(i>1)
temp = id[i-1].offsetWidth + id[i-1].offsetLeft;
if(i==1){
gox=id[i].offsetLeft;
}else if(m_sel == i){
gox = temp + sel_l_length;
}else if(m_sel+1 == i){
gox =temp + sel_r_length;
}else{
gox = temp + m_length;
}
id[i].style.left = Math.ceil(id[i].offsetLeft - (id[i].offsetLeft - (gox))/delay)+"px";
// 메인메뉴 상하 이동
if(m_sel == i){
id[i].style.top = Math.ceil(id[i].offsetTop - (id[i].offsetTop - (m_top + 7))/delay)+"px";
}else if(m_sel!=0){
id[i].style.top = Math.ceil(id[i].offsetTop - (id[i].offsetTop - (m_top - 5))/delay)+"px";
}
// 서브메뉴
if(m_sel == i && sid[i] != null){
// 서브메뉴 투명도
if(sm_alpha < 100){
sm_alpha += 5;
if ((navigator.appName.indexOf('Microsoft')+1)) {
sid[i].filters.alpha.opacity = sm_alpha;
}else{
sid[i].style.opacity = (sm_alpha/100);
}
}
// 서브메뉴 아래서부터 위로 나타남
goy = id[i].offsetTop + id[i].offsetHeight;
sid[i].style.top = (sid[i].offsetTop - (sid[i].offsetTop - goy)/delay)+"px";
}
}
setTimeout('m_act()',20);
}
</script>
<style>
.sm_a{color: #663300; text-decoration:none; padding:0px 3px 0px 2px}
.sm_a:hover {color: #000000; text-decoration:none; padding:0px 3px 0px 2px}
div{font-family:verdana; font-size:10px; letter-spacing:-1px}
.smenu{top:50px; position:absolute; filter:alpha(opacity=0); color:#DDDDDD}
.mmenu{top:30px; position:absolute; cursor:pointer; padding-right:2px; color:#666666}
</style>
<!-- ############################# 메뉴수정[HEAD] 끝 #################################### -->
<!-- ############################# 서브메뉴[HEAD] 시작 #################################### -->
<script language="javascript">
<!--
function slide(Id, interval, to) {
var obj = document.getElementById(Id);
var H, step = 5;
if (obj == null) return;
if (to == undefined) { // user clicking
if (obj._slideStart == true) return;
if (obj._expand == true) {
to = 0;
obj.style.overflow = "hidden";
} else {
slide.addId(Id);
for(var i=0; i < slide.objects.length; i++) {
if (slide.objects[i].id != Id && slide.objects[i]._expand == true) {
slide(slide.objects[i].id);
}
}
obj.style.height = "";
obj.style.overflow = "";
obj.style.display = "block";
to = obj.offsetHeight; // 이거이거
obj.style.overflow = "hidden";
obj.style.height = "1px";
}
obj._slideStart = true;
}
step = ((to > 0) ? 1:-1) * step;
interval = ((interval==undefined)?1:interval);
obj.style.height = (H=((H=(isNaN(H=parseInt(obj.style.height))?0:H))+step<0)?0:H+step)+"px";
if (H <= 0) {
obj.style.display = "none";
obj.style.overflow = "hidden";
obj._expand = false;
obj._slideStart = false;
} else if (to >&& H >= to) {
obj.style.display = "block";
obj.style.overflow = "visible";
obj.style.height = H + "px";
obj._expand = true;
obj._slideStart = false;
} else {
setTimeout("slide('"+Id+"' , "+interval+", "+to+");", interval);
}
}
slide.objects = new Array();
slide.addId = function(Id)
{
for (var i=0; i < slide.objects.length; i++) {
if (slide.objects[i].id == Id) return true;
}
slide.objects[slide.objects.length] = document.getElementById(Id);
}
//-->
</script>
<style>
.menu {
border:0px solid #999999;
background-color:#ffffff;
padding:1px 1px 1px 1px;
cursor:hand;
width:170px;
padding-left:10px;
}
.submenu {
width:170px;
padding-left:15px;
display:none;
}
</style>
<!-- ############################# 서브메뉴[HEAD] 끝 #################################### -->
</head>
<body bgcolor="white" onload='on_load()' topmargin=5 leftmargin=0>
<table width=770 height=100% align=center border=1 bordercolor="#cc6600" cellspacing=0 cellpadding=0 style='word-break:break-all;' style="border-collapse:collapse;">
<!-- #####상단##### -->
<tr>
<td height=120 valign=top colspan=2 cellspacing=0 cellpadding=0 background="http://hots.n-for.net/img/hotskorea.jpg">
<!-- ############################# 레이어수정 시작 #################################### -->
<table width=100% HEIGHT=1 style=position:relative BORDER=0><td>
</td></table>
<!-- ############################# 레이어수정 끝 #################################### -->
</td>
</tr>
<tr height-=100%>
<!-- #####왼쪽메뉴##### -->
<td width=170 valign=top>
<!-- ############################# 서브메뉴 시작 #################################### -->
<hr size='1' color='#cc6600' width='170' valign='top'>
<hr size='1' color='#cc6600' width='170' valign='top'>
<hr size='1' color='#cc6600' width='170' valign='top'>
<hr size='1' color='#cc6600' width='170' valign='top'>
<hr size='1' color='#cc6600' width='170' valign='top'>
<hr size='1' color='#cc6600' width='170' valign='top'>
<!-- ############################# 서브메뉴 끝 #################################### -->
</td>
<td valign=top>
</xmp>
댓글 4
-
제이크
2007.05.28 14:06
-
홈리스
2007.05.28 16:45
head.php 파일맨위에 이 소스가 없어서 입니다
<?
$_zb_url = "http://홈페이지/제로폴더/";
$_zb_path = "/절대경로/제로폴더/";
include $_zb_path."outlogin.php";
?> -
제이크
2007.05.28 17:48
또 홈리스님의 신세를 지게 되었군요.. 답변 감사합니다^^
외부로그인을 넣기 전에 문의 드렸던거구요.. 외부로그인 설치 후에도 작동이 안되네요;;
어디선가 충돌이 나는건 아닐까요;; -
홈리스
2007.06.01 21:38
http://hotskorea.com/head.php현재 왼쪽은 나오느데요
위에 메뉴가 없는데요
http://help.pe.kr접속후 "문의" 클릭하시면
제 컴터가 켜 있는 동안에는 실시간으로 문의 답이 가능합니다.
( 회원가입 같은거 없습니다. )
필요하시면 보세요~