Câu lệnh trong JavaScript

Trong HTML, câu lệnh JavaScript được thực thi bởi trình duyệt web. Câu lệnh dưới đây nói cho trình duyệt hãy ghi dòng “Blog Kiến càng” vào phần tử HTML có id=”website”. Ví dụ: Mã lệnh JavaScript Hầu hết các chương trình JavaScript bao gồm nhiều câu lệnh JavaScript. Các câu lệnh JavaScript được thực hiện thứ tự từng dòng một như trong code mà nó được viết ra. Trong ví dụ bên dưới, x, y và z được nhận giá trị và cuối cùng giá trị của z được đưa ra màn hình: Ví dụ: Dấu chấm phẩy ; …

Đọc thêm

Cú pháp trong JavaScript

Cú pháp trong JavaScript là các quy tắc, cách thức các chương trình JavaScript được xây dựng. Ngôn ngữ Javascript là gì? Một ngôn ngữ máy tính là danh sách các hướng dẫn được thực thi bởi máy tính. Trong một ngôn ngữ lập trình, những “phần hướng dẫn” được gọi là câu lệnh. Javascript là một ngôn ngữ lập trình. Các câu lệnh trong Javascript được ngăn cách với nhau bằng dấu chấm phẩy. Ví dụ: Trong HTML, JavaScript có thể được xử lý, thực thi bằng trình duyệt web (FireFox, Google Chorme, IE,..). PS: Việc JS được thực …

Đọc thêm

Code đơn giản Zoom ảnh bằng CSS3

Zoom ảnh có nhiều cách, trong đó chủ yếu dựa vào CSS3 hoặc Jquery và đôi khi là cả hai. Nếu xài Jquery bạn có các hiệu ứng zoom rất đẹp (thí dụ như Cloud Zoom), xài CSS3 thì hiệu ứng tuy không bằng nhưng bù lại code rất đơn giản – miễn phí và không đòi hỏi tải thư viện khá nặng có thể làm chậm đi tốc độ lướt web. Chúng ta sẽ áp dụng 2 thuộc tính của CSS3: transform: scale(x,y)  –  theo đó x, y là các giá trị ta muốn phóng lên theo trục x …

Đọc thêm

Cách dùng Cloud Zoom Jquery để Phóng to Ảnh

Hiệu ứng Zoom vào chi tiết ảnh hay dùng với các trang web bán hàng. Khi đó, chúng ta có hình ảnh sản phẩm ở kích cỡ vừa phải, nhưng rõ ràng người dùng muốn mua thường thích nhìn kỹ càng hơn, lúc đó khi họ di chuột vào bức ảnh, hiệu ứng giống như kính lúp soi vào sẽ xuất hiện, cho phép thấy kích thước lớn. Trường hợp chỉ cần phóng to đơn giản bạn dùng CSS3 để Zoom ảnh là đủ rồi. Tuy nhiên nếu muốn hiệu ứng đẹp hơn, tốt hơn chúng ta cần xài Jquery. Plugin Cloud Zoom …

Đọc thêm

Tạo Form đăng ký bằng JavaScript và thẻ input

Làm form bằng HTML và chỉnh sửa lại giao diện cho đẹp với CSS không khó, bạn chỉ cần nhớ mấy cái input type là OK. Vấn đề nằm ở Validate, tức là chuẩn hóa dữ liệu nhập vào và một số yêu cầu khác nữa. HTML5 làm form cũng rất tốt, nhưng có hạn chế là chưa được hỗ trợ rộng rãi và thống nhất giữa các trình duyệt, do vậy chúng ta vẫn phải cậy nhờ khá nhiều vào Javascript. Về sau bạn sẽ biết ngoài việc bắt lỗi dữ liệu tại máy khách thì chúng ta còn …

Đọc thêm

Cách dùng thẻ input để làm Form trong HTML5

Làm Form trong HTML5 đơn giản hơn nhiều HTML thường, lý do nằm ở chỗ bạn không cần dùng Javascript để Validate (bắt lỗi dữ liệu) các trường nữa. Tất nhiên điều này không tuyệt đối, một số cái vẫn phải dùng Javascript, nhưng gì thì gì, chơi với HTML5, code mà bạn phải gõ sẽ ít hơn nhiều lần. Hiện trình duyệt Google Chrome hỗ trợ tốt nhất các thẻ input mới, do vậy tôi khuyên bạn nên dùng anh bạn này để xem các ví dụ trong bài viết. Tôi sẽ bắt đầu luôn với thẻ input mà …

Đọc thêm

Code nhúng video trong HTML5

HTML5 cho phép chúng ta nhúng video vào trang web rồi xem trực tiếp trên trình duyệt mà không cần phải sử dụng plugin của bên thứ ba như Adobe Flash Player. Hôm nay Blog Kiến càng sẽ cùng bạn xem code nhúng này cụ thể như thế nào. Ví dụ: Code mẫu: Giải thích code: Để nhúng video chúng ta bắt đầu bằng thẻ mở <video> và kết thúc bằng thẻ đóng </video> width và height quy định chiều rộng và chiều cao của video. controls làm xuất hiện nút Play (bật video), Pause (tạm dừng), tùy chọn toàn màn hình và nút điều …

Đọc thêm

Slideshow đơn giản với code Javascript thuần

Slideshow là yếu tố trợ giúp thẩm mỹ rất tốt cho trang web, hôm nay tôi sẽ giới thiệu với bạn code Javascript để làm Slideshow dạng đơn giản kiểu next, back. Code khá ngắn và cũng không phức tạp lắm. Đầu tiên bạn phải chuẩn bị vài bức ảnh, bao nhiêu cái tùy bạn, trong ví dụ này tôi lấy 4 bức JPG. Tiếp theo chúng ta cho 4 anh bạn này vào thư mục images, nhớ kiếm cả 2 ảnh next và back để cho vào luôn nếu muốn đẹp, còn không để 2 cái button thô thô …

Đọc thêm