GẶP LẠI NHAU TẠI OSLO/NORWAY SAU 30 NĂM MẤT DẤU

Sáng ngày 25 tháng 6 năm 2011 ,chiếc tau Cruise Ship Emerald Princess đã đưa tôi ,nhà tôi và ba cặp vợ chồng người bạn Việt ghé cảng thành phố Oslo,Norway

Chúng tôi rất hồi họp trông chờ giây phút được tái ngộ với Anh Chi Đinh Nguyên Trình Giang sau hơn 30 năm xa cách.Từ trên boong tàu ,tôi và nhà tôi cố gắng nhớ lại hình ảnh vui tuơi của Anh ĐNT Giang.

Vào lúc 7 giờ sáng sớm thứ bảy,khi vừa rời khỏi boong tàu để đi xuống bờ đất của thành phố Oslo, tôi và nhà tôi đã trông thấy Anh Chi ĐNT Giang đang đứng chờ đón chúng tôi và 6 người bạn Việt cùng đi theo .

Câu hỏi đầu tiên khi tôi gặp lại Anh ĐNT Giang là : “Thưa Anh có phải Anh là Anh Giang không ?.”

Chúng tôi mừng rỡ bắt tay nhau và ôm choàng lấy nhau . Anh Chi ĐNT Giang đã thuê sẵn 2 chiếc xe taxi hạng sang hiệu Mercedes để đón tất cả 8 người về nhà từ vùng trời xa hơn 6 ngàn cây số ghé Oslo Norway.Trong những bạn cùng đi với chúng tôi có người cũng là bạn thân của anh ĐNT Giang.

Nhà của Anh Chi là một căn hộ nhỏ xinh xắn nằm trên tầng lầu 2 ngay trong trung tâm thành phố Oslo.

Chi Giang đã làm sẵn bánh bao thịt và món súp măng rất ngon,thật tuyệt vời .Tôi trao tặng anh ĐNT Giang chiếc áo T-shirt, món quà mang theo từ California.

Chúng tôi cười nói to như bắp rang.Sau đó Anh chi Giang hướng dẫn chúng tôi đi xem nhiều khu phố xinh đ̣ep của Oslo Norway.

Anh Chi Giang đi bộ rất khỏe ; mỗi ngày đi bộ hơn ba giờ và trông rất nhanh nhẹn ,vẫn còn giọng nói rất to và rõ ràng cho thấy chứa nhiều śức sống thật mảnh liệt đối với tuổi đời trên 70.

Vi chúng tôi chỉ được ghé thăm thành phố từ 7 giờ sáng tới 1 giờ chiều nên phải lo quay trở về con tàu Cruise Ship để tiếp tục thăm vài thành phố nữa còn lại trong chương triǹh du ngoạn.

Chúng tôi bịn rịn chia tay,nhin nhau với đôi mắt hy vọng sẽ được dịp tái ngộ trong thời gian lâu dài hơn.

Nguyễn Võ Tiếp / San Jose / Cali

USING nodeValue of DOM TO CHANGE THE PARAGRAPH

ÁP DỤNG nodeValue CỦA DOM ĐỂ THAY ĐỔI MỘT PHẦN CỦA CÂU VĂN

1- Chép bản html trên vào notepad rồi thực tập.Trong câu thơ “Đoàn trai non hớn hở rủ

nhau về”, những chữ “Đòan trai non” chúng ta muốn có màu blue,cở lớn 45px.Còn những

chữ“hớn hở rủ nhau về” ,chúng ta muốn có màu đỏ,tô đậm và cở lớn 65 px.

Muốn làm được như vậy chúng ta phải dùng span tags.

2-Trong phần script tag,chúng ta áp dụng nodeValue của DOM ,sẽ thấy output hiên ra đầu

tiên là câu thơ “ Đòan trai non hớn hở rủ nhau về”.

Liền sau đó những chữ màu đỏ nầy được thay thế bởi “ bảo vệ Quê Hương ” có

màu đỏ vá có cùng độ lớn.

3- Tóm lại nếu áp dụng nodeValue của DOM,chúng ta thay đổi rất dễ dàng từ câu

“ Đoàn trai non hớn hở rủ nhau về ” thành ra câu

”Đoàn trai non bảo vệ Quê Hương”.

Quý bạn đã thấy rõ DOM rất ích lợi .Rán học cho thông thạo DOM.

USING nodeName OF DOM TO FIND TAG NAMES IN HTML

DÙNG DOM ĐỂ TÌM TÊN CỦA NHỮNG TAGS TRONG HTML

Quy định của DOM :

1-Trong bản HTML và XML chỗ nào có tag đều được gọi là node.

html,head,,body,p,div,ul,li,comment ở trong tag,script : Tất cả đều được gọi bằng một tên chung là node.

2-Đối với html thì head được gọi là firstChild , body được gọi là lastChild.

