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");

})

TROUBLE SHOOTING OF TEXTILE SCREEN PRINTING

TRỤC TRẶC KỸ THUẬT TRONG NGÀNH IN KHUNG LỤA

Khi điều hành cơ sở, trong tất cả các khâu đều thường có trục trặc kỹ thuật.Chuyên viên phụ trách cần phải có kiến thức vừa lý thuyết vừa thưc hành.Nhân công phụ trách chạy máy phải là những người còn trẻ ở lứa tuổi như hình trên,chịu lắng nghe và có óc ham học.

Khâu làm khung,đốt khung,rữa khung và phục hồi khung đã in xong.

Lưới rách dễ dàng ở bốn góc khi căng khung. Độ căng của lưới tụt giảm quá nhanh.

Vết dơ trên lưới không xóa sạch. Emulsion không bám tốt vào lưới khi tráng.Stencil có chỗ dày chỗ mỏng không đều.Sau khi đốt phần che đậy bởi dương bản không mở được khi rữa khung. Những chỗ có halftone của dương bản không mở.Khung có nhiều pinholes.Stencil bị tróc ra hoặc thủng lổ quá nhanh. Khung sau khi in xong không phục hồi được để tái xử dụng.

Khâu chạy máy in tư động.

Trục trặc trong khâu nầy xếp thành hai nhóm.Nhóm thứ nhất do chất lượng của máy in.Nhóm thứ hai do tay nghề của thợ in và chuyên viên phụ trách.

Để tránh những trục trặc gây ra bởi máy in, trước khi đặt mua máy cần dành thời gian tham khảo và tìm hiểu nơi những người đã có cơ sở làm ăn lâu năm về ngành in khung lụa.

Trục trặc do máy in nếu xãy ra thường rất tốn kém khi khắc phục và cơ sở phải tạm ngưng hoạt động.

Trục trặc do tay nghề của thợ in rất phổ thông như sau.Hình in ra không giống mẫu của khách hàng.

Hàng bị nám cháy.Hình không rõ nét.Chữ viết sai.Làm registration lệch.Ráp khung lên máy không phù hợp theo thứ tự của các màu.Hình in bị lem luốc.Khung in bị dính vào bàn in pallet.Hàng in bi bóc ra khỏi pallet và dính vào đáy khung.Luới khung bị thủng rách quá nhanh.Hình in quá đậm.Hình in quá lợt.

Mực in sau khi qua máy sấy còn dính tay.Mực puff-ink phồng cao sau đó xẹp lếp.Hàng in xong tồn trử vài tuần thì mực thấm qua vaỉ làm lem luốc chỗ sạch goị là ink- migration.

Hàng in xong có nhiều chấm mực nhỏ li ti.Chi tiết in bị chận xóa hoặc không xuất hịên.Những hạt kim loại trong mực metallic- ink, mực sparkle- ink và mực shimmer- ink tróc ra dễ dàng hoặc không xuất hịên.

Mực in trên hàng 100% polyester hoặc nylon không dính chặc,tróc ra dễ dàng.

Tất cả những trục trặc nầy sẽ có giải đáp ở một trang khác.

WASHING OUT SCREEN AFTER EXPOSURE

CÁCH RỬA KHUNG SAU KHI ĐỐT BẰNG ÁNH SÁNG

Sau khi đốt xong đem khung đặt trong một cái bồn bằng ceramic hay kim loại không rĩ sét.Mở vòi xịt nước hơi ấm và thật min vào hai mặt khung cho ướt đều tất cả.Chờ đợi khoãng một phút cho nước thấm sâu vào stencil rồi mở vòi nước lạnh thật mạnh xịt rữa lần lượt hai mặt khung cho đến khi nào trôi hết những chỗ bị positive che lấp.

Cầm khung còn ướt đưa lên nhìn qua ánh sáng đèn để tìm chỗ nào emulsion chưa trôi sạch hay còn tì vết.Nếu thấy có tiếp tục xịt nước manh vào những chỗ chưa sạch tì vết .Nếu cần có thể dùng vòi xịt bằng bơm áp suất để làm sạch những chỗ đó.

Dựng khung nằm nghiêng cho ráo bớt nước trong 1-2 phút rồi đem đặt lên bàn giữa những tờ giấy nhật trình.Ép bàn tay trên giấy ,chà khắp mặt trong của khung để nước thấm qua giấy.

Vứt bỏ giấy nhật trình, lấy vòì hơi áp xuất thổi khung cho sạch hết những hạt nước còn sót lại.Vừa thổi vừa kiểm soát bức hình có chỗ nào chưa mở hoặc có khuyết điểm.

Dùng băng keo bằng giấy dán dọc theo thành khung bên trong rồi dùng loại keo màu đỏ goị là red blockout chấm vào những lỗ nhỏ li ti gọi là pinholes nếu tìm thấy.

Có hai loại keo blockout ; loại tan trong nước dùng cho khung in mực plastisol và loại không tan trong nước dùng cho khung in mực waterbase.

Nếu khung dùng để in mực waterbase thì phải dùng squeezee tráng lên hai mặt khung một lớp gọi là hardener.Chờ khỏang 2 phút, thổi sạch khung rồi đem phơi ngoài nắng để UV làm cho stencil bền cứng thêm nên có thể in tới 5000 bản in nhưng stencil vẫn không bị rách bể bởi mực waterbase.

Hiện nay ngòai thị trường có bạ́n loại emulsion đặc biệt dùng in mực waterbase.