TẠI SAO PHẢI DÙNG JAVASCRIPT FUNCTIONS ?

TẠI SAO PHẢI DÙNG JAVASCRIPT FUNCTIONS TRONG HTML ?

JavaScript function chứa rất nhiều mệnh lệnh gọi là commands được dấu kín để chờ được xử dụng khi chúng ta cần tới.

Thí dụ một bức hình hay một đọan văn dấu kín chỉ cần chúng ta click thì liền xuất hiện ngay.Muốn làm hình quả banh di chuyển vòng quanh sân banh hay làm chíêc lá vàng rơi chuyển động theo gió thu,muốn làm xuất hiện một dãy số liên tục,muốn giải một ký hiệu như parseInt() v.v…đều phải dùng javascript function.

Do đó cần phải biết cách viết javascript function cho thông thạo.

Một javaScript function cần phải có đủ các thành phần như sau.

Thi dụ : function ten(){…….}

ten()

* Phải viết chữ function trước tiên.

* Phải viết chữ tiếp theo là tên của function mà chúng ta muốn gọi.Tùy ý chọn

* Phải có dấu ̣().Trong dấu nầy bỏ trống hay viết biến số variables a,b,c,d...

Có thể xem trong phần nầy là input để dễ nhớ.

Thí dụ : function ten() hay function ten(a,b,c)

* Phải có dấu {…..} .Trong dấu nầy viết mệnh lệnh chúng ta muốn function thi hành...

Có thể xem trong phần nầy là output

Thí dụ : function ten(a,b,c){

alert(‘Thân Chào Quý Bạn’)

}

Những variables a,b,c thay đổi tuỳ theo chúng ta chọn.Dưới đây chúng ta chọn a = 2011, b=Bạn đang ở đâu ?,c=Bình An !

function ten(a,b,c){

alert('Thân Chào Quý Bạn'+' '+a+' '+b+' '+c)

}

ten(2011,'Bạn đang ở đâu ?','Bình An!')

* ten() là ký hiệu phải có để "call the function".Ký hiệu nầy phải hòan tòan giống tên của function.

* Khi muốn các biến số a,b.c đươc thay thế bằng những chữ hay con số thì phải viết lại các biến số a,b,c vào trong {…..} như thí dụ trên.

* Dùng dấu ' ' trong phần {....} để ngăn cách những câu và những con số không dính vào nhau.

Chép bảng HTML sau đây vào Notepad rồi mở browser để thực tập cho nhuần nhuyễn.

Nếu muốn dùng cách Click để "call the function" thì dời ký hiệu ten() xuống phần body như sau.

Ký hiêu \n dùng để viết xuống hàng sau câu Thân Chào Quy Bạn.

Nếu không muốn đặt tên cho function thì chúng ta nối function đó với một biến số có tên rõ rệt.

Thí dụ chọn biến số có tên saigon .Viết var saigon rồi kết hợp nó với function không có tên như sau.

var saigon=function(a,b,c){

alert('Thân Chào Quý Bạn \n' +' '+a+' '+b+' '+c)}

Viết Click hòan tòan giống như phần chữ viết màu đỏ.Nhớ thay onclick="ten(.......)" bằng onclick="saigon(.....)".

Kết quả sẽ giống như cách viết function ten(a,b,c) ở đầu trang nầy.

HOW TO PUT AN IMAGE IN HTML FOR POSTING INTO BLOGGER

CÁCH ĐEM HÌNH VÀO HTML ĐỂ POST LÊN BLOGGER

Dùng cách loading trực tiếp, chúng ta đem hình vào trang Blogger nhưng bị hạn chế bởi 3 độ lớn là small,medium và large và vị trí đặt hình không theo đúng ý muốn vì chỉ có 3 vị trí right,center và left.

Nhưng nếu biết xử dụng HTML thì sẽ được kết quả tốt ,tránh được hạn chế nói trên.

Chúng ta có vài cách đem hình vào HTML để post lên Blogger như sau.Trước khi post nhớ xóa bỏ tag html và tag head

Cách thứ nhất rất đơn giản.

1- src nghĩa là source ; hoadai1.gif là tên của tấm hình ở dạng gif được chép vào src.Có thể dùng dạng jpeg và dạng png. Nên dùng dạng gif và jpeg để tấm hình nhẹ hơn

Có thể dùng url của tấm hình thay thế tên của tấm hình vì url chỉ chỗ tấm hình được tồn trử.

url là Universal Resource Identifieṛ ( tên cũ ) hoặc Uniform Resource Locator ( tên mới ).

Thí dụ :

src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPB9RvUwvQpzxoOSsU66gjMVAzLygpva1heKCSjlvZYqL2glOYVorMFKsaegypl4d6mtzUQApxg2jcl3Q-fJegRiZaV3XwYKIgPh6027sa7eSMFe10P16OoIpM2pYtWu8xZAhIdOurJSKM/s200/sshot-4.png%20width= “

