Chuyển Blog

Do những hạn chế of blogger về sử dụng mã html trong bài viết nên tôi chuyển sang wordpress tại địa chỉ: http://txhien.wordpress.com/
Mong các bạn tiếp tục ủng hộ!

Chuyển project từ MyEclipse về Eclipse

MyEclipse giúp những người mới bắt đầu với J2EE (như tôi chẳng hạn) có thể nhanh chóng hiểu và áp dụng các framework như Struts, Hibernate, JSF, etc... Nó cung cấp một số các ví dụ nhỏ rất tiện lợi cho việc bắt đầu. Việc add các thư viện của Struts và Hibernate thì dễ ko gì bằng. Tôi đã phải hì hụi mất 1 ngày để tìm 1 cái Hello world viết trên Eclipse dựa trên struts và Hiberbate nhưng ko có kết quả. Bực mình down luôn MyEclipse, xem cái video, mò mẫm 1 lúc trong cái sample sẵn có of nó, và thế là oki. Đã có Hello world dựa theo mô hình MVC of Struts và connect ngon lành với database MySQL.

Nhưng niềm vui cũng chỉ kéo dài đc 1 tháng (trial mà :D). Bây h thì lại quay trở lại dùng Eclipse thôi. Nhưng khi đã khá hiểu về Struts và Hibernate thì việc chuyển lại cũng ko khó khăn là mấy.
Copy đống source code (MyEclipse generate cho ta rất nhiều các file code về struts và Hibernate) các thư mục và các file jsp qua. Các file config thì chỉ copy những cái cần thiết mà mình dùng thôi như: hibernate.cfg.xml, web.xml, struts-config.xml, và 2 file struts-bean.tld, struts-html.tld (đối với những ai dùng tag bean và html của struts).

Và phần cuối cùng là thư viện, như tôi đã nói, myEclipse tự động import các thư viện cần thiết nên sẽ tiết kiệm rất nhiều time và đỡ phải bực bội khi đi tìm file jar. Vậy làm sao copy các thư viện đó qua project eclipse. Rất đơn giản, bạn export project of mình ra định dạng file .war (cái định dạng mà ta sẽ vất lên Tomcat để chạy khi public website), mở file này bằng Winrar, giải nến nó ra, và trong thư mục WebContent/WEB-INF/lib các thư viện cần thiết ở đây :D (nhưng có thể chưa phải là tất cả). Add các thư viện này vào project Eclipse.

Ok, mọi công đoạn đã hoàn tất, run project trên Eclipse (nhớ import cái server Tomcat chẳng chẳng trước khi chạy nhé). Có thể sẽ có lỗi nào đó liên quan đến thư viện, ví dụ of mình thì cần thêm jboss-j2ee-4.0.2.jar nữa (do cái lỗi này này java.lang.NoClassDefFoundError: javax/transaction/Synchronization), ta có thể tìm file jar khi biết lớp of nó qua website: http://www.jarfinder.com/index.php/, chi tiết các file thư viện mình dùng có ở trên.

Hello div CSS

Hello div use CSS






File helloCss.css:

