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 http://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  CalendarCalendar  NhómNhóm  Đăng kýĐăng ký  Đăng Nhập  
Top posters
LGD-IT
 
handsomecat
 
huynhtamhao
 
hieni12a89
 
QuyAi(I12A)
 
thanganhpc
 
tranvanthien.p6
 
kevindng
 
ducanh0110
 
JHao
 
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? Fri May 22, 2015 5:20 pm
Cho quá khứ một cơ hội Mon May 18, 2015 5:02 pm
Khoảng cách mong manh Sat May 16, 2015 5:07 pm
Ba không phải là má Sat May 09, 2015 4:45 pm
Yêu xa, rất cần một tin nhắn … Mon May 04, 2015 4:35 pm
Bài học cả đời Wed Apr 22, 2015 4:20 pm
Nụ cười của mẹ Mon Apr 20, 2015 4:51 pm
[ Truyện Ngắn ] BỐ Fri Apr 17, 2015 5:12 pm
Đời còn nhiều nắng gió con à! Sat Apr 11, 2015 5:15 pm
Ngày nghỉ của đàn ông Sat Apr 04, 2015 5:11 pm
Mỗi ngày là một ngày đặc biệt Mon Mar 30, 2015 5:18 pm
Hãy cứ khóc nếu em thấy tuyệt vọng Wed Mar 25, 2015 4:47 pm
[Truyện ngắn] ĐIỀU GIẢN DỊ Sat Mar 21, 2015 5:07 pm
Viết về nỗi sợ Thu Mar 19, 2015 5:01 pm
[Truyện ngắn ] LÒNG ÁI QUỐC Thu 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
avatar


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

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


Ý 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
Xem lý lịch thành viên
handsomecat
Thành Viên Cấp 5

Thành Viên Cấp 5
avatar


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

Bài gửiTiêu đề: Re: Bro nào giúp mình code jquery bài này với!   Thu 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
Xem lý lịch thành viên
kevindng
Thành Viên Cấp 4

Thành Viên Cấp 4
avatar


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

Bài gửiTiêu đề: Re: Bro nào giúp mình code jquery bài này với!   Thu 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
Xem lý lịch thành viên
MrGa
Thành Viên Cấp 1

Thành Viên Cấp 1
avatar


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

Bài gửiTiêu đề: Re: Bro nào giúp mình code jquery bài này với!   Thu 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
Xem lý lịch thành viên
Sponsored content




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

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

-
» Chia Sẻ 1 số CODE hay
» [Share] CODE GET LINK NHẠC TỪ SOUNDCLOUD BẰNG PHP
» Share code web mạng xã hội gần giống Facebook (phpFox)
» [Share] code làm web phim - MTDb – Streaming Plugin – Cập nhập 11.10
» tivi belco cần giúp

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