Bro nào giúp mình code jquery bài này với!
Hãy đăng ký tài khoản tại https://i12a.forumvi.com để download tài liệu và đề thi.

Tài khoản đăng ký không cần kích hoạt.

Chúc các bạn học tập tốt Smile
Hãy đăng ký tài khoản tại https://i12a.forumvi.com để download tài liệu và đề thi.

Tài khoản đăng ký không cần kích hoạt.

Chúc các bạn học tập tốt Smile


Forum lớp I12A Đại Học Mở TPHCM
 
Trang ChínhTrang Chính  Latest imagesLatest images  Đăng kýĐăng ký  Đăng Nhập  
Top posters
LGD-IT
Bro nào giúp mình code jquery bài này với! Vote_lcapBro nào giúp mình code jquery bài này với! Voting_barBro nào giúp mình code jquery bài này với! Vote_rcap 
handsomecat
Bro nào giúp mình code jquery bài này với! Vote_lcapBro nào giúp mình code jquery bài này với! Voting_barBro nào giúp mình code jquery bài này với! Vote_rcap 
huynhtamhao
Bro nào giúp mình code jquery bài này với! Vote_lcapBro nào giúp mình code jquery bài này với! Voting_barBro nào giúp mình code jquery bài này với! Vote_rcap 
hieni12a89
Bro nào giúp mình code jquery bài này với! Vote_lcapBro nào giúp mình code jquery bài này với! Voting_barBro nào giúp mình code jquery bài này với! Vote_rcap 
QuyAi(I12A)
Bro nào giúp mình code jquery bài này với! Vote_lcapBro nào giúp mình code jquery bài này với! Voting_barBro nào giúp mình code jquery bài này với! Vote_rcap 
thanganhpc
Bro nào giúp mình code jquery bài này với! Vote_lcapBro nào giúp mình code jquery bài này với! Voting_barBro nào giúp mình code jquery bài này với! Vote_rcap 
tranvanthien.p6
Bro nào giúp mình code jquery bài này với! Vote_lcapBro nào giúp mình code jquery bài này với! Voting_barBro nào giúp mình code jquery bài này với! Vote_rcap 
kevindng
Bro nào giúp mình code jquery bài này với! Vote_lcapBro nào giúp mình code jquery bài này với! Voting_barBro nào giúp mình code jquery bài này với! Vote_rcap 
ducanh0110
Bro nào giúp mình code jquery bài này với! Vote_lcapBro nào giúp mình code jquery bài này với! Voting_barBro nào giúp mình code jquery bài này với! Vote_rcap 
JHao
Bro nào giúp mình code jquery bài này với! Vote_lcapBro nào giúp mình code jquery bài này với! Voting_barBro nào giúp mình code jquery bài này với! Vote_rcap 
Thống Kê Bài Viết
Bài gửiNgười gửiThời gian
Bạn có sợ cảm giác bị bỏ lại một mình không? Bro nào giúp mình code jquery bài này với! AlarmvFri May 22, 2015 5:20 pm
Cho quá khứ một cơ hội Bro nào giúp mình code jquery bài này với! AlarmvMon May 18, 2015 5:02 pm
Khoảng cách mong manh Bro nào giúp mình code jquery bài này với! AlarmvSat May 16, 2015 5:07 pm
Ba không phải là má Bro nào giúp mình code jquery bài này với! AlarmvSat May 09, 2015 4:45 pm
Yêu xa, rất cần một tin nhắn … Bro nào giúp mình code jquery bài này với! AlarmvMon May 04, 2015 4:35 pm
Bài học cả đời Bro nào giúp mình code jquery bài này với! AlarmvWed Apr 22, 2015 4:20 pm
Nụ cười của mẹ Bro nào giúp mình code jquery bài này với! AlarmvMon Apr 20, 2015 4:51 pm
[ Truyện Ngắn ] BỐ Bro nào giúp mình code jquery bài này với! AlarmvFri Apr 17, 2015 5:12 pm
Đời còn nhiều nắng gió con à! Bro nào giúp mình code jquery bài này với! AlarmvSat Apr 11, 2015 5:15 pm
Ngày nghỉ của đàn ông Bro nào giúp mình code jquery bài này với! AlarmvSat Apr 04, 2015 5:11 pm
Mỗi ngày là một ngày đặc biệt Bro nào giúp mình code jquery bài này với! AlarmvMon Mar 30, 2015 5:18 pm
Hãy cứ khóc nếu em thấy tuyệt vọng Bro nào giúp mình code jquery bài này với! AlarmvWed Mar 25, 2015 4:47 pm
[Truyện ngắn] ĐIỀU GIẢN DỊ Bro nào giúp mình code jquery bài này với! AlarmvSat Mar 21, 2015 5:07 pm
Viết về nỗi sợ Bro nào giúp mình code jquery bài này với! AlarmvThu Mar 19, 2015 5:01 pm
[Truyện ngắn ] LÒNG ÁI QUỐC Bro nào giúp mình code jquery bài này với! AlarmvThu Mar 12, 2015 5:04 pm


