묻고답하기
자바스크립트 메뉴가 게시판의 글쓰기 또는 글읽기를 선택했을때 작동되지 않아요ㅜㅜ
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접속후 "문의" 클릭하시면
제 컴터가 켜 있는 동안에는 실시간으로 문의 답이 가능합니다.
( 회원가입 같은거 없습니다. )
| 글쓴이 | 제목 | 최종 글 |
|---|---|---|
| XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
| CoffeeMix |
소셜로그인 버튼중에 페이스북 요즘 지우고싶어요.
 | |
| bonui |
위젯 페이지내 게시판(?) 설치
[1]
| 2013.07.22 by CKEQ |
| 궁금이@@? | 인터넷 익스플로러 버젼에 따라 달라보이는 이유 [3] | 2013.07.22 by :DunhillBoy |
| 이혜지532 | 회원정보변경이 안되네요 ㅠㅠ | |
| 연시랑 | 프로필 사진을 게시판 읽기 부분에 올리고 싶습니다. [1] | 2013.07.22 by sejin7940 |
| 솔라전문 | 왕초보입니다. [1] | 2013.07.22 by 마야인 |
| 소이스 | 스케치북오류문의 | |
| 리게 | 로그인 후 백지 현상 [1] | 2013.07.22 by 킴똥똥 |
| 쿨럭이 | 파일 메시지 출력 변경 답변좀 부탁해요 ㅠㅠ [1] | 2013.07.22 by 지그재거 |
| EEMEEN |
혹시 게시판에 마우스오버 효과 나오게끔 어떻게 하나요..?
| |
| EEMEEN |
게시판제목 생성하고 그거 누르면 새로고침 되는거..
[2]
| 2013.07.22 by EEMEEN |
| ㅊㅋㄴ |
네이버나 다른 포털에서
[1]
| 2013.07.22 by ㄱㄴㄷㄹ |
| EEMEEN |
게시판리스트 마우스오버 기능 어떻게 해야 하나요?
[1]
| 2013.07.22 by 지그재거 |
| xe매니아 | xe 비밀번호 암호화 풀기 [2] | 2013.07.22 by 참치.k |
| 리크스 | 타이틀 관련 질문 [1] | 2013.07.22 by 참치.k |
| 본체 |
삭제안되는 파일
[1]
| 2013.07.22 by 참치.k |
| 주닝용 | 게시판 복사시 카테고리는 복사 안되나요? [1] | 2013.07.22 by 참치.k |
| 브레인630 | IE10에서의 엑박문제 [1] | 2013.07.22 by 참치.k |
| 헐키헐키 | 게시판에 글 작성 후 제목이 나타나는 부분 뒤에 | |
| 귀한시간 | 게시판 언어 변경하기 [1] | 2013.07.22 by 킴똥똥 |
필요하시면 보세요~