.alignCenter {display:block;padding: 0 10px 20px; margin-bottom: 20px; border:3px solid #6CCBE7; background-color: #fafafa; width: 100%; height: 400px}
.divideColumeLeft {background-color: #abdcdf; width: 33%; height: 100px; float: left}
/*.divideColumeRight {background-color: #abdcdf; width: 50%; height: 150px; float: right; text-align: left;}*/

body{background-color:#efefef;font:500 12px/18px Arial;text-align:center;color:#333}
a img{border:0}
a,.extramenu ul li a:hover,.menu li a:hover,.userbar a:hover{text-decoration:none}

.homepage-box{width:347px;border:0 none;text-align:left;background:url(/skin/masterbg.gif) repeat scroll -1048px 0 transparent}
.homepage-box .feature a img{width:144px;border:solid 1px #cecece;float:right;background-color:#fff;margin:0 -1px 0 10px;padding:3px}
.homepage-box .content{width:341px;background:url(/skin/masterbg.gif);background-position:-1048px 0;float:left;clear:both;padding:0 6px 10px 10px}
.homepage-box .content .title,.homepage-box .content .sapo,.homepage-box .subtitle,.homepage-box .contentalt .title,.homepage-box .contentalt .sapo{padding:0 5px 0 10px}
.homepage-box .feature .title a{color:#bb3914;font-size:15px;font-weight:700;line-height:16px}

Download Source: http://www.mediafire.com/?1qc9p6d5gd35ien

Tag 3D JavaScript jQuery

Vous devez sans doute connaître le plugin WordPress WP-cumulus qui est très à la mode en ce moment et qui permet d’afficher un nuage de mots clés dynamique et en 3d qui tourne en fonction de la position de la souris.

Le petit ou gros problème de ce plugin est que le nuage est généré en flash, ce qui peut poser quelques petits problèmes de référencement..

Pour remédier à cela je vous propose un plugin Jquery qui fait exactement le même nuage mais en HTML /Javascript.

Télécharger le plugin.

Lien.

Pour connecter à la base de donnée (utiliser PHP et MySQL):

http://www.siteduzero.com/forum-83-580312-p1-nuage-de-tag-3d-jquery-et-recuperation-sql.html

References: http://bidouilleur.com/nuage-de-tags-mots-cles-3d-dynamique-en-jquery/

Une autre tag cloud très intéressante:

http://noupe.com/examples/tagcloud/tag-cloud.html#

The best IDE for JavaScript (jQuery, css, html5)

Here is a list of the best for you:

• Aptana - The best and most powerful one(Eclipse derivation)
• Netbeans - As Amir said
• Spket
• TIDE - A online IDE for Javascript
• Jside
• IntelliJ IDEA
• MetaPad
• JavaScript Plus
• Cardinal Javascript IDE

If you choose Aptana, take a look at Introduction of Javascript IDE - Aptana. Also I suggest you to look at this this similar question: Good Javascript IDE With Jquery Support.

Bold = Best in Intellisense

I choice Aptana ofcouse

Happy Coding!

Link blog, website interest: Ajax, jQuery, jFormer, JavaScript,...

Update daily:

http://www.ajaxrain.com/

http://speckyboy.com/2008/04/02/65-excellent-jquery-resources-tutorialscheat-sheetsebooksdemosplugins/

Relax

:D

Creat form with jFormer

Create easy form htmp with jFormer - Extence of jQuery
Check error by use javascript, and use CSS

http://www.jformer.com/documentation/getting-started/

Vote fonction on the web with jRating

jRating - một plugin rất mềm dẻo của jQuery giúp bạn nhanh chóng tạo được hệ thống đánh giá dạng ajax.

Bạn có thể tùy chỉnh từng chi tiết nhỏ nhất, từ số lượng các ngôi sao tới việc từng ngôi sao đại diện cho số thập phân thế nào. Ngoài ra còn có các lựa chọn hiển thị ngôi sao nhỏ hay lớn hoặc bạn có thể thay thế file ảnh với file khác.

Bạn có thể sử dụng plugin với tất cả các ngôn ngữ php, .NET, java... (tất nhiên vì đây chỉ là phần frontend thôi), plugin được đi kèm file php để xử lý các đánh giá của người dùng.

Cách sử dụng

Để sử dụng, trước tiên bạn cần thêm file CSS, file jQuery 1.4 và jRating vào phần header:

Thêm vào phần body của website:

Với jRating, thuộc tính data rất quan trọng, bạn phải thêm vào theo mẫu: 'mức trung bình'_'ID'

Cuối cùng là gọi plugin lên làm việc:Bạn có thể xem thêm các lựa chọn khác ở trang chủ và trang demo của plugin

Live demo Download

Source: http://www.sotayweb.com/lap-trinh-thiet-ke-website/pro/lap-trinh-javascript/item/192-danh-gia-bai-viet-voi-jrating.html

Refresh auto website with Live.js

Nếu bạn đang phát triển website thì bạn nên thử bắt đầu dùng Live.js. Khi bạn thêm live.js vào trang web của mình, nó sẽ tự động refresh trang nếu bạn thay đổi bất kỳ file nào ở trong mã nguồn.

Nói đơn giản hơn, khi làm việc với HTML, CSS hoặc mã JavaScript, trình duyệt của bạn sẽ tự động hiển thị phiên bản mới nhất của trang web. Tất nhiên là bạn không cần phải ấn F5 để refresh trang (Nếu bạn đang sử dụng 2 màn hình thì thật tuyệt, bạn sẽ quên đi cả phím alt + tab nữa)

Để sử dụng live.js, tất cả những gì bạn cần làm là thêm file javascript này vào trang web của mình.

Live.js làm việc với tất cả các trình duyệt như Firefox, Chrome, Safari, Opera và IE6+. Live.js hoạt động độc lập với các framework/ngôn ngữ mà bạn sử dụng (bạn có thể sử dụng Ruby, Python, Django, NET, Java, Php, Drupal, Joomla hoặc bất cứ cái gì đó của riêng bạn).

Trên trang live.js cũng nói tới một mã nguồn rất hay là backfire: cho phép bạn lưu lại thay đổi ở file CSS trong firebug.

Demo: http://livejs.com/demo

Download: http://livejs.com/live.js

References: http://www.sotayweb.com/lap-trinh-thiet-ke-website/pro/lap-trinh-javascript/item/209-tu-dong-refresh-trang-voi-live-js.html