자바 스크립트 질문~! [목록에서 미리보기 관련] 정보
자바 스크립트 질문~! [목록에서 미리보기 관련]
본문
솔직하게도 하기와 같은 스크립트가 탐이나서 소스를 가져오고싶은데요..
이를 어떻게 활용해야할지 지식이 전무하여 요청드립니다.
하기와같은 자바 스크립트를 게시판 list 스킨 상단에 넣고
활용하고 싶은데요
--[java script 부분]--
<SCRIPT language="javascript" type="text/javascript">
var wx;
var wy;
function getIt(){
wx = window.event.clientX;
wy = window.event.clientY;
}
function init() {
document.onmousemove = getIt;
}
function showmemo1(title,memo){
var showmemo = "";
showmemo = showmemo + "<table border='0' cellspacing='0' cellpadding='0' width='264'> ";
showmemo = showmemo + " <tr> ";
showmemo = showmemo + " <td width='260'> ";
showmemo = showmemo + " <table border='0' cellspacing='1' cellpadding='1' width='100%' bgcolor='#B8B6B1'> ";
showmemo = showmemo + " <tr bgcolor='#D8CFC6'> ";
showmemo = showmemo + " <td height='20' style='padding:0 10 0 0' align='right'> ";
showmemo = showmemo + " <a href='#' onclick='return hiddenmemo()'><img src='/skin/board/aa/img/social/btn_close.gif'></a> ";
showmemo = showmemo + " </td> ";
showmemo = showmemo + " </tr> ";
showmemo = showmemo + " <tr bgcolor='#EBEBEB'> ";
showmemo = showmemo + " <td valign='top'> ";
showmemo = showmemo + " <table border='0' cellspacing='0' cellpadding='0' width='100%'> ";
showmemo = showmemo + " <tr> ";
showmemo = showmemo + " <td height='3' bgcolor='#EBEBEB'></td> ";
showmemo = showmemo + " </tr> ";
showmemo = showmemo + " <tr style='padding:7 0 1 0' align='center'> ";
showmemo = showmemo + " <td bgcolor='#FFFFFF'> ";
showmemo = showmemo + " <table border='0' cellspacing='1' cellpadding='1' width='238' bgcolor='#C3BEB6'> ";
showmemo = showmemo + " <tr> ";
showmemo = showmemo + " <td height='20' bgcolor='#F3F2F0' style='padding:5 5 0 10' style='color:#7E541A' > ";
showmemo = showmemo + " <img src='/skin/board/aa/img/icon3.gif' align='absmiddle'> "+title+" ";
showmemo = showmemo + " </td> ";
showmemo = showmemo + " </tr> ";
showmemo = showmemo + " </table> ";
showmemo = showmemo + " </td> ";
showmemo = showmemo + " </tr> ";
showmemo = showmemo + " <tr> ";
showmemo = showmemo + " <td bgcolor='#FFFFFF' align='center'> ";
showmemo = showmemo + " <table border='0' cellspacing='1' cellpadding='1' width='238' bgcolor='#C3BEB6'> ";
showmemo = showmemo + " <tr> ";
showmemo = showmemo + " <td bgcolor='#FFFFFF' style='padding:10 10 10 10'> ";
showmemo = showmemo + " <table border='0' cellspacing='0' cellpadding='0' width='100%'> ";
showmemo = showmemo + " <tr> ";
showmemo = showmemo + " <td style='color:#7E541A'>"+memo+"</td> ";
showmemo = showmemo + " </tr> ";
showmemo = showmemo + " </table> ";
showmemo = showmemo + " </td> ";
showmemo = showmemo + " </tr> ";
showmemo = showmemo + " </table> ";
showmemo = showmemo + " </td> ";
showmemo = showmemo + " </tr> ";
showmemo = showmemo + " <tr bgcolor='#FFFFFF'> ";
showmemo = showmemo + " <td height='8'></td> ";
showmemo = showmemo + " </tr> ";
showmemo = showmemo + " </table> ";
showmemo = showmemo + " </td> ";
showmemo = showmemo + " </tr> ";
showmemo = showmemo + " </table> ";
showmemo = showmemo + " </td> ";
showmemo = showmemo + " <td width='4' bgcolor='#E4E2DE'></td> ";
showmemo = showmemo + " </tr> ";
showmemo = showmemo + " <tr> ";
showmemo = showmemo + " <td colspan='2' height='4' bgcolor='#E4E2DE'></td> ";
showmemo = showmemo + " </tr> ";
showmemo = showmemo + "</table> ";
idw = document.all.memo.style.pixelWidth;
clw = document.body.clientWidth;
idw = clw - idw - 260;
// alert(window.event.clientX);
// alert(window.event.clientY);
// document.all.memo.style.pixelLeft = document.body.scrollLeft + wx + 10 + '';
// document.all.memo.style.pixelTop = document.body.scrollTop + wy + 20 + '';
document.all.memo.style.pixelLeft = document.body.scrollLeft + window.event.clientX + 10 + '';
document.all.memo.style.pixelTop = document.body.scrollTop + window.event.clientY + 20 + '';
if (document.all.memo.style.pixelLeft > idw) document.all.memo.style.pixelLeft = wx - 300;
if (document.all.memo.style.pixelLeft < "0px") document.all.memo.style.pixelLeft= 0;
document.all.memo.innerHTML = showmemo ;
document.all.memo.style.visibility = "visible";
return false ;
}
이게 가능할까요?
출력은 요렇게요..
echo "<font onMouseover=showmemo1('{$list[$i][subject]}','{$list[$i][wr_content]}')>{$list[$i][subject]}</font>";
게시판 제목에 마우스 업로드시 요렇게 표현되는 기능입니다
댓글 전체
목록에서 제목을에 마우스를 올리면 위의 그림과 같이 보이게 하고 싶다는것이지요?
ㅋㅋ text 라면 가능은 하겠네요.. 다음분께 패스~~
(실제 동작되는 사이트를 보여주면 답변달사람에게 도움될껍니다.^^)
저런 소스를 해석해서 구현하기위해선 자바를 배우면 가능할까요? ㅜㅜ
아무튼 제가 드릴수 있는것은 추천뿐!!!!!!!!!!!!!!!!!!!!!!!!