javascript 레이어 탭메뉴 펑션

Posted by 비회원 프로그래밍/Javascript : 2010.11.08 15:19


사용법 menu_layer_func('레이어명','갯수','보여질거숫자')

<style>
 .hov{cursor:hand;}
</style>
<script>
 function menu_layer_func(menu,end,view){
  for(i=1;i<=end;i++){
   document.getElementById(menu+i).style.display="none";
  }
  document.getElementById(menu+view).style.display="block";
 }
</script>

<span onmouseover="menu_layer_func('layer',3,1)" class="hov">타이틀1</span>
<span onmouseover="menu_layer_func('layer',3,2)" class="hov">타이틀2</span>
<span onmouseover="menu_layer_func('layer',3,3)" class="hov">타이틀3</span>

<div id="layer1" style="display:block;">
 내용1
</div>
<div id="layer2" style="display:none;">
 내용2
</div>
<div id="layer3" style="display:none;">
 내용3
</div>

신고

댓글을 달아 주세요

방금 일하다 짠 소슨데

전체체크 클릭시 확인을 누르면 해당 라인이 전체 선택되고

다시 한번 클릭하고 확인을 누르면 해당라인이 전체 체크해제 된다.

라인이 아래와 같이 일렬로 되어있는 출석부나, 납부내역 같은 걸 사용할때 유용하게 쓰일득.

script로 해도 충분히 가능한건데..
jquery의 selector 사용에 익숙해져보려고 억지로 짜맞춘ㅋㅋㅋㅋㅋㅋㅋㅋㅋ

input[name='all_chk_month'] 는 input 타입 중 name 값이 all_chk_month 인것을 말하는것이고

$(this).attr("checked") 은 클릭한것의 속성값 중 checked 값을 검사하는건데

아래와 같이 하게되면
if($(this).attr("checked") ){    --> 이부분에서 checked == true 인거냐고 자동적으로 해석하게 된다.
 //결과
}

var frm=$(this).val();    는 내가 전체체크 대상의 value 값을 해당라인 폼 이름값으로 잡아놔서 frm으로 잡은거고

$("."+frm).attr("checked","");    는 나머지 쩌리 체크박스들의 class 를 폼이름으로 잡았기 때문에

해당 전체체크박스에 속해있는 하부 체크박스들 중 class가 폼이름과 같은것만 checked를 false 로 만들어주는것임.



<script>
 $(document).ready(function(){
  $("input[name='all_chk_month']").click(function(){
   var frm=$(this).val();

   if($(this).attr("checked")){
    if(confirm("확인을 누르면 해당라인이\n전체 선택 됩니다.")){
     $("."+frm).attr("checked","checked");
    }else{
     $(this).attr("checked","");
    }
    //alert($(this).val()+' is checked');
   }else{
    if(confirm("확인을 누르면 해당라인이\n선택 취소 됩니다.")){
     $("."+frm).attr("checked","");
    }else{
     $(this).attr("checked","checked");
    }
   }
  });
 });
</script>



      <form name="edit_frm_<?=$i?>" action="in_list_excute.php?<?=$code_var?>" method="post">
      <input type="hidden" name="exe_code" value="edit_ok">
      <input type="hidden" name="no" value="<?=$row_list[idx]?>">
       <tr height="30" bgcolor="<?=$bgcolor?>">
      <td align="center" valign="middle">
       <?=$name?>
       <input type="checkbox" name="all_chk_month" value="edit_frm_<?=$i?>">
      </td>
       <?for($j=1;$j<=12;$j++){?>
        <td align="center" valign="middle">
        <?=$total_month_span[$j]?>
         <input type="checkbox" name="month<?=$j?>" value="Y" <?=$total_month_chk[$j]?> class="edit_frm_<?=$i?>">
         <!--
         <?=$total_month[$j]?>
         -->
        <?=$end_span?></td>
       <?}?>
      <td align="center" valign="middle">
       <input type="image" src="../images/button/modify.gif"></a>
       <a href="javascript:del_function('<?=$code_var?>', <?=$idx?>, <?=$page?>)"><img src="../images/button/delete.gif"></a>
      </td>
       </tr>
      </form>

신고

댓글을 달아 주세요


checkstate 값이 true 인 경우에는 저장중이라는 멘트 출력 되게 적용하는 방식이다.

이는 이미지에 submit 이나 다른 속성이 아닌

<a href="javascript:checkform()" onFocus="this.blur();"> 를 통하여

펑션을 실행해 주어야 정상적으로 작동한다.



var checkState = false;

function checkform(){ 
 if (checkState){
  alert("저장중입니다 잠시 기다려 주세요.");
  return;
 }else{
  checkState = true;
 }
}

신고

댓글을 달아 주세요


<a href="javascript:opener.document.location.href='이동할 경로';window.close();" ><img src='1.jpg' border=0></a>
신고

댓글을 달아 주세요

<html>
<head>

<SCRIPT LANGUAGE="JavaScript">

<!--
function viewPic(img){
  foto1= new Image();
  foto1.src=(img);
  contImg(img);
}
function contImg(img){
  if((foto1.width!=0)&&(foto1.height!=0)){
    viewImg(img);
  }
  else{
    funzione="contImg('"+img+"')";
    intervallo=setTimeout(funzione,20);
  }
}
function viewImg(img){
  largh=foto1.width+20;
  altez=foto1.height+20;
  stringa="width="+largh+",height="+altez;
  finestra=window.open(img,"",stringa);
}
// -->
</script>

</HEAD>

<BODY>
<table border=0 width=300 align=center bgColor=#cc9966>
<TR bgColor=lightyellow>
<TD align=center>

<!----- 원하는 위치에 아래와 같이 코드를 붙여 넣습니다 ---->

<A HREF="javascript:viewPic('http://mem.anyhost.co.kr/images/left/anylogo.gif')" BORDER="0">
<IMG SRC='http://mem.anyhost.co.kr/images/left/anylogo.gif' BORDER="0"></A>
</TD>

</body>
</html>

신고

댓글을 달아 주세요

javascript confirm 사용법.

Posted by 비회원 프로그래밍/Javascript : 2010.03.25 17:21

function answer_func(idx){
 if(confirm("정말 삭제 하시겠 습니까?")){
  location.href="../noti/sub_del.php?uid="+idx;
 }
}

사용시에는 answer_func(1);

이런식으로 하면 del 페이지에서 uid값 검사해서 삭제해준다.
신고

댓글을 달아 주세요

 «이전 1  다음»