lovelytney

jquery : $(this).index();

$(document).on("click","[name=fnGoInsert]", function(){
	//alert($(this).index());
	alert($("[name=fnGoInsert]").index(this));
});  

javascript :

	function fnGoInsert(){
			var form = document.querySelectorAll('form');

			function btn_click(idx){
				form[idx].onclick = function(){
			        console.log(idx);
			    };
			}

			for(var i=0; i<form.length; i++){
			  btn_click(i);  
			}
     }

or

	   if(confirm("등록하시겠습니까?")){
				[].forEach.call(document.querySelectorAll('form'), function(el) {
					el.addEventListener('click', function() {
							var index = getElementIndex(document.querySelectorAll('form'), el);
							var formObj = $("form[role='form']")[index-1];
			 				formObj.submit();
					});
				});
			}			
		}
		
		function getElementIndex(element, range) {
		  if (!!range) return [].indexOf.call(element, range);
		  return [].indexOf.call(element.parentNode.children, element);
		}
		

var tabSubMenu = $("#manpTabList div");
tabSubMenu.hide();
tabSubMenu.eq(0).show();

$('.tabmenu').click(function() {
  var idx = $(".tabmenu").index($(this));
  tabSubMenu.hide();
  tabSubMenu.eq(idx).show();
});
tabSubMenu.eq(0).show();		

<div id="tabMenu">
  <ul class="tab">
    <li class='tabmenu' id="default"><a href="#">탭메뉴1</a></li>
    <li class='tabmenu'><a href="#">탭메뉴2</a></li>
    <li class='tabmenu'><a href="#">탭메뉴3</a></li>
  </ul>
</div>
<div id="manpTabList">	
  <div id="tab1"></div>
  <div id="tab2"></div>
  <div id="tab3"></div>
</div>

/test/insertTabMain.jsp

<style>
	.tab li {
		float: left;
		display: inline-block;
		color: #000;
		text-align: center;
		text-decoration: none;
		padding: 14px 16px;
		font-size: 15px;
	}
</style>

<script type="text/javascript">
//<![CDATA[
	$(function(){
		// tab operation 
		$('.tabmenu').click(function() {
			var activeTab = $(this).attr('data-tab');
			$('.content').load(activeTab+'.do');  
		});
       		$('#default').click(); 
	});				
	
//]]>
</script>
	
<ul class="tab">
		<li data-tab="insertFormTab1Url" class='tabmenu' id="default"><a href="#">탭메뉴1</a></li>
		<li data-tab="insertFormTab2Url" class='tabmenu'><a href="#">탭메뉴2</a></li>
		<li data-tab="insertFormTab3Url" class='tabmenu'><a href="#">탭메뉴3</a></li>
</ul>
		
<div class="content"></div>

/test/insertFormTab1Url.jsp, /test/insertFormTab2Url.jsp, /test/insertFormTab3Url.jsp

<div>
	보여줄 내용
</div>

/test/web/TabTestController.java

@Resource(name = "tabTestService")
 private TabTestService tabTestService;
	
private String sub = "";

//메인 화면
@RequestMapping(value="/test/insertTabMain.do")
public String insertTabMain(HttpServletRequest request, HttpServletResponse response, ModelMap model, SessionStatus status) throws Exception {			
	return "test/insertTabMain";
}
	
//서브 화면
@RequestMapping(value="/test/{url}")
public String insertTabUrl(HttpServletRequest request, HttpServletResponse response, ModelMap model, SessionStatus status, @PathVariable("url") String url) throws Exception {
	sub = url.replace("insertForm", "");
	sub = sub.substring(0,sub.indexOf("Mgt"));
	return "test/"+url;
}

//서브 화면에서 저장시
@RequestMapping(value="/test/insertFormSave.do")
	public String insertFormSave(HttpServletRequest request, HttpServletResponse response, ModelMap model, SessionStatus status) throws Exception {

		DataMap param = new DataMap();

        String sub = pageUrl.replace("Form", "").replace("insert", "");
		param.put("sub", sub);
		tabTestService.insertTabUrl(param);		
		model.addAttribute("param", param);
		
        //return "redirect:/test/selectList"+sub+".do";
        return "redirect:/test/selectListTabMain.do";
		
	}

/test/service/TabTestServiceImpl.java

@Override
public void insertTabUrl(DataMap param) throws Exception {
	String sub = param.getString("sub");
	sub = "insert".concat(sub);
	commonMybatisDao.update(sub,param);
}

/test/TabTest_SQL.xml

<mapper namespace="test">
<update id="insertTab1" parameterType="dataMap">
  <selectKey keyProperty="seqno_seq" resultType="int" order="BEFORE">
	 SELECT NVL(MAX(SEQ), 0) +1 FROM TB_TEST
  </selectKey>
   /*  test.TB_TEST */
   MERGE INTO TB_TEST A
	USING DUAL
   ON (A.SEQ = #{seqno, jdbcType=VARCHAR})
   WHEN MATCHED THEN 
   UPDATE SET 
   A.UPDT_DT = sysdate
   WHEN NOT MATCHED THEN
	INSERT(
		SEQ,
		REGIST_DT
	) VALUES (
		 #{seqno_seq, jdbcType=VARCHAR}
		,sysdate
		)
</update>

<update id="insertTab2" parameterType="dataMap">
</update>	
<update id="insertTab3" parameterType="dataMap">
</update>