Dạng của tấm hình luôn luôn viết ở phần đuôi của tên tấm hình và có dấu chấm ngăn cách.

.gif là Graphic Interchange Format.

.jpeg hoặc .jpg nghĩa là Joint Photographic Expert Group.

.png là Portable Network Graphic.

2- alt nghĩa là Alternative.Trường hợp browser không tìm được tấm hình thì nó sẽ viết ra tên mô tả của tấm hình đó mà chúng ta đã viết (description of image).Thí dụ trên alt =” hoa dại màu vàng”

3- Về độ lớn width và độ cao height của tấm hình,chúng ta dùng đơn vị pixel.Thí dụ width=”65px”.Có thể bỏ chữ px cũng được.

Còn có một cách khác thường được xử dụng trong Blogger để diễn tả độ lớn là dùng bách phân % của màn ảnh computer.Thí dụ width=”10 %” nghĩa là tấm hình có độ rộng bằng10% màn ảnh.

Nếu chỉ xác định độ rộng mà không cho độ cao thi computer tự động điều chỉnh độ cao theo độ rộng.

4- align dùng để định vị trí của tấm hình ở đâu. Left,right,center ?

Chúng ta có thể dùng các ký hiệu sau thay thế align.

hspace=”…?. “ nghĩa là horizontal distance between picture and text .

vspace=”.?..” là vertical distance between picture and text .

Tiến thêm một bước nữa thì nên viết trong phần body tag như sau.

< img src="hoadai1.gif" width="95"

span style=" position:absolute; top:200px ;left:300 px ;">

Nghĩa là chúng ta muốn tấm hình phải ở vị trí rất chính xác cách đỉnh 200 pixel và cách bên trái 300 pixel.

Cách viết nầy được áp dụng khi viết JavaScript làm cho hình hay vật gọi là object chuyển động.

Cách thứ hai.

Dùng document.write('....') theo javaScript như sau .

Cách thứ ba phức tạp hơn.

Dùng body onload và " document.img.src= '....gif ' "

Áp dụng tất cả những chi tiết hướng dẫn trên,chúng ta có thể post lên Blogger một logo gọi là “Học Thiền Theo 10 Bức Tranh Chăn Trâu” muôn đời vẫn là công thức căn bản rất cần cho thế hệ từ xa xưa cho đến thế hệ con cháu khi muốn tìm hiểu tâm mình là gì,có tâm hay không có ?

Cách thứ tư. Xem trang JavScript Click Event used to show an picture.

Cách thứ năm. Xem trang Using variable and document.write() to display a picture.

Cách thứ sáu. Xem trang Using document.getElementById() & div id to display a picture.

Cách thứ bảy.Xem trang Using span tag only to display a picture.

MUỐN BIẾT VỀ ART WORK

Vector Conversion of JPG, GIF, and PNG images to EPS art.

VectorQuick is a service which redraws jpegs, gifs, and pngs in vector format using design industry standard software. The converted EPS, PDF, or Illustrator vector graphic can then be utilized for printing banners, signs, published material, and t-shirts.

In most cases, artwork is turned in less-than twenty-four-hours.

Orders are never outsourced overseas.

Unlike many competitors, jpg, gif, and png images are always converted to vector format by hand tracing using Adobe Illustrator, rather than using imprecise automated software. This method insures that lines and shapes appear smother, and your final product looks more professional .

Phone 949.51O.3571

Address 33159 Camino Capistrano,

San Juan Capistrano, CA 92675 http://www.vectorquick.com .

ĐÂY LÀ CƠ SỞ CHUYÊN MÔN LÀM ART WORK CỦA MỘT BẠN LÂU NĂM RẤTTÀI BA.

Update Nov-9-2013

Sẽ có bài hướng dẫn kỹ thuật  trong Blogger nầy để giúp quý bạn muốn tìm hiểu.

USING document.getElementById(" ") for hiding and showing picture

        XỬ DỤNG document.getElementById ("  ") ĐỂ HIDE VÀ SHOW BỨC HÌNH.

              Chép bảng HTML trên vào notepad.Viết tên bức hình ở dạng .gif vào src.

                       Bức hình và đọan văn muốn viết phải đặt ở giữa hai tags div.

               Mở bowser Internet Explorer hoặc Google sẽ thấy hiện ra theo ý múôn.

         So sánh phương pháp nầy với phương pháp dùng jQuery kết quả giống nhau.

Nhưng với jQuery thì phải nối với Internet mới hoạt động.Còn dùng phương pháp nầy thì không cần nối với internet.Dùng phương pháp jQuery dễ nhớ hơn và gọn hơn.

          Đối với jQuery chỉ cần nhớ một công thức căn bản nầy.Do đó jQuery rất được

      nhiều người thích áp dụng.

             $(document).ready( function(){

                $("#hide").click (function(){

                          $("p").hide();

                         });

                $("#show").click( function(){

                          $("p").show();

                         });

                });