3-Đối với body thì script là lastChild.Tag nào viết trước tiên trong body thì đó là firstChild.

Vì trong body có nhiều tags nghĩa là có nhiều nodes nên DOM gọi tất cả các children trong đó bằng một tên chung childNodes[…]

Gọi là firstChild vì được đếm đầu tiên và vì theo qui định JavaScript nên phải mang số zero chứ không mang số 1.Vậy firstChild nếu viết theo node thì phải viết như thế nầy : childNodes[0]

Phía trên là một bảng HTML căn bản và đơn giản gồm có đủ các tags.Chúng ta áp dụng nodeName của DOM để tìm tên của các tags đó,nghĩa là tìm tên của html tag names mà DOM gọi chung một tên là childNodes[…]

Trước khi khởi sự dùng nodeName để tìm tên của các tags ,chúng ta cần phải biết chỗ khởi hành là đâu.DOM qui định có hai chỗ để khởi hành.

Chỗ thứ nhứt là topmost HTML.Nếu muốn khởi hành ở đây thì dùng ký hiệu

document.documentElement.childNodes[…].nodeName

Chỗ thứ nhì là body.Nếu muốn khởi hành ở đây thì dùng ký hiệu :

document.body.childNodes[…].nodeName

Trong bảng html ở đầu trang,chúng ta khởi hành từ body để áp dụng nodeName

Nếu viết childNodes[0] , sẽ hiện ra chữ p.Nhìn trên bảng html thấy rất đúng.

Nếu viết childNodes[1] , sẽ hiện ra chữ DIV.Rất đúng.

Nếu viết childNodes[2] , sẽ hiện ra chữ UL.Rất đúng.

Nếu viết childNodes[3] , sẽ hịên ra chữ #comment.Rất đúng.

Nếu viết childNodes[4] , sẽ hiện ra chữ SCRIPT. Rất đúng.

Nếu viết alert(document.body.childNodes[1].nextSibling.nodeName) ; sẽ có output

là UL.Rất đúng.

Nếu viết alert(document.body.childNodes[0].previousSibling.nodeName); sẽ có output là

P.Rất đúng.

Trong script tags trên thì viết lại như thế nầy :

1- alert(bullet1.nodeName); sẽ hiện ra output là LI . Rất đúng

2- alert(bullet1.firstChild.nodeName) sẽ có output là #text . Nghĩa là child của bullet1 là câu “VN yêu dấu.” Rất đúng.

3- Muốn biết sibling của bullet1 có phải là li không thì viết như sau :

alert(bullet1.nextSibling.nodeName); Sẽ có output là LI .Rất đúng vì rõ ràng sibling của bullet1 chính là bullet2.

4-Muốn biết sibling của bullet1 có firstChild hay lastChild không thì viết :

alert(bullet1.nextSibling.firstChild.nodeName) ; Sẽ có output là #text .Rất đúng vì bullet2 có firstChild là câu “Khắp Năm Châu.”

METHOD removeAttribute( ) OF DOM

Chép bản html trên vào Notepad.Khi mở browser thì sẽ thấy xuất hiện câu ” Thân Chào Quý Bạn “ có màu blue.

Viết function removẹ( ) với removeAttributẹ( ) method của DOM để xóa bỏ màu blue nếu không muốn thấy màu đó.Màu đen xuất hịên thay thế màu blue.

Với removeAttribute( ) method,chúng ta có thể remove bất cứ element nào trong html.Thí dụ trên, vì chúng ta muốn remove style nên viết removeAttribute("style")

Nếu chúng ta muốn câu " Thân Chào Quý Bạn" nằm bên tay trái thay vì nằm chính giữa trang giấy thì thay đổi như sau removeAtrributẹ("align").

DOM rất ích lợi,mong Quý Bạn thông thạo DOM. Document Object Model is very useful !

Method setAttribute( ) OF DOM

Với html trên,khi mở ra bằng Internet Explorer thì sẽ xuất hiện ngay hình hoadaị1.gif.

Nếu Click thì hình hoadại1.gif sẽ biến mất và hình ball2.gif xuất hiên để thay thế. Hình ball2.gif có kích thước in hệt hình hoadai1.gif vì đã xữ dụng method setAttribute của DOM.

Father's Day

TÌNH BẠN ĐẦU HÈ