Share
 

 Bro nào giúp mình code jquery bài này với!

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down 
Tác giảThông điệp
MrGa
Thành Viên Cấp 1

Thành Viên Cấp 1
MrGa


Tổng số bài gửi : 17
Số lần được thanks : 0
Join date : 12/03/2012

Bro nào giúp mình code jquery bài này với! Empty
Bài gửiTiêu đề: Bro nào giúp mình code jquery bài này với!   Bro nào giúp mình code jquery bài này với! EmptyWed Jun 13, 2012 11:02 pm

Bro nào giúp mình code jquery bài này với! 1

Ý tưởng là khi mình del 1 dòng bên trên thì nó sẽ nhảy xuống bảng bên dưới, ngược lại nhấn vào add bên dưới thì nó nhảy lên bảng bên trên.

Mình đã copy dc [tr] của dòng muốn del để add xuống bảng dưới và đổi được class cũng như hình của nút add và remove của dòng [tr] đó để chuyển xuống dưới. Nhưng ko hiểu bị lỗi gì mà khi nó nhảy xuống dưới thì mình click để nhảy lên lại ko dc.

Bạn nào giúp mình với, mình gửi code bên dưới các bạn down về sửa dùm nhé! Thanks, Chúc các bạn thi tốt môn cuối ^^!


Đã fix được, sorry and closed ^^!
Về Đầu Trang Go down
handsomecat
Thành Viên Cấp 5

Thành Viên Cấp 5
handsomecat


Tổng số bài gửi : 179
Số lần được thanks : 4
Join date : 20/03/2012

Bro nào giúp mình code jquery bài này với! Empty
Bài gửiTiêu đề: Re: Bro nào giúp mình code jquery bài này với!   Bro nào giúp mình code jquery bài này với! EmptyThu Jun 14, 2012 2:55 pm

Fix được thì nói cách sửa ra cho anh em tham khảo. Khi bạn ko biết, bạn hỏi người khác. Còn khi biết rồi thì giử nó cho riêng mình ko chia sẻ cho ai. Chán.
Về Đầu Trang Go down
kevindng
Thành Viên Cấp 4

Thành Viên Cấp 4
kevindng


Tổng số bài gửi : 87
Số lần được thanks : 8
Join date : 15/04/2012

Bro nào giúp mình code jquery bài này với! Empty
Bài gửiTiêu đề: Re: Bro nào giúp mình code jquery bài này với!   Bro nào giúp mình code jquery bài này với! EmptyThu Jun 14, 2012 5:47 pm

dùng hàm on để raise event cho element mới tạo ờ bảng dưới

Code:

<html>
<head>
   <title></title>
   <script type="text/javascript" src="jquery.js"></script>
   <script type="text/javascript" >
      $('document').ready(function(){
         $('a.remove').live('click',function(e){
            e.preventDefault();
            var content = $(this).parent().parent();
            content.remove();
            $('#tab2 tr:last').after(content);
            $('#tab2 a.remove').removeClass('remove').addClass('add').text('add');
         });
      })
      $('document').ready(function(){
         $('a.add').live('click',function(e){
            e.preventDefault();
            alert('aaa');
            var content = $(this).parent().parent();
            content.remove();
            $('#tab1 tr:last').after(content);
            $('#tab1 a.remove').removeClass('add').addClass('remove').text('remove');
         });
      })
   </script>
</head>
<body>
   <div id="table1">
      <table   id="tab1" border="1">
         <tr>
            <td>Col 1</td>
            <td>Col 2</td>
         </tr>
         <tr>
            <td>a</td>
            <td><a href="#" class="remove">remove</a></td>
         </tr>
         <tr>
            <td>b</td>
            <td><a href="#" class="remove">remove</a></td>
         </tr>
      </table>
   </div>
   
   <div id="table1">
      <table   id="tab2" border="1">
         <tr>
            <td>Col 1</td>
            <td>Col 2</td>
         </tr>
         <tr>
            <td>c</td>
            <td><a href="#" class="add">add</a></td>
         </tr>
         <tr>
            <td>d</td>
            <td><a href="#" class="add">add</a></td>
         </tr>
      </table>
   </div>
