X

만성투덜로그


제이쿼리로 IE7,8에서 nth-child사용하기

IE7과 8에서는 CSS3셀렉터인 nth-child가 지원되지 않아 사용할 수 없다. 이럴 때 제이퀴리를 이용


하여 아래와 같이 간단하게 nth-child를 사용할 수 있으며, odd는 홀수, even은 짝수행을 나타낸다.

 

부트스트랩 3.X버전에서 테이블의 table-striped사용시 IE7/8에도 적용하기 위하여 사용한다.


<script type="text/javascript">

  jQuery(function($){

    $('tbody>tr:nth-child(odd)').css('background','#f9f9f9');

  });

</script>

Posted by 만성투덜

2014/02/11 14:42 2014/02/11 14:42
, , , , ,
Response
받은 트랙백이 없고 , 댓글이 없습니다.
RSS :
http://www.nfriend.net/nf_tc/rss/response/75

[jquery] 다중폼에서 submit폼 확인

한 페이지 내에 여러개의 폼이 사용될 때, 개개의 폼에 onsubmit을 하는 것보다는 아래와 같은 방

법으로 submit된 폼을 확인하여 액션을 주거나 폼체크등을 할 수 있다.

아래의 예는 submit이 일어난 폼의 데이터를 ajax로 전송할 수 있도록 직렬화 하는 예로 아래의

예에 ajax 관련 코드만 추가구현하면 된다.



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <script type="text/javascript">
$(document).ready(function(){
$('form').submit(function(){
  var $data = $(this).serialize();
                  // ajax관련 코드 구현
  return true;

});

});
  </script>

</head>
<body>
<form id="test1" name="test1" action="./test1.php" method="post">

<input type="text" name="test_1" id="test_1" />

        <input type="password" name="passwd" id="passwd" />

<button type="submit">LOGIN</button>
</form>

<form id="test2" name="test2" action="./test2.php" method="post">

<input type="text" name="test_2" id="test_2" />

        <input type="password" name="passwd" id="passwd" />

<button type="submit">LOGIN</button>
</form>
</body>

</html>

Posted by 만성투덜

2014/01/22 19:04 2014/01/22 19:04
, , , , , ,
Response
받은 트랙백이 없고 , 댓글이 없습니다.
RSS :
http://www.nfriend.net/nf_tc/rss/response/72


블로그 이미지

- 만성투덜

Notices

Archives

Recent Trackbacks

Calendar

«   2017/06   »
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30  

Site Stats

Total hits:
2072051
Today:
3591
Yesterday:
7255