Năm nay tôi lên Ottawa không đúng vào dịp Hội hoa Tulip như hàng năm .Nhưng đến thăm anh chị Khánh thì vườn nhà anh Khánh hoa mùa hè nở rộ rất đẹp. Mừng gặp lại anh chị ,ngồi hàn huyên vui vẽ .chúng tôi nói nhiều đến những niềm vui khi gần gủi các cháu nội ngoại ,những chuyến du dịch ngắn hạn thích hợp với sức khoẽ hiện có ,đến thăm những nơi mình chưa đến .Trao đổi với nhau về cá tính của con người nói chung không thay đổi mấy từ khi trẻ đến tuổi già ,nếu mình không tu tập để chuyển hoá những thói hư tật xấu của bản thân và phát triển những đúc tính tốt trong ta .
Cứ mổi lần gặp nhau lại chụp chung tấm hình để rảnh rổi xem lại có gì khác không ? Chắc chắc là già hơn một tuổi rồi,nhưng tình cảm vẩn chân tình .
Xin gởi hình chụp với anh Khánh trước sân nhà anh Khánh tại Hull,Quebec ngày 13 June 2011 để chia sẽ niềm vui mà chúng tôi có được ngày hôm ấy đến quý thân hữu.

Kính chúc quý anh chị và gia đình nhiều sức khoẽ và hạnh phúc.

Ninh Vũ

Người đời xem trọng NGHĨA TÌNH

Hai anh lai quý NGHĨA TÌNH hết ga .

Trình Giang / Oslo

WHY DOCUMENT OBJECT MODEL WAS CREATED ?

TẠI SAO CẦN PHẢI CÓ DOM ( DOCUMENT OBJECT MODEL ) ?

DOM là một standardized software được sọan thảo và cho xử dụng vào năm 1997 bởi W3C ( World Wide Web Consortium) dùng để áp dụng chung cho tất cả các browsers trong việc điều hành và sọan thảo trang Web mà không bị trở ngại.

Trước khi DOM ra đời, năm 1990 mỗi browser tự tạo riêng một software dùng để điều hành trang Web (access and manipulate any element of webpage content). Microsoft có VBScript,Apple có AppleScript,Netscape có JavaScript .

Hiện nay DOM có 3 cấp gọi là level (level 1,level 2 và level 3).Level 1 xuất hịên năm 1998,level 2 xuất hịên năm 2000 và năm 2004 có level 3 .

Đến năm 2005 DOM được hổ trợ bởi tất cả các browsers như sau :

Internet Explorer,Opera,Safari,Google Chrome, Mozilla,Firefox,SeaMonkey,Camino,RockMelt và DOM được đặt tên là ECMAScript.

Dùng JavaScript hay các programs khác để vận hành DOM.Muốn activate DOM thì dùng javascript function và muốn activate javascript function thì dùng click button gọi là event handler.

DOM có nhiều công thức giúp chung ta tiếp cận,tạo dựng,thêm vào,xóa bỏ,tu chỉnh,vận hành,làm xuất hịên và che dấu bất cứ element nào trong document.

DOM có 10 methods : document.getElementById(), document.getElementsByTagName(), node methods, createElement, appendChild, removeChild, getAttribute, setAttribute, document.forms,innerHTML.

Method document.getElementById() được xử dụng nhiều nhất.

Chép bảng html / DOM đính kèm trên vào notepad rồi thực tập.

Tất cả các tags trong HTML và XML được DOM gọi chung bằng một tên là node.

head là node,body là node,p là node.Node nào được chứa trong node khác thì được gọi childNode.Như vậy có nghĩa là html gọi là parentNode. head goị là firstChild và body gọi là lastChild của html.

Vì có cùng parent nên firstChild và lastChild đối với nhau gọi là sibling. Node đứng kế cận phía trước được gọi là previousSibling và kế cận sau gọi là nextSibling.Tất cả các node đều có parent trừ html node.

Cơ chế của html trên được cắt nghĩa như sau.

DOM cho phép " to acess,delete,hide,show ,manipulate all styles,attributes,elements in a document ".

Muốn gắn thêm một đọan văn vào document, trước hết phải tạo ra một element node bằng cách dùng document.createTextNode(text) rồi chứa nó trong một variable có tên do mình chọn chẵng hạn như var mytext. Phải làm như vậy thì memory mới tự động cho phép chứa variable .Variable trong thí dụ trên có value là mytext.

var mytext=document.createTextNode(text).Viết đọan văn thay cho chữ text trong (text)

Sau đó phải biết rõ gắn thêm đọan văn vào đâu? Muốn biết chỗ gắn vào thì trong phần body phải tạo ṃôt div id có tên div id="mydiv". Rồi dùng appendChild(mytext) gắn vào "mydiv" bằng công thức document.getElementById("mydiv").appendChild(mytext).

Dùng function addtext() để activate DOM và dùng Click button để activate function addtext().

Lưu ý, phải có chữ any trong addtext(any) và trong createTextNode(any).Nếu không có gì hết sẽ xuất hiện chữ null khi click.

Có thể viết đọan văn thay cho chữ any trong createTextNode(any).

Khi dùng createElement() hay createTextNode() thi phải dùng appendChild() để nối cái vừa tạo dựng vào trang Web.

DOM rất dài và rất hay.Sẽ có tiếp những bài hướng dẫn cách xữ dụng tất cả các công thức của DOM.