TIỄN BẠN CUỐI XUÂN

Dịch nghĩa:

Tiễn Bạn Cuối Xuân

Vô Muộn

Bẻ cành liễu bên đình cầm đi nặng nề (tự chuốc lấy phiền muộn)

Hơi nước trên sông mờ mờ, trên bờ cỏ mọc um tùm (đặt khung cảnh cho bài thơ)

Chim quyên chưa tan được oán hận nên chưa cách lìa được tâm con người (sự oán hận trong lòng chim quyên không phải do suy nghĩ của con người hay sao?)

Lại còn nhìn hoa rụng kêu khóc trên cành (than khóc một chuyện bình thường)

P.M.Tâm

HOW TO ADD ALERT & DOCUMENT.WRITE INTO jQUERY

CÁCH KẾT HỢP WINDOW ALERT VÀ DOCUMENT.WRITE VÀO jQUERY

Chép bảng trên vào notepad rồi mở bằng Internet Explorer hay Google sẽ thấy hiện ra kết quả khi mở tiết mục “MUỐN BIẾT VỀ BẠN” ở phần cuối của trang blogger nầy.

HTML nầy có phần chữ đỏ là jQuery của jquery.com và của Google.Vì muốn xử dụng jQuery của Google nên phải chận jquery.com bằng cách viết thêm phần chữ màu tím gọi là ngăn chận default.

Ký hiệu \n dùng để viết xuống hàng trong window alert.Nếu không dùng đúng ký hiệu nầy thì sẽ không thể xuống hàng được.

ký hiệu \"....\" thay cho dấu "....". Nếu không dùng đúng ký hiệu đó thì document.write không hoạt động.

Phần chữ xanh nếu viết không đúng ,,jQuery sẽ không hoạt động cho nên hãy xem kỹ phần phóng đại sau đây.

$(document).ready(function(){

$("a").click(function(event){

alert("Bạn đang ở nước nào?\n In what country you are now ?");

event.preventDefault();});

})

$(document).ready( function(){.... viết code vào đây.....}) rất quan trọng vì các code đều ở trong đó.Nếu thiếu thì không hiện ra kết quả như ý muốn.

Dấu dollar $ chỉ là một ký hiệu gọi là alias chứ không có nghĩa gì hết.

Chú ý : Nếu computer chưa có jQuery File của jquery.com thì phải nối vơi Internet mới có thể làm cho bài viết trên notepad hoạt động như ý muốn khi viết jQuery javaScript.

Khi nối với Internet thì các browsers cung cấp jQuery File.

Vì có sự trục trặc của window alert nên tiết mục MUỐN BIẾT VỀ BẠN được chuyển đổi qua method hide kết hợp với method show như sau.Chép bài nầy vào notepad rồi thực hành.

HOW TO USE JQUERY

CÁCH DÙNG jQUERY

jQuery do John Resig sáng tạo tại NYC / USA năm 2006.

jQuery rất hay giúp chúng ta làm được nhiều công việc trong lảnh vực website.

Chẳng hạn xóa bỏ những câu không muốn,viết thêm để nối tiếp vào câu đã có sẵn hoăc viêt

thêm phía dưới câu đã có sẵn,xóa những câu đã có sẵn rồi thay bằng những câu khác , làm

di động gọi là animation, làm biến mất rồi làm xuất hiện lại một đọan văn,làm thay đổi kích

thước v.v…

Muốn làm được việc nầy cần có hiểu biết căn bản về HTML,JavaScript,XML vì jQuery là tập

họp những javaScript functions gọi là library thành một " javaScript file " đơn giản.

Chép bài thí dụ đơn giản đính kèm vào notepad rồi mở bằng Internet explorer sẽ thấy hiện ra

như bên cạnh.

Trong bài nầy có hai scripts. Phần chữ đỏ là jQuery script của Microsoft.

Có thể dùng jQuery script của Google thay cho Microsoft. Còn script chữ màu xanh là

jQuery method.

Quan sát bản jQuery trên khi chúng ta click vào button thi javascript function được called

và method hide sẽ làm biến mất các câu viết màu xanh lá cây và màu tím ở phần body.

Ngoài hide method còn có thêm nhiều methods khác liệt kê phía dưới.Thay thế $("p").hide()

ở trên bằng những ký hiệu sau đây sẽ thấy có thay đổi .

$("p").html("Write here what you want to show") ;

$("p").append("Write here ....") ;

$("p").after("Write here ...... ") ;

$("p").before("Write here .....") ;

$("p").show( "..............") ;

$("selector").slideDown(...) ;

$("selector").fadeOut(....) ;

$("selector").animate(....) ; makes animation on selected element.

$("selector").Toggle(...) ; slides the selected element up and down .

Khi dùng hide hay show thì nên thêm speed tuỳ ý như sau "normal","slow" hay "fast".

Thí dụ

$(button).click(function(){

$("p").hide("slow");

})