onmouseclick 질문입니다 정보
onmouseclick 질문입니다
본문
게시판 리스트에서 마우스를 올리면 레이어가 뜨는 것을 마우스 클릭으로 변경하려고합니다
찾아보니 onmouseover를 onmouseclick으로 수정하면된다고 하더라고요
그래서 onmouseover가 들어가 있는 부분들을 모두 onmouseclick으로 입력했는데
클릭자체가 안됩니다
아래는 onmouse가 관련된 소스 입니다
답변 부탁드려요
<script language="JavaScript">
<!--
function namosw_goto_byselect(sel, targetstr)
{
var index = sel.selectedIndex;
if (sel.options[index].value != '') {
if (targetstr == 'blank') {
window.open(sel.options[index].value, 'win1');
} else {
var frameobj;
if (targetstr == '') targetstr = 'self';
if ((frameobj = eval(targetstr)) != null)
frameobj.location = sel.options[index].value;
}
}
}
// 레이어 뷰 스크립트
var iDelay = 80 // Delay to hide in milliseconds
var iNSWidth=250 // Default width for netscape
var sDisplayTimer = null, oLastItem
function getRealPosition(i,which) {
iPos = 0
while (i!=null) {
iPos += i["offset" + which]
i = i.offsetParent
}
return iPos
}
function showLayers(sDest,itop,ileft,iWidth) {
if (document.all!=null) {
var i = window.event.srcElement
stopTimer()
dest = document.all[sDest]
if ((oLastItem!=null) && (oLastItem!=dest))
hideItem()
if (dest) {
// Netscape Hack
if (i.offsetWidth==0)
if (iWidth)
i.offsetWidth=iWidth
else
i.offsetWidth=iNSWidth;
if (ileft)
dest.style.pixelLeft = ileft
else
dest.style.pixelLeft = getRealPosition(i,"Left") - 5 // 불러오는 메뉴 좌표
// dest.style.pixelLeft = getRealPosition(i,"Left") + i.offsetWidth *0.1 // 불러오는 메뉴 좌표
if (itop)
dest.style.pixelTop = itop
else
dest.style.pixelTop = getRealPosition(i,"Top") + 15 // 불러오는 메뉴 좌표
dest.style.visibility = "visible"
}
oLastItem = dest
}
}
function stopTimer() {
clearTimeout(sDisplayTimer)
}
function startTimer(el) {
if (!el.contains(event.toElement)) {
stopTimer()
sDisplayTimer = setTimeout("hideItem()",iDelay)
}
}
function hideItem() {
if (oLastItem)
oLastItem.style.visibility="hidden"
}
function checkOver() {
if ((oLastItem) && (oLastItem.contains(event.srcElement))) {
stopTimer()
}
}
function checkOut() {
if (oLastItem==event.srcElement)
startTimer(event.srcElement)
}
document.onmouseclick = checkOver
document.onmouseout = checkOut
//-->
</SCRIPT>
<DIV ID="popup_schd<?=$j?>" onmouseout="startTimer(event.srcElement)" style="BORDER-RIGHT: #DFDFDF 1px solid; BORDER-TOP: #DFDFDF 1px solid; BORDER-LEFT: #DFDFDF 1px solid; BORDER-BOTTOM: #DFDFDF 1px solid; BACKGROUND-COLOR: #EEEEEE; FILTER: alpha(opacity=90); padding: 5 5 5 5; POSITION: absolute; width: 300px; top: -200px; visibility: hidden; Z-INDEX: 1; font-family: NanumGothicBoldWeb;">
<?
$cday = 1;
$cel_mon = sprintf("%02d",$month);
$sql_search = "";
if ($sca)
$sql_search = " and ca_name = '".mysql_real_escape_string($sca)."' ";
$query = "SELECT * FROM $write_table WHERE left(wr_link1,6) <= '$year$cel_mon' and left(wr_link2,6) >= '$year$cel_mon' $sql_search ORDER BY wr_id ASC";
$result = sql_query($query);
$j=0; // layer id
// 내용을 보여주는 부분
while ($row = mysql_fetch_array($result)) {
if( substr($row[wr_link1],0,6) < $year.$cel_mon ) {
$start_day =1;
$start_day= (int)$start_day;
} else {
$start_day = substr($row[wr_link1],6,2);
$start_day= (int)$start_day;
}
if( substr($row[wr_link2],0,6) > $year.$cel_mon ) {
$end_day = $lastday[$month];
$end_day= (int)$end_day;
} else {
$end_day = substr($row[wr_link2],6,2);
$end_day= (int)$end_day;
}
for ($i = $start_day ; $i <= $end_day; $i++) {
$j++; // layer ID
switch ($row[wr_3]) {
case 1 :
$html_day[$i].= "<br><img src='$board_skin_path/img/1.png' border=0 align=absmiddle>";
break;
case 2 :
$html_day[$i].= "<br><img src='$board_skin_path/img/2.png' border=0 align=absmiddle>";
break;
case 3 :
$html_day[$i].= "<br><img src='$board_skin_path/img/3.png' border=0 align=absmiddle>";
break;
case 4 :
$html_day[$i].= "<br><img src='$board_skin_path/img/4.png' border=0 align=absmiddle>";
break;
case 5 :
$html_day[$i].= "<br><img src='$board_skin_path/img/5.png' border=0 align=absmiddle>";
break;
case 6 :
$html_day[$i].= "<br><img src='$board_skin_path/img/6.png' border=0 align=absmiddle>";
break;
case 7 :
$html_day[$i].= "<br><img src='$board_skin_path/img/7.png' border=0 align=absmiddle>";
break;
case 8 :
$html_day[$i].= "<br><img src='$board_skin_path/img/8.png' border=0 align=absmiddle>";
break;
case 9 :
$html_day[$i].= "<br><img src='$board_skin_path/img/9.png' border=0 align=absmiddle>";
break;
case 10 :
$html_day[$i].= "<br><img src='$board_skin_path/img/10.png' border=0 align=absmiddle>";
break;
case 11 :
$html_day[$i].= "<br><img src='$board_skin_path/img/11.png' border=0 align=absmiddle>";
break;
default :
$html_day[$i].= "<br><img src='$board_skin_path/img/11.png' border=0 align=absmiddle>";
}
$html_day[$i].= "<a onmouseclick=\"showLayers('popup_schd".$j."')\" onmouseout=\"startTimer(this)\"
style='font-family:NanumGothicBoldWeb;'>["
.$row[ca_name]."]".$row[wr_subject]."</a>"."<br>"."\n";
?>
찾아보니 onmouseover를 onmouseclick으로 수정하면된다고 하더라고요
그래서 onmouseover가 들어가 있는 부분들을 모두 onmouseclick으로 입력했는데
클릭자체가 안됩니다
아래는 onmouse가 관련된 소스 입니다
답변 부탁드려요
<script language="JavaScript">
<!--
function namosw_goto_byselect(sel, targetstr)
{
var index = sel.selectedIndex;
if (sel.options[index].value != '') {
if (targetstr == 'blank') {
window.open(sel.options[index].value, 'win1');
} else {
var frameobj;
if (targetstr == '') targetstr = 'self';
if ((frameobj = eval(targetstr)) != null)
frameobj.location = sel.options[index].value;
}
}
}
// 레이어 뷰 스크립트
var iDelay = 80 // Delay to hide in milliseconds
var iNSWidth=250 // Default width for netscape
var sDisplayTimer = null, oLastItem
function getRealPosition(i,which) {
iPos = 0
while (i!=null) {
iPos += i["offset" + which]
i = i.offsetParent
}
return iPos
}
function showLayers(sDest,itop,ileft,iWidth) {
if (document.all!=null) {
var i = window.event.srcElement
stopTimer()
dest = document.all[sDest]
if ((oLastItem!=null) && (oLastItem!=dest))
hideItem()
if (dest) {
// Netscape Hack
if (i.offsetWidth==0)
if (iWidth)
i.offsetWidth=iWidth
else
i.offsetWidth=iNSWidth;
if (ileft)
dest.style.pixelLeft = ileft
else
dest.style.pixelLeft = getRealPosition(i,"Left") - 5 // 불러오는 메뉴 좌표
// dest.style.pixelLeft = getRealPosition(i,"Left") + i.offsetWidth *0.1 // 불러오는 메뉴 좌표
if (itop)
dest.style.pixelTop = itop
else
dest.style.pixelTop = getRealPosition(i,"Top") + 15 // 불러오는 메뉴 좌표
dest.style.visibility = "visible"
}
oLastItem = dest
}
}
function stopTimer() {
clearTimeout(sDisplayTimer)
}
function startTimer(el) {
if (!el.contains(event.toElement)) {
stopTimer()
sDisplayTimer = setTimeout("hideItem()",iDelay)
}
}
function hideItem() {
if (oLastItem)
oLastItem.style.visibility="hidden"
}
function checkOver() {
if ((oLastItem) && (oLastItem.contains(event.srcElement))) {
stopTimer()
}
}
function checkOut() {
if (oLastItem==event.srcElement)
startTimer(event.srcElement)
}
document.onmouseclick = checkOver
document.onmouseout = checkOut
//-->
</SCRIPT>
<DIV ID="popup_schd<?=$j?>" onmouseout="startTimer(event.srcElement)" style="BORDER-RIGHT: #DFDFDF 1px solid; BORDER-TOP: #DFDFDF 1px solid; BORDER-LEFT: #DFDFDF 1px solid; BORDER-BOTTOM: #DFDFDF 1px solid; BACKGROUND-COLOR: #EEEEEE; FILTER: alpha(opacity=90); padding: 5 5 5 5; POSITION: absolute; width: 300px; top: -200px; visibility: hidden; Z-INDEX: 1; font-family: NanumGothicBoldWeb;">
<?
$cday = 1;
$cel_mon = sprintf("%02d",$month);
$sql_search = "";
if ($sca)
$sql_search = " and ca_name = '".mysql_real_escape_string($sca)."' ";
$query = "SELECT * FROM $write_table WHERE left(wr_link1,6) <= '$year$cel_mon' and left(wr_link2,6) >= '$year$cel_mon' $sql_search ORDER BY wr_id ASC";
$result = sql_query($query);
$j=0; // layer id
// 내용을 보여주는 부분
while ($row = mysql_fetch_array($result)) {
if( substr($row[wr_link1],0,6) < $year.$cel_mon ) {
$start_day =1;
$start_day= (int)$start_day;
} else {
$start_day = substr($row[wr_link1],6,2);
$start_day= (int)$start_day;
}
if( substr($row[wr_link2],0,6) > $year.$cel_mon ) {
$end_day = $lastday[$month];
$end_day= (int)$end_day;
} else {
$end_day = substr($row[wr_link2],6,2);
$end_day= (int)$end_day;
}
for ($i = $start_day ; $i <= $end_day; $i++) {
$j++; // layer ID
switch ($row[wr_3]) {
case 1 :
$html_day[$i].= "<br><img src='$board_skin_path/img/1.png' border=0 align=absmiddle>";
break;
case 2 :
$html_day[$i].= "<br><img src='$board_skin_path/img/2.png' border=0 align=absmiddle>";
break;
case 3 :
$html_day[$i].= "<br><img src='$board_skin_path/img/3.png' border=0 align=absmiddle>";
break;
case 4 :
$html_day[$i].= "<br><img src='$board_skin_path/img/4.png' border=0 align=absmiddle>";
break;
case 5 :
$html_day[$i].= "<br><img src='$board_skin_path/img/5.png' border=0 align=absmiddle>";
break;
case 6 :
$html_day[$i].= "<br><img src='$board_skin_path/img/6.png' border=0 align=absmiddle>";
break;
case 7 :
$html_day[$i].= "<br><img src='$board_skin_path/img/7.png' border=0 align=absmiddle>";
break;
case 8 :
$html_day[$i].= "<br><img src='$board_skin_path/img/8.png' border=0 align=absmiddle>";
break;
case 9 :
$html_day[$i].= "<br><img src='$board_skin_path/img/9.png' border=0 align=absmiddle>";
break;
case 10 :
$html_day[$i].= "<br><img src='$board_skin_path/img/10.png' border=0 align=absmiddle>";
break;
case 11 :
$html_day[$i].= "<br><img src='$board_skin_path/img/11.png' border=0 align=absmiddle>";
break;
default :
$html_day[$i].= "<br><img src='$board_skin_path/img/11.png' border=0 align=absmiddle>";
}
$html_day[$i].= "<a onmouseclick=\"showLayers('popup_schd".$j."')\" onmouseout=\"startTimer(this)\"
style='font-family:NanumGothicBoldWeb;'>["
.$row[ca_name]."]".$row[wr_subject]."</a>"."<br>"."\n";
?>
댓글 전체
onclick

onclick이었군요 ㅋㅋ 감사합니다
http://sir.co.kr/bbs/board.php?bo_table=pg_tip&wr_id=12306
이벤트핸들러 부분 참고해보세요~
이벤트핸들러 부분 참고해보세요~