</body>
</html>
Về Đầu Trang Go down
MrGa
Thành Viên Cấp 1

Thành Viên Cấp 1
MrGa


Tổng số bài gửi : 17
Số lần được thanks : 0
Join date : 12/03/2012

Bro nào giúp mình code jquery bài này với! Empty
Bài gửiTiêu đề: Re: Bro nào giúp mình code jquery bài này với!   Bro nào giúp mình code jquery bài này với! EmptyThu Jun 14, 2012 11:11 pm

handsomecat đã viết:
Fix được thì nói cách sửa ra cho anh em tham khảo. Khi bạn ko biết, bạn hỏi người khác. Còn khi biết rồi thì giử nó cho riêng mình ko chia sẻ cho ai. Chán.

Nóng thế bạn, bạn cần thì mình share ngay.


kevindng đã viết:
dùng hàm on để raise event cho element mới tạo ờ bảng dưới

Code:

<html>
<head>
   <title></title>
   <script type="text/javascript" src="jquery.js"></script>
   <script type="text/javascript" >
      $('document').ready(function(){
         $('a.remove').live('click',function(e){
            e.preventDefault();
            var content = $(this).parent().parent();
            content.remove();
            $('#tab2 tr:last').after(content);
            $('#tab2 a.remove').removeClass('remove').addClass('add').text('add');
         });
      })
      $('document').ready(function(){
         $('a.add').live('click',function(e){
            e.preventDefault();
            alert('aaa');
            var content = $(this).parent().parent();
            content.remove();
            $('#tab1 tr:last').after(content);
            $('#tab1 a.remove').removeClass('add').addClass('remove').text('remove');
         });
      })
   </script>
</head>
<body>
   <div id="table1">
      <table   id="tab1" border="1">
         <tr>
            <td>Col 1</td>
            <td>Col 2</td>
         </tr>
         <tr>
            <td>a</td>
            <td><a href="#" class="remove">remove</a></td>
         </tr>
         <tr>
            <td>b</td>
            <td><a href="#" class="remove">remove</a></td>
         </tr>
      </table>
   </div>
   
   <div id="table1">
      <table   id="tab2" border="1">
         <tr>
            <td>Col 1</td>
            <td>Col 2</td>
         </tr>
         <tr>
            <td>c</td>
            <td><a href="#" class="add">add</a></td>
         </tr>
         <tr>
            <td>d</td>
            <td><a href="#" class="add">add</a></td>
         </tr>
      </table>
   </div>
</body>
</html>

Thanks kevindng, code của bạn đúng, nhưng nó bị vướng lỗi nhấn add lên lại thì nó không đổi class và text thành remove. Lúc đầu mình cũng bị vậy sửa một hồi thì đổi class dc nhưng click ko dc.

Đây là code mình đã fix, nói chung cũng tự mò bên jquery nên code ko biết có chuẩn không. Mình share link mediafire các bạn down về tham khảo nếu có cách khác hay và gọn hơn thì gửi lên mọi người cùng học hỏi Rolling Eyes


Link down:
Code:
http://www.mediafire.com/?m8o7va46va39ld7
Về Đầu Trang Go down
Sponsored content




Bro nào giúp mình code jquery bài này với! Empty
Bài gửiTiêu đề: Re: Bro nào giúp mình code jquery bài này với!   Bro nào giúp mình code jquery bài này với! Empty

Về Đầu Trang Go down
 

Bro nào giúp mình code jquery bài này với!

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang 
Trang 1 trong tổng số 1 trang

 Similar topics

-
» Cả nhà xem giúp mình câu này với! Nếu có gì sai bổ sung giúp mình nha. Cảm ơn cả nhà nhiều.
» Mọi người sửa giúp
» Giúp mình với nào?
» Chi giup minh cach thiet lap voi proxy trong web service voi!!!
» ngày 12/05 có 1 bạn gái hỏi mình về phần trigger thầy khải ! mình về tìm lại được mà chả biết bạn đó tên gì ! thôi gữi lên trên đây ai cần thì lấy nha !

Permissions in this forum:Bạn không có quyền trả lời bài viết
 :: CÁC MÔN CHUNG :: Hệ Thống Web-
Bản quyền thuộc về Lớp I12A Trường Đại Học Mở TPHCM