post image

jQuery, MySQL và PHP

Trong bài này Clackken Smith sẽ giới thiệu với bạn sơ qua về jQuery selector và có thêm thông tin về PHP rất bổ ích. Bài này cũng yêu cầu bạn phải có kiến thức nhất định về PHP và jQuery. Đây là tutorial thứ hai, nhưng Clackken Smith đã tiến bộ rất nhiều so với tutorial lần đầu tiên. Tuy còn hơi run run nhưng chất lượng cũng như đề tài mà Clacken Smith đưa ra rất thú vị.

Cùng nhau chào đón tutorial thứ 2 của Clackken Smith. Hy vọng các bạn cũng sẽ có những đóng góp tương tự để trang web thêm phong phú.

Thời lượng: 41:30

Download định dạng .avi chất lượng cao: MediaFire

[flashvideo file="http://www.izwebz.com/wp-content/uploads/2009/08/videos/jQuery_selector.flv /]

«

»

30 Comments

( Comment bài này )
  1. cuong it says:

    thanks very much.

  2. Lê văn An says:

    Anh Clackken.smith ơi sao của em ko load anh ra đc nhỉ? Làm sao để cho hình ảnh vào CSDL ma khi load ra no hien thế em làm mãi mà không đc.

  3. Thanh Tùng says:

    Tại sao em lại ko thấy video vậy anh
    link mff load ko dc
    [flashvideo file="http://www.izwebz.com/wp-content/uploads/2009/08/videos/jQuery_selector.flv /]

  4. Ho Ngoc Thang says:

    Hình như dạo nào izwebz có lỗi về code post video thì phải. mình chỉ thấy link chứ k thấy video form. :|

  5. sao dạo này trang web của bạn có vẻ yên bình vậy?Mình ko thấy bài mới.Thân!

    • Không phải chứ bạn? Tôi duy trì lịch post là hai bài vào thứ 2 và thứ 6 hàng tuần. Tôi nghĩ mỗi tuần 2 video hoặc 2 bài post là cũng khá nhiều kiến thức phải học rồi. Còn nếu bạn muốn ngày nào cũng có bài mới thì chắc không thể được với “lực lượng” người post mỏng như hiện nay. Mà cho dù có người post, tôi nghĩ mỗi ngày một video là quá tải :D

  6. hungxd2992 says:

    a cho em hỏi làm sao để load một trang html vào bên trong thẻ div dùng Ajax hoặc jQuery cảm ơn anh

  7. sade says:

    a noi chuyen de thuong wa

  8. tuanngoc says:

    cám ơn anh nha!

  9. lỗi gì đâu bạn nhỉ ^^

  10. tuanngoc says:

    video bị lỗi rồi anh à.anh có thể chỉnh lại được không anh?anh ơi!anh có thể cho em download đoạn này về được không anh.em đang cần lắm anh à.
    cám ơn anh!

    • tuanngoc says:

      à.hồi này em đang xem thì nó bị đen thui à.em mở đi mở lại mấy lần cũng bị vậy anh à. Nhưng mà giờ thì nó không bị nữa. Em cũng hông hiểu tại sao lun. ^ ^.à anh ơi!anh cho em download video về đươc không anh?

      • Daniel says:

        Video này nếu bạn xem Jetaudio thì bị đen thui chỉ có giọng nói thôi à ^^ trước mình cũng từng bị vậy. Anh DW có tư vấn cho dùng phần mềm VLC Media Player,bạn thử dùng xem nhé !

  11. someone says:

    cám ơn bạn

  12. Baythieugia says:

    Cảm ơn anh rất nhiều về những đóng góp chia sẻ cho mọi người. Rất hay và bổ ích

  13. duylun14 says:

    Cảm ơn anh về bài Tut, hy vọng a sẽ sớm cho ra nhìu bài về PHP đc kô ạ? Cảm ơn a rất nhìu.

  14. danienloc says:

    Tôi nghĩ đây là một trang web khá hay và khá thiết thực ! Cảm ơn các bạn rất nhiều về những bài Tut ! Tôi luôn ủng hộ các bạn ^^

  15. DW ơi ! Anh có thể làm một tutorial về cách làm trang trắc nghiệm trực tuyến nhiều lựa chọn không ? Em cũng có 1 cách nhưng rối lắm anh ạ !
    Chờ phản hồi của anh !

  16. shrimp2t says:

    “HẾ lô” BÁC Demon Warlock , Clackken.smith và mọi người Mọi người! Đây đúng là 1 website tuyệt vời , Rất bổ ich cho những người mới như Em. Các vide hướng dẫn rất chi tiết, cụ thể, xem xong là có thể “xơi” được luân .Ước gì Em biết được site này sớm hơn nhỉ :D Thanks Các Bác rất nhiều ! Mong rằng các Bác tiếp tục ra thêm các video hướng dẫn hay và bổ ích tiếp theo Thanks thêm lần nữa :D

  17. @Nguyen thanh Chung: Đúng như Clackken Smith nói đây là nơi chúng ta chia sẻ và học hỏi. Do vậy khi Clackken đã bỏ thời gian, công sức của mình để làm tut hướng dẫn cho bạn. Thì bạn cũng nên động viên khích lệ bạn đó chứ.

    Hơn nữa đây cũng chỉ là tut thứ 2 của Clackken trên trang web cho nên không tránh khỏi những chỗ chưa nhuần nhuyễn. Nhưng chủ yếu là kiến thức trong video rất hay và có ích cho những ai học làm web.

  18. @nguyen thanh trung : Chào bạn, theo những gì bạn viết comment thì mình thấy có lẽ bạn là người của tiêu chuẩn muốn nghiêm chỉnh. Mình xin đính chính cho bạn một điều, mình ko phải là chủ Izwebz.com và thực chất đây cũng ko phải là một trang học hành tốn phí, đây chỉ là chia sẻ những kinh nghiệm. Bản thân mình cũng chỉ là một người thường, một PHP Programer bình thường, chuyện mình nói chuyện chuối thì cũng có lẽ thế, nhưng mình cũng chẳng ngại khi hướng dẫn cho các bạn. Nếu bạn có giọng đọc tốt hơn mình, ko chuối thì bạn có thể thực hiện các tut để hướng dẫn cho các bạn khác nhé. cám ơn bạn đã có ý kiến, mình sẽ cố gắng ăn hết trái chuối này , ha ha

  19. nguyen thanh trung says:

    bài rất hay,nhưng bạn nói hơi chuối,bạn cứ nói tự nhiên đi,đừng có pha trò thêm vào thì hay hơn
    sorry đã nhân xét

  20. @Trần Mạnh Tùng : Uhm cũng có thể như vậy, như trong tutorial mình đã nói, mình cũng mới chỉ học hỏi DW một ít về CSS mà thôi nên sẽ có nhiều chỗ còn bị vấp. Nhưng trong bài này mình đặt DIV là có chủ đích, nó sẽ có ích trong bài sau này khi mình hướng dẫn về Ajax trong add sản phẩm. Cám ơn bạn đã có ý kiến hiiii

  21. thiểu mất, DW có thể cho thêm button Edit được không, sai không biết làm sao sửa

  22. Rất hay và căn bản cho một cái nhìn về web động

    Hình như bạn dùng hơi nhiều thẻ div mà có lẽ không cần nó cũng được

    `__abENT__lt;div class=__abENT__quot;pro_main__abENT__quot;__abENT__gt;
    __abENT__lt;div class=__abENT__quot;pro_image__abENT__quot;__abENT__gt;
    __abENT__lt;img src=__abENT__quot;images__abENT__#8260;__abENT__lt;?php echo $pro_list[__abENT__apos;image__abENT__apos;]; ?__abENT__gt;__abENT__quot; border=__abENT__quot;0__abENT__quot; width=__abENT__quot;177__abENT__quot; height=__abENT__quot;177__abENT__quot; alt=__abENT__quot;__abENT__quot; __abENT__#8260;__abENT__gt;
    __abENT__lt;__abENT__#8260;div__abENT__gt;__abENT__lt;!-- End __abENT__#46;pro_image --__abENT__gt;
    __abENT__lt;div class=__abENT__quot;bt_addcart__abENT__quot; id=__abENT__quot;__abENT__lt;?php echo $pro_list[__abENT__apos;id__abENT__apos;]; ?__abENT__gt;__abENT__quot;__abENT__gt;
    __abENT__lt;img class=__abENT__quot;add_product__abENT__quot; src=__abENT__quot;images__abENT__#8260;button_add_to_cart1__abENT__#46;gif__abENT__quot; height=__abENT__quot;25__abENT__quot; width=__abENT__quot;88__abENT__quot; __abENT__#8260;__abENT__gt;
    __abENT__lt;__abENT__#8260;div__abENT__gt;__abENT__lt;!-- End __abENT__#46;bt_addcart --__abENT__gt;
    __abENT__lt;__abENT__#8260;div__abENT__gt;__abENT__lt;!-- End __abENT__#46;pro_main --__abENT__gt;
    __abENT__lt;?php } ?__abENT__gt;
    `

    bạn có thể


    <div class="pro_
    <img class="pro_image" src="images/” border=”0″ width=”177″ height=”177″ alt=”" />
    <img class="bt_addcart" id="” class=”add_product” src=”images/button_add_to_cart1.gif” height=”25″ width=”88″ />

    là có thể chạy được như thê nhưng có thể bỏ 2 div. (Nếu sai thì cũng thông cảm vì mình không cài phpadmin và test thử nhưng theo DW thì là ok đó)

    Một chút góp ý

  23. @huỳnh công tín : ^^ thực sự nó là một data dễ dàng để tạo mà bạn, nếu bạn có kiến thức về lập trình php tôi ko tin bạn ko thể tạo được một bảng như thế ^^. Nhưng tôi sẽ cho bạn đoạn script của nó ngay tại đây. Bạn chỉ cần chạy nó ở Mysql trong phpmyadmin hoặc lưu nó trong file và import.

    - CREATE TABLE `products` (
    `id` int(10) unsigned NOT NULL auto_increment,
    `image` varchar(254) NOT NULL,
    PRIMARY KEY (`id`)
    ) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ;

    INSERT INTO `products` (`id`, `image`) VALUES
    (1, ’070.jpg’),
    (2, ’071.jpg’);

  24. huỳnh công tín says:

    Trong thư mục source files anh có thể đưa luôn script CSDL đc không anh.
    Cảm ơn anh nhiều

  25. Hoàng says:

    Hay, nhưng vẫn còn hơi ờ à nhiều, đỡ run hơn. Thank bạn nhìu!

  26. quangthai says:

    bài này rất hay, chúc anh clack luôn thành công trong những video tiếp theo nha. anh làm nhiều video kết hợp với php, mysql và kỹ thuật ajax, jquery nữa nha

  1. BB
  2. BB
  3. BB

arrow

Lưu ý khi post comment:

  • Không "bóc tem" topic
  • Dùng lời lẽ có văn hoá và lịch sự
  • Xem trang FAQs trước khi hỏi
  • Bạn có thể dùng thẻ HTML như:<strong>, <em>, <a>
  • Đặt code trong thẻ [php],[html],[javascript],[css]

Chọn kiểu gõ: Tự động TELEX VNI Tắt