tag:blogger.com,1999:blog-87705268589187466422023-11-15T23:48:32.548-08:00Vương NQTrang web dành cho giáo viên THCSVua bình luậnhttp://www.blogger.com/profile/13236792442491512325noreply@blogger.comBlogger20125tag:blogger.com,1999:blog-8770526858918746642.post-13045143677770034552017-09-08T20:38:00.000-07:002017-09-08T20:38:03.248-07:00Làm bánh dẻo<b><span style="color: red;">Bì bánh:</span></b><br />
- Nước đường : 500 g<br />
- Bột 250 g<br />
------------------<br />
<b>Tổng: 750 g.</b><br />
<br />
<b><span style="color: red;">Nhân bánh :</span></b><br />
- Nước đường 200 g<br />
- Bột 100 g<br />
-----------------------<br />
<b>Tổng 300 g</b><br />
<br />
<br />
<br />
<b><span style="color: blue;">**** Tỷ lệ Bì : Nhân = 3 : 2</span></b>Vua bình luậnhttp://www.blogger.com/profile/13236792442491512325noreply@blogger.com0tag:blogger.com,1999:blog-8770526858918746642.post-3091572845572096412017-06-10T17:07:00.003-07:002017-06-11T07:05:05.526-07:00Tự động<h1 id="ketquadoi">
Kết quả :
</h1>
---<br />
---<br />
---<br />
---<br />
<button onclick="myFunctiondoi1()" type="button">Bắt đầu</button>
<br />
---<br />
---<br />
---<br />
---<br />
<script>
function myFunctiondoi1() {
var s1, s2,tg,kq;
// Truyen tham so từ id=""
//--------lấy số ngẫu nhiên từ 1 đến 99999---------------
kq = Math.floor((Math.random() * 99999) + 0);
document.getElementById("ketquadoi").innerHTML =kq;
}
</script>
Vua bình luậnhttp://www.blogger.com/profile/13236792442491512325noreply@blogger.com0tag:blogger.com,1999:blog-8770526858918746642.post-26697153624868965682017-06-10T17:05:00.003-07:002017-06-11T06:52:27.779-07:00Tự chọn khoảng<b><span style="color: #0b5394;">Chọn số ngẫu nhiên</span></b><br />
Từ :<input id="numb1" min="0" style="width: 200px;" type="number" />
Đến :<input id="numb2" min="0" style="width: 200px;" type="number" />
<button onclick="myFunctiondoi1()" type="button">Bắt đầu</button>
<br />
---<br />
---<br />
---<br />
---<br />
<h1 id="ketquadoi">
Kết quả : </h1>
---<br />
---<br />
---<br />
<script>
function myFunctiondoi1() {
var s1, s2,tg,kq;
// Truyen tham so từ id=""
s1 = document.getElementById("numb1").value;
s2 = document.getElementById("numb2").value;
//--------lấy số ngẫu nhiên từ s1 đến s2---------------
kq = Math.floor((Math.random() * s2) + s1);
document.getElementById("ketquadoi").innerHTML = kq;
}
</script>
Vua bình luậnhttp://www.blogger.com/profile/13236792442491512325noreply@blogger.com0tag:blogger.com,1999:blog-8770526858918746642.post-78485212227086300692017-03-27T18:26:00.001-07:002017-05-03T18:07:13.945-07:00DKGD<div style="background-color: white; box-sizing: border-box; margin-bottom: 1em; text-indent: 1.5em;">
<div style="text-align: justify; text-indent: 0px;">
<div style="font-size: 14px;">
<span style="color: #3c3c3c; font-family: arial, helvetica, sans-serif; font-size: 14px;">https://1drv.ms/x/s!AiOjabsOO_z-i3KyHBFcBvkrW1ud</span><br />
<div style="color: #3c3c3c; font-size: 14px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="color: #3c3c3c; font-size: 14px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">VẬT LÝ</span></div>
<div style="color: #3c3c3c; font-size: 14px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">ĐỀ KIỂM TRA HỌC KỲ 2</span></div>
</div>
<div style="color: #3c3c3c; font-size: 14px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Câu 1: Viết công thức tính công suất?</span></div>
<div style="color: #3c3c3c; font-size: 14px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Câu2: Nêu 3 nguyên lý truyền nhiệt?</span></div>
<div style="color: #3c3c3c; font-size: 14px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Câu3: Một ống nghiệm đựng đầy nước, đốt nóng ở miệng ống, ở giữa ống hay ở đáy ống thì tất cả nước trong ống đề nóng lên? Tại sao?</span></div>
<div style="color: #3c3c3c; font-size: 14px;">
<span style="font-family: "arial" , "helvetica" , sans-serif;">Câu 4: Nhiệt dung riêng của nước là 4200 J/Kg.K điều đó có nghĩa là gì?</span></div>
<div style="color: #3c3c3c;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 14px;">Câu5: Một xoong nước bằng đồng có khối lượng 1 Kg chứa 3 lít nước ở nhiệt độ 20 </span><span style="font-size: xx-small;">0</span><span style="font-size: 14px;">C </span></span></div>
<div style="color: #3c3c3c;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 14px;">Muốn đun sôi xoong nước này cần một nhiệt lượng bằng bao nhiêu?</span></span></div>
<div style="color: #3c3c3c;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 14px;">Cho biết nhiệt dung riêng của đồng là 380 J/Kg.K , của nước là 4200 J/Kg.K</span></span></div>
<div style="color: #3c3c3c;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 14px;"><br /></span></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 14px;">TIN HỌC</span></span></div>
<div style="color: #3c3c3c;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 14px;"><br /></span></span>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 14px;">Câu 1 : Trình bày cấu trúc lệnh rẽ nhánh If trong Pascal.</span></span></div>
<div style="color: #3c3c3c;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 14px;">Câu2 : Trình bày cấu trúc lệnh lặp For trong Pascal.</span></span></div>
<div style="color: #3c3c3c;">
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 14px;">Câu3 : Viết chương trình tính tổng các số tự nhiên từ 1 đến 1000.</span></span></div>
</div>
</div>
Vua bình luậnhttp://www.blogger.com/profile/13236792442491512325noreply@blogger.com0tag:blogger.com,1999:blog-8770526858918746642.post-3248493502541264642016-12-13T19:37:00.001-08:002016-12-13T23:50:57.321-08:00Blog của học sinh dự thi<a href="http://congcutoan6.blogspot.com/">http://congcutoan6.blogspot.com</a><br />
<br />
<br />
127.0.0.1 truykich.net.vn<br />
127.0.0.1 sinhnhat.truykich.net.vn<br />
127.0.0.1 truykich.net.vn/default.aspx<br />
127.0.0.1 truykich.net.vn/landing<br />
127.0.0.1 truykich.net.vn/dang-ky?agencyid=0<br />
127.0.0.1 vipthaibinh95.yw.lt/main.php?f=3230322<br />
127.0.0.1 truykich.net.vn/Tin-tuc/Trai-nghiem-Truy-Kich-tai-tru-so-VTC-Mobile-273.htm<br />
127.0.0.1 truykich.net.vn/dang-ky?agencyid=25104200<br />
127.0.0.1 truykich.net.vn/dang-ky?agencyid=25104200<br />
127.0.0.1 sukien.truykich.vnVua bình luậnhttp://www.blogger.com/profile/13236792442491512325noreply@blogger.com0tag:blogger.com,1999:blog-8770526858918746642.post-22923667980345374082016-07-13T06:59:00.002-07:002017-03-27T18:25:04.582-07:00hai div lồng nhauhttps://hopamchuan.com/song/1405/chieu-dong-di-vang<br />
<br />
<span style="background-color: white; color: #333333; font-family: "helvetica neue light" , , "helvetica neue" , "helvetica" , "arial" , sans-serif; font-size: 14px; line-height: 19.6px; text-align: justify;"><div style="height: 600px; left: 10px; position: relative; top: 10px; width: 600px; z-index: 1;"></span><br />
<br style="background-color: white; color: #333333; font-family: "Helvetica Neue Light", HelveticaNeue-Light, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 19.6px; text-align: justify;" />
<span style="background-color: white; color: #333333; font-family: "helvetica neue light" , , "helvetica neue" , "helvetica" , "arial" , sans-serif; font-size: 14px; line-height: 19.6px; text-align: justify;"></div></span><br />
<span style="background-color: white; color: #333333; font-family: "helvetica neue light" , , "helvetica neue" , "helvetica" , "arial" , sans-serif; font-size: 14px; line-height: 19.6px; text-align: justify;"><div style="left: 75px; position: absolute; right: 75px; top: 75px; z-index: 2;"></span><br />
<br style="background-color: white; color: #333333; font-family: "Helvetica Neue Light", HelveticaNeue-Light, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 19.6px; text-align: justify;" />
<span style="background-color: white; color: #333333; font-family: "helvetica neue light" , , "helvetica neue" , "helvetica" , "arial" , sans-serif; font-size: 14px; line-height: 19.6px; text-align: justify;"></div></span>Vua bình luậnhttp://www.blogger.com/profile/13236792442491512325noreply@blogger.com0tag:blogger.com,1999:blog-8770526858918746642.post-77187040587323979452016-05-26T01:42:00.002-07:002016-05-27T07:50:17.939-07:00Bói vuiNhập tên của bạn: (Chỉ nhập tên)<br />
<input id="ten" min="2" style="width: 200px;" type="text" />
<button onclick="xemboi()" type="button">Bói theo tên</button>
<br />
<br />
<hr />
<div class="style2" id="ketqua">
Kết quả : </div>
<script>
function xemboi() {
var tg,ten, ketqua;
// Truyen tham so cho id="ten"
tg = document.getElementById("ten").value;
ten=tg.slice(0, 1)
//-------------Vòng kiểm định ------
switch(ten) {
case "A":
ketqua="Bạn hào phóng";
break;
case "a":
ketqua="Bạn thông minh";
break;
}
//----------------------------------
document.getElementById("ketqua").innerHTML = ketqua;
}
</script>Vua bình luậnhttp://www.blogger.com/profile/13236792442491512325noreply@blogger.com0tag:blogger.com,1999:blog-8770526858918746642.post-13102214655788013812016-05-25T20:41:00.001-07:002016-05-25T20:41:24.833-07:00Cách pha nước rửa múi✽ Nếu chưa mua kịp mua các gói muối vệ sinh mũi chuyên dùng, khách hàng có thể tự pha muối rất đơn giản để vệ sinh mũi-họng: 1 lít nước đã đun sôi pha với 9 gam muối tinh (khô). Lắc đều cho muối tan hết, đậy kín. 1 lít có thể dùng từ 4-6 lần rửa mũi.
✽ Nước muối hiệu quả nhất là khi làm ấm. Trước khi rửa thì thử nhiệt độ bằng cách nhỏ lên tay.
BÌNH RỬA MŨI CHỮA XOANG NASAL AD
✪ Phân phối độc quyền bởi công ty CP An Sinh, Đông Anh Hà Nội
☎ Hotline: 091.674.5509; 091.497.0526Vua bình luậnhttp://www.blogger.com/profile/13236792442491512325noreply@blogger.com0tag:blogger.com,1999:blog-8770526858918746642.post-13267178764690234092016-05-11T19:35:00.001-07:002016-05-14T03:51:11.479-07:00SO SÁNH HAI PHÂN SỐ<b>ĐỂ SO SÁNH HAI PHÂN SỐ CÓ NHIỀU CÁCH</b><br />
<i>Sau đây là một số gợi ý khi gặp bài toán cần so sánh hai phân số</i><br />
<br />
<b><span style="color: blue;">Nhập tử và mẫu của phân số thứ nhất:</span></b><br />
<br />
Tử số: <input id="tuso1" type="number" />
Mẫu số: <input id="mauso1" type="number" />
<br />
<br />
<br />
<b><span style="color: blue;">Nhập tử và mẫu của phân số thứ hai:</span></b><br />
<br />
Tử số: <input id="tuso2" type="number" />
Mẫu số: <input id="mauso2" type="number" />
<br />
<br />
<br />
<button onclick="myFunction1()" type="button"> Kết quả phân tích bài toán </button>
<!-----------Điều khiển nút Gợi ý --------------->
<script>
function myFunction1() {
var x1,x2,y1,y2 ;
var tl="";
t1= document.getElementById("tuso1").value;
m1= document.getElementById("mauso1").value;
t2= document.getElementById("tuso2").value;
m2= document.getElementById("mauso2").value;
//--------------------
if (t1<m1 && t2>m2) {
tl = "Sử dụng PP bắc cầu (số trung gian là 1)";
} else if (t1<t2 && m1>m2) {
tl = "Sử dụng PP bắc cầu, Phân số trung gian là ...";
} else {
tl = "Không phân tích được";
}
document.getElementById("ketqua").innerHTML = tl;
}
//--------------------
</script>
<br />
<br />
<div id="ketqua">
Nội dung gợi ý sẽ nằm ở đây
<br />
<br />
</div>
<hr>
CÁC PP SO SÁNH PHÂN SỐ <br />
- PP qui đồng tử số hoặc mẫu số<br />
- PP bắc cầu ( so sánh với số trung gian)<br />
- PP phần bù .<br />
- PP phần thừa.<br />
- PP rút gọn.<br />
- PP thực hiện phép chia.Vua bình luậnhttp://www.blogger.com/profile/13236792442491512325noreply@blogger.com0tag:blogger.com,1999:blog-8770526858918746642.post-33493904585229743852015-12-23T23:04:00.002-08:002016-01-07T05:32:58.067-08:00Trang học MySQL hay<a href="http://freetuts.net/cai-dat-mysql-va-tham-quan-phpmyadmin-311.html" target="_blank">Học My SQL hay</a><br />
<br />
<div class="line number1 index0 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 14px; height: auto !important; left: auto !important; line-height: 15.4px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="php comments" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 130, 0) !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">// BƯỚC 1: KẾT NỐI : Địa chỉ host , tên đăng nhập , mật khẩu , tên csdl</code></div>
<div class="line number1 index0 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 14px; height: auto !important; left: auto !important; line-height: 15.4px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="php comments" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 130, 0) !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><br /></code></div>
<div class="line number2 index1 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 14px; height: auto !important; left: auto !important; line-height: 15.4px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="php variable" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$conn</code> <code class="php plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">= mysqli_connect(</code><code class="php string" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'localhost'</code><code class="php plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">, </code><code class="php string" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'root'</code><code class="php plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">, </code><code class="php string" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'vertrigo'</code><code class="php plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">, </code><code class="php string" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'demo'</code><code class="php plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">) </code></div>
<div class="line number3 index2 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 14px; height: auto !important; left: auto !important; line-height: 15.4px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="php keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">or</code> <code class="php keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">die</code> <code class="php plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(</code><code class="php string" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'Không thể kết nối tới database'</code><code class="php plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">);</code></div>
<div class="line number4 index3 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 14px; height: auto !important; left: auto !important; line-height: 15.4px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number5 index4 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 14px; height: auto !important; left: auto !important; line-height: 15.4px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="php comments" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 130, 0) !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">// BƯỚC 2: TẠO CÂU TRUY VẤN : Mở bảng sinh viên , </code><code class="php comments" style="background-attachment: initial !important; background-clip: initial !important; background-color: transparent; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 130, 0) !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">Dùng biến </code><span style="color: #aa7700; line-height: 15.4px;">$sql</span><span style="background-color: transparent; color: #008200; line-height: 15.4px;"> làm trung gian</span></div>
<div class="line number5 index4 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 14px; height: auto !important; left: auto !important; line-height: 15.4px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="background-color: transparent; color: #008200; line-height: 15.4px;"><br /></span></div>
<div class="line number6 index5 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 14px; height: auto !important; left: auto !important; line-height: 15.4px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="php variable" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$sql</code> <code class="php plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">= </code><code class="php string" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: blue !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'SELECT * FROM SinhVien'</code><code class="php plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></div>
<div class="line number7 index6 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 14px; height: auto !important; left: auto !important; line-height: 15.4px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number8 index7 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 14px; height: auto !important; left: auto !important; line-height: 15.4px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="php comments" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 130, 0) !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">// BƯỚC 3: YÊU CẦU THỰC THI CÂU TRUY VẤN : Dùng biến </code><span style="color: #aa7700; line-height: 15.4px;">$result</span><span style="color: #008200; line-height: 15.4px;"> làm trung gian</span></div>
<div class="line number8 index7 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 14px; height: auto !important; left: auto !important; line-height: 15.4px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="color: #008200; line-height: 15.4px;"><br /></span></div>
<div class="line number9 index8 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 14px; height: auto !important; left: auto !important; line-height: 15.4px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="php variable" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$result</code> <code class="php plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">= mysqli_query(</code><code class="php variable" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$conn</code><code class="php plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">, </code><code class="php variable" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$sql</code><code class="php plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">);</code></div>
<div class="line number10 index9 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 14px; height: auto !important; left: auto !important; line-height: 15.4px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
</div>
<div class="line number11 index10 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 14px; height: auto !important; left: auto !important; line-height: 15.4px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="php comments" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 130, 0) !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">// BƯỚC 4: XỬ LÝ KẾT QUẢ MYSQL TRẢ VỀ</code></div>
<div class="line number11 index10 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 14px; height: auto !important; left: auto !important; line-height: 15.4px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="php comments" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 130, 0) !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><br /></code></div>
<div class="line number12 index11 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 14px; height: auto !important; left: auto !important; line-height: 15.4px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="php keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">while</code> <code class="php plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(</code><code class="php variable" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$row</code> <code class="php plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">= mysqli_fetch_assoc(</code><code class="php variable" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$result</code><code class="php plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">)){</code></div>
<div class="line number13 index12 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 14px; height: auto !important; left: auto !important; line-height: 15.4px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="php spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="php plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">var_dump(</code><code class="php variable" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(170, 119, 0) !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$row</code><code class="php plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">);</code></div>
<div class="line number14 index13 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 14px; height: auto !important; left: auto !important; line-height: 15.4px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="php plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">}</code></div>
<div class="line number14 index13 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 14px; height: auto !important; left: auto !important; line-height: 15.4px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="php plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><br /></code></div>
<div class="line number14 index13 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 14px; height: auto !important; left: auto !important; line-height: 15.4px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="php plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">// Chú ý : </code><span style="line-height: 15.4px;">mysqli_connect, </span><span style="line-height: 15.4px;">mysqli_query, </span><span style="line-height: 15.4px;">mysqli_fetch_assoc là các lệnh của MySQL</span></div>
<div class="line number14 index13 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: #333333; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 14px; height: auto !important; left: auto !important; line-height: 15.4px; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="php plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: black !important; display: inline-block; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">server.(Không phải lệnh của PHP).</code></div>
Vua bình luậnhttp://www.blogger.com/profile/13236792442491512325noreply@blogger.com0tag:blogger.com,1999:blog-8770526858918746642.post-2670112125849797102015-11-11T20:29:00.000-08:002016-06-01T19:28:42.565-07:00Toán chuyển động<span style="color: blue;"><b>1. Người thứ 2 đuổi kịp người thứ nhất lúc mấy giờ?</b></span><br />
Bài toán:<br />
Lúc 8 giờ một người đi từ A và đến B lúc 12 giờ.<br />
Lúc 8.30' người thứ 2 đi từ A và đến B lúc 11.30'.<br />
-----------------------------------------------------------------------<br />
Hỏi người thứ 2 đuổi kịp người thứ nhất lúc mấy giờ?<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyosKWxKbDJ1Km6Hik5gi3Jt91RPc6BNVIq6LHM3HmQqaNcaxqBAXgC364x-jjoqxOYipNoPpLudrU0seIGq-s98N7rB5mTL_kdJ4AGCLgxjYbooKoyccIWKTTMH0wwP-MdVWuvDOvLspa/s1600/chuyenDong1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyosKWxKbDJ1Km6Hik5gi3Jt91RPc6BNVIq6LHM3HmQqaNcaxqBAXgC364x-jjoqxOYipNoPpLudrU0seIGq-s98N7rB5mTL_kdJ4AGCLgxjYbooKoyccIWKTTMH0wwP-MdVWuvDOvLspa/s400/chuyenDong1.JPG" width="400" /></a></div>
Cách giải :<br />
<span style="color: red;">Thời gian đi</span> của người thứ nhất =<span style="color: red;"> (Thời điểm đến - thời điểm đi)</span> = 12 - 8 = 4 (giờ).<br />
Thời gian đi của người thứ hai = (Thời điểm đến - thời điểm đi) = 11.30' - 8.30' = 3 (giờ).<br />
Giả sử hai người gặp nhau lúc x giờ, Tại thời điểm đó quãng đường đi được là bằng nhau.<br />
Chia quãng đường AB thành 4.3 = 12 phần.<br />
Như vậy mỗi giờ người thứ nhất đi được 3/12 quãng đường. Người thứ hai đi được 4/12 quãng đường.<br />
Vậy ta có:<br />
(x-8).3 = (x-8,5)4<br />
x = 10.<br />
<br />
Người thứ nhất(Thời điểm đi / thời điểm đến)
<input id="numb1" min="0" style="width: 100px;" type="number" />
<input id="numb2" min="0" style="width: 100px;" type="number" /> <br />
<br />
Người thứ hai(Thời điểm đi / thời điểm đến)
<input id="numb3" min="0" style="width: 100px;" type="number" />
<input id="numb4" min="0" style="width: 100px;" type="number" />
<button onclick="myFunction1()" type="button">Trả lời</button>
<br />
<div class="style2" id="ketqua1">
Kết quả : </div>
<br />
<hr />
<br />
<span style="color: blue;"><b>2. Tính chiều dài quãng đường AB?</b></span><br />
Bài toán:<br />
Người thứ nhất đi từ A đến B với vận tốc 30 km/h<br />
20' sau người thứ 2 cũng đi từ A đến B với vận tốc 36 km/h và đến B sau 5 phút.<br />
--------------------------------------------------------------------------------------------------<br />
Tính chiều dài quãng đường AB?<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrfurYG3DAm25ClWN0l25d8UKamB6ud8jHJmMe7dd5eP-TkzC9iTX2i09u_KU1MeOHoWe_VFIs1u1uTtAfT6VJm0vU0hfrbXPQdZxm2U4_L00AM3Hm8J9OKn8BwPeQb3a3SXjsqpozZiYZ/s1600/ChuyenDong2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrfurYG3DAm25ClWN0l25d8UKamB6ud8jHJmMe7dd5eP-TkzC9iTX2i09u_KU1MeOHoWe_VFIs1u1uTtAfT6VJm0vU0hfrbXPQdZxm2U4_L00AM3Hm8J9OKn8BwPeQb3a3SXjsqpozZiYZ/s400/ChuyenDong2.JPG" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Cách giải:</div>
Trước hết bạn phải tính được thời gian người thứ nhất đã đi.
t = (vận tốc người 2 - vận tốc người 1)* thời gian giảm.
<br />
<br />
Vận tốc người thứ nhất :
<input id="numb5" min="0" style="width: 100px;" type="number" /><br />
<br />
Vận tốc người thứ hai :
<input id="numb6" min="0" style="width: 100px;" type="number" /><br />
Hiệu thời gian đi của người thứ nhất và thứ 2.
<input id="numb7" min="0" style="width: 100px;" type="number" />
<button onclick="myFunction2()" type="button">Trả lời</button>
<br />
<div class="style2" id="ketqua2">
Kết quả : <br />
<br />
<br />
Vận tốc người thứ nhất :<br />
<input id="numb5" min="0" style="width: 100px;" type="number" /><br /><br />
<br /><br />
Vận tốc người thứ hai :<br />
<input id="numb6" min="0" style="width: 100px;" type="number" /><br /><br />
Hiệu thời gian đi của người thứ nhất và thứ 2.<br />
<input id="numb7" min="0" style="width: 100px;" type="number" /><br />
<button onclick="myFunction2()" type="button">Trả lời</button><br />
<br />
<br /><br />
<div class="style2" id="ketqua2"><br />
Kết quả : <br /><br />
<br /><br />
<br /><br />
<br /></div><br />
<script><br />
function myFunction2() {<br />
var x, y, z, t, ketqua;<br />
// Truyen tham so cho id="numb1"<br />
x = document.getElementById("numb5").value*1;<br />
y = document.getElementById("numb6").value*1;<br />
z = document.getElementById("numb7").value*1;<br />
t = (y-x)*z;<br />
ketqua = t*x;<br />
document.getElementById("ketqua2").innerHTML = "Quãng đường dài là " + ketqua +"km";<br />
}<br />
</script></div>
<script>
function myFunction2() {
var x, y, z, t, ketqua;
// Truyen tham so cho id="numb1"
x = document.getElementById("numb5").value*1;
y = document.getElementById("numb6").value*1;
z = document.getElementById("numb7").value*1;
t = (y-x)*z;
ketqua = t*x;
document.getElementById("ketqua2").innerHTML = "Quãng đường dài là " + ketqua +"km";
}
</script>Vua bình luậnhttp://www.blogger.com/profile/13236792442491512325noreply@blogger.com0tag:blogger.com,1999:blog-8770526858918746642.post-13303363216958388832015-10-08T21:26:00.000-07:002015-10-09T20:58:25.506-07:00Code đọc 1 cell trong file excelHTML:<br />
<button type="button" onclick="loadData()">Load Spreadsheet Data</button><br />
<div id="display"></div><br />
-----------------------------------------------<br />
JS:<br />
function loadData() {<br />
var url = "https://docs.google.com/spreadsheet/pub?key=p_aHW5nOrj0VO2ZHTRRtqTQ&single=true&gid=0&range=A1&output=csv";<br />
xmlhttp = new XMLHttpRequest();<br />
xmlhttp.onreadystatechange = function () {<br />
if (xmlhttp.readyState == 4) {<br />
document.getElementById("display").innerHTML = xmlhttp.responseText;<br />
//alert(xmlhttp.responseText);<br />
}<br />
};<br />
xmlhttp.open("GET", url, true);<br />
xmlhttp.send(null);<br />
}<br />
------------------------------------------------<br />
HOẠT ĐỘNG:<br />
- Khi bấm vào nút "Load Spreadsheet Data" thì hàm "loadData()" được chạy.<br />
- Khi hàm "loadData()" chạy thì:<br />
+ Gán biến "url" = đường dẫn đến file excel.<br />
+ Khởi tạo đối tượng "XMLHttpRequest" cấu trúc lệnh "<i style="background-color: white; box-sizing: border-box; font-family: Consolas, 'courier new'; font-size: 16px; line-height: 22.4px;">variable </i><span style="background-color: white; font-family: Consolas, 'courier new'; font-size: 16px; line-height: 22.4px;">= </span><span class="highELE" style="background-color: white; box-sizing: border-box; color: brown; font-family: Consolas, 'courier new'; font-size: 16px; line-height: 22.4px;">new</span><span style="background-color: white; font-family: Consolas, 'courier new'; font-size: 16px; line-height: 22.4px;"> XMLHttpRequest();"</span><br />
+ Gửi sự kiện tới máy chủ. "xmlhttp.onreadystatechange = function ()"<br />
++ Nếu yêu cầu hoàn thành và sẵn sàng trả lời " if (xmlhttp.readyState == 4)" thì<br />
Truyền dữ liệu theo ID cho ID"display" - với ngôn ngứ HTML kiểu chuỗi "xmlhttp.responseText;" từ máy chủ.<br />
++ Yêu cầu máy chủ mở đối tượng."xmlhttp.open("GET", url, true);<br />
<br />
--------------------------------------------------<br />
*<br />
- Các đối tượng XMLHttpRequest được sử dụng để trao đổi dữ liệu với một máy chủ ẩn sau màn hình. Điều này có nghĩa rằng nó có thể cập nhật các phần của một trang web, mà không cần tải lại toàn bộ trang.<br />
- Dữ liệu kiểu chuỗi : = xmlhttp.responseText;<br />
- Dữ liệu kiểu XML : = xmlhttp.responseXML;<br />
--------------------------------------------------<br />
<a href="http://hieusensei.com/ajax-voi-javascript-va-jquery" target="_blank">Tham khảo thêm</a><br />
<br />
<button onclick="loadData()" type="button">Load Spreadsheet Data</button>
<br />
<div id="display">
</div>
<script>
function loadData() {
var url = "https://docs.google.com/spreadsheet/pub? key=p_aHW5nOrj0VO2ZHTRRtqTQ&single=true&gid=0&range=A1&output=csv";
xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == 4) {
document.getElementById("display").innerHTML = xmlhttp.responseText;
//alert(xmlhttp.responseText);
}
};
xmlhttp.open("GET", url, true);
xmlhttp.send(null);
}
</script>Vua bình luậnhttp://www.blogger.com/profile/13236792442491512325noreply@blogger.com0tag:blogger.com,1999:blog-8770526858918746642.post-61948527625718673682015-10-07T17:38:00.002-07:002015-11-11T20:24:36.196-08:00Pascal - Thịt kho dừa<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLMRgJzopvfzFoFapUnouKINI7MZUaB27WvDSt_DvBJsxrbNtgnN6od00l2XoVIvmLb3ZMX_BBx0t7GrJog0n6y3upfObtdYA7gf2wbVbg125fhIQkVqiqIDz1U8G2E5IWNOExY-_zOsmN/s1600/While_do.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLMRgJzopvfzFoFapUnouKINI7MZUaB27WvDSt_DvBJsxrbNtgnN6od00l2XoVIvmLb3ZMX_BBx0t7GrJog0n6y3upfObtdYA7gf2wbVbg125fhIQkVqiqIDz1U8G2E5IWNOExY-_zOsmN/s320/While_do.JPG" width="296" /></a></div>
<br />
NỘI DUNG CHƯƠNG TRINH: (Sử dụng vòng lặp while <điều kiện> do <câu lệnh>)<br />
--------------------------------------------<br />
program DuaKhoThit; {---- Khai bao ten chuong trinh -----}<br />
uses crt; { Khai bao unit }<br />
var thit,dua,hanh:real; {------ Khai bao bien ------}<br />
cauhoi:char;<br />
Begin<br />
clrscr;<br />
cauhoi:='c';<br />
<br />
while cauhoi<>'k' do<br />
begin<br />
write('Nhap luong thit : '); read(thit);<br />
{------ Bat dau xu ly thong tin vao -------}<br />
dua:=75/100*thit; {---dua = 75% cua thit ----}<br />
hanh:=1/100*thit; {--- hanh = 1% cua thit ----}<br />
writeln('Luong dua can mua la : ', dua:8:2);<br />
writeln('Luong hanh can mua la : ', hanh:8:2);<br />
readln;<br />
write('Ban co muon tinh nua khong c/k : '); read(cauhoi);<br />
end;<br />
End.<br />
------------------------------------------------<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMd0KEHHr1RGGjKgdcMsuDqkeySfKiiz13u-HI6iFsOuW0cOy6JBmnfTOEpJpxB3su1O-Rr-Hjo-kSCGbHZW26s8IjZBjB_vvf_ZgYqcXdnwN2yq2THQcpUOSWd_m2v-jHcebkzysUlKYa/s1600/repeat_until.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMd0KEHHr1RGGjKgdcMsuDqkeySfKiiz13u-HI6iFsOuW0cOy6JBmnfTOEpJpxB3su1O-Rr-Hjo-kSCGbHZW26s8IjZBjB_vvf_ZgYqcXdnwN2yq2THQcpUOSWd_m2v-jHcebkzysUlKYa/s320/repeat_until.JPG" width="296" /></a></div>
<br />
HOẶC : (Sử dụng vòng lặp reapeat <câu lệnh> Until <điều kiện>)<br />
------------------------------------------------<br />
program DuaKhoThit; {---- Khai bao ten chuong trinh -----}<br />
uses crt; { Khai bao unit }<br />
var thit,dua,hanh:real; {------ Khai bao bien ------}<br />
cauhoi:char;<br />
Begin<br />
clrscr;<br />
cauhoi:='c';<br />
<br />
repeat<br />
begin<br />
write('Nhap luong thit : '); read(thit);<br />
{------ Bat dau xu ly thong tin vao -------}<br />
dua:=75/100*thit; {---dua = 75% cua thit ----}<br />
hanh:=1/100*thit; {--- hanh = 1% cua thit ----}<br />
writeln('Luong dua can mua la : ', dua:8:2);<br />
writeln('Luong hanh can mua la : ', hanh:8:2);<br />
readln;<br />
write('Ban co muon tinh nua khong c/k : '); read(cauhoi);<br />
end;<br />
until cauhoi='k';<br />
<br />
End.Vua bình luậnhttp://www.blogger.com/profile/13236792442491512325noreply@blogger.com0tag:blogger.com,1999:blog-8770526858918746642.post-998417917392172082015-10-07T09:58:00.001-07:002015-10-07T17:33:15.075-07:00Data online<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhERRRDOKgjKZWd5xMVSni1dzliPMwTF9_mx8cI2cy1lsKvUBc-VN6F6iqmsRpKrNr2JtJAkiW3eqZiV_tlpvMd-T3l9qCRpRsdyiBCpmFwwVSWsz2cXCIJCxEuVQVRoqOMXi-wzVFWiC8w/s1600/Du+lieu+online.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhERRRDOKgjKZWd5xMVSni1dzliPMwTF9_mx8cI2cy1lsKvUBc-VN6F6iqmsRpKrNr2JtJAkiW3eqZiV_tlpvMd-T3l9qCRpRsdyiBCpmFwwVSWsz2cXCIJCxEuVQVRoqOMXi-wzVFWiC8w/s320/Du+lieu+online.JPG" width="320" /></a></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<b><span lang="EN-US" style="font-size: 18.0pt; line-height: 107%; mso-ansi-language: EN-US; mso-bidi-font-size: 11.0pt;">LƯU TRỮ DỮ LIỆU ONLINE <span style="color: red;">MIỄN PHÍ</span><o:p></o:p></span></b></div>
<br />
<table align="left" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td height="19" width="38"></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</tbody></table>
<div class="MsoNormal">
<!--[if gte vml 1]><v:shapetype id="_x0000_t202"
coordsize="21600,21600" o:spt="202" path="m,l,21600r21600,l21600,xe">
<v:stroke joinstyle="miter"/>
<v:path gradientshapeok="t" o:connecttype="rect"/>
</v:shapetype><v:shape id="Text_x0020_Box_x0020_1" o:spid="_x0000_s1026"
type="#_x0000_t202" style='position:absolute;margin-left:-62.25pt;
margin-top:15.15pt;width:102pt;height:27.75pt;z-index:251659264;visibility:visible;
mso-wrap-style:square;mso-wrap-distance-left:9pt;mso-wrap-distance-top:0;
mso-wrap-distance-right:9pt;mso-wrap-distance-bottom:0;
mso-position-horizontal:absolute;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text;
v-text-anchor:top' o:gfxdata="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
CaPcbCd0ZHQPExEKcF6dSnoWN94015uLlFruqVDo8aC0Fm60L/+XF+fNNegtcwNNTKagiXfc8Vv1
JpTMBKUdfwrbfriMU6gdoZa8iIZwYDaRPHvhz8MsKReyh0SUBVyTTsYGMZGYe5TEHV9Nv0wDTTSH
aN+qNSCEC+vcJtDKRXMOkm4nGU+neCLNtBsSFensFhg+4wrnU61+frDSZDNI9zAKjr0xnfHbCEqs
2a6qAAZEwOlPNYtmQOA4sySyRf0tNaacds3zRF1DmRzRNEJ5RzHJPINrKi/d0XdlDIy7fM4QUCMk
eSMch6rBmkG1umnZNTIf1nbd05VU5AzSXPRMi1VU13SzmDVC0QaWYnm+Jm94VYQYOM3s8Bl1L1Pu
ZsF1S+uEsktAwMv4ObruGRqC4dpiMMs15fEqDSvOzqV27ygmeIprZ2kSBuu3CrNLcSt7hHM4EJ6r
84PectWCaFqsK3WkXZ8mDlDqjcNqx4fPA3A+8QCu4AODD7KaktWUDK7gqwG0i+yov+PnF4UEnmeS
ElMvJPUC0ygkjULSLCTNQtIqJC3f02fi8B1GHYf7XnHkDT0sPyLP1xb295vtfwEAAP//AwBQSwME
FAAGAAgAAAAhAJxmRkG7AAAAJAEAACoAAABjbGlwYm9hcmQvZHJhd2luZ3MvX3JlbHMvZHJhd2lu
ZzEueG1sLnJlbHOEj80KwjAQhO+C7xD2btJ6EJEmvYjQq9QHCMk2LTY/JFHs2xvoRUHwsjCz7Dez
TfuyM3liTJN3HGpaAUGnvJ6c4XDrL7sjkJSl03L2DjksmKAV201zxVnmcpTGKSRSKC5xGHMOJ8aS
GtHKRH1AVzaDj1bmIqNhQaq7NMj2VXVg8ZMB4otJOs0hdroG0i+hJP9n+2GYFJ69elh0+UcEy6UX
FqCMBjMHSldnnTUtXYGJhn39Jt4AAAD//wMAUEsBAi0AFAAGAAgAAAAhALvlSJQFAQAAHgIAABMA
AAAAAAAAAAAAAAAAAAAAAFtDb250ZW50X1R5cGVzXS54bWxQSwECLQAUAAYACAAAACEArTA/8cEA
AAAyAQAACwAAAAAAAAAAAAAAAAA2AQAAX3JlbHMvLnJlbHNQSwECLQAUAAYACAAAACEAXx2gHIsD
AACVCQAAHwAAAAAAAAAAAAAAAAAgAgAAY2xpcGJvYXJkL2RyYXdpbmdzL2RyYXdpbmcxLnhtbFBL
AQItABQABgAIAAAAIQC2OwQiVAYAAAsaAAAaAAAAAAAAAAAAAAAAAOgFAABjbGlwYm9hcmQvdGhl
bWUvdGhlbWUxLnhtbFBLAQItABQABgAIAAAAIQCcZkZBuwAAACQBAAAqAAAAAAAAAAAAAAAAAHQM
AABjbGlwYm9hcmQvZHJhd2luZ3MvX3JlbHMvZHJhd2luZzEueG1sLnJlbHNQSwUGAAAAAAUABQBn
AQAAdw0AAAAA
" fillcolor="white [3201]" strokeweight=".5pt">
<v:textbox>
<![if !mso]>
<table cellpadding=0 cellspacing=0 width="100%">
<tr>
<td><![endif]>
<div>
<p class=MsoNormal align=center style='text-align:center'>
<b
style='mso-bidi-font-weight:normal'><span lang=EN-US style='mso-ansi-language:
EN-US'>DATA<o:p></o:p></span></b></p>
</div>
<![if !mso]></td>
</tr>
</table>
<![endif]></v:textbox>
</v:shape><v:shape id="Text_x0020_Box_x0020_2" o:spid="_x0000_s1028" type="#_x0000_t202"
style='position:absolute;margin-left:-184.5pt;margin-top:66.4pt;width:148.5pt;
height:61.5pt;z-index:251661312;visibility:visible;mso-wrap-style:square;
mso-width-percent:0;mso-height-percent:0;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal:absolute;
mso-position-horizontal-relative:text;mso-position-vertical:absolute;
mso-position-vertical-relative:text;mso-width-percent:0;mso-height-percent:0;
mso-width-relative:margin;mso-height-relative:margin;v-text-anchor:top'
o:gfxdata="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
pVnKYashM3SrvdiClea1t6HeKhcOKN03ccIYzHai7nCiXQhVkPTGHILmcELP7K14senw4rIyX6Rq
xQtwrcwKLJ08WHB1/GYDVEAJdlSI4kDlKUt1kV2dzLeZ6XXBtCoA1hFFBSwyval8XTs9Nbus1M6Q
acsJo9xsJ3RkdA8TEQpwXp1KehY33jTXm4uUWu6pUOjxoLQWbrQv/5cX58016C1zA01MpqCJd9zx
W/UmlMwEpR1/Ctt+uIxTqB2hlryIhnBgNpE8e+HPwywpF7KHRJQFXJNOxgYxkZh7lMQdX02/TANN
NIdo36o1IIQL69wm0MpFcw6SbicZT6d4Is20GxIV6ewWGD7jCudTrX5+sNJkM0j3MAqOvTGd8dsI
SqzZrqoABkTA6U81i2ZA4DizJLJF/S01ppx2zfNEXUOZHNE0QnlHMck8g2sqL93Rd2UMjLt8zhBQ
IyR5IxyHqsGaQbW6adk1Mh/Wdt3TlVTkDNJc9EyLVVTXdLOYNULRBpZieb4mb3hVhBg4zezwGXUv
U+5mwXVL64SyS0DAy/g5uu4ZGoLh2mIwyzXl8SoNK87OpXbvKCZ4imtnaRIG67cKs0txK3uEczgQ
nqvzg95y1YJoWqwrdaRdnyYOUOqNw2rHh88DcD7xAK7gA4MPspqS1ZQMruCrAbSL7Ki/4+cXhQSe
Z5ISUy8k9QLTKCSNQtIsJM1C0iokLd/TZ+LwHUYdh/teceQNPSw/Is/XFvb3m+1/AQAA//8DAFBL
AwQUAAYACAAAACEAnGZGQbsAAAAkAQAAKgAAAGNsaXBib2FyZC9kcmF3aW5ncy9fcmVscy9kcmF3
aW5nMS54bWwucmVsc4SPzQrCMBCE74LvEPZu0noQkSa9iNCr1AcIyTYtNj8kUezbG+hFQfCyMLPs
N7NN+7IzeWJMk3ccaloBQae8npzhcOsvuyOQlKXTcvYOOSyYoBXbTXPFWeZylMYpJFIoLnEYcw4n
xpIa0cpEfUBXNoOPVuYio2FBqrs0yPZVdWDxkwHii0k6zSF2ugbSL6Ek/2f7YZgUnr16WHT5RwTL
pRcWoIwGMwdKV2edNS1dgYmGff0m3gAAAP//AwBQSwECLQAUAAYACAAAACEAu+VIlAUBAAAeAgAA
EwAAAAAAAAAAAAAAAAAAAAAAW0NvbnRlbnRfVHlwZXNdLnhtbFBLAQItABQABgAIAAAAIQCtMD/x
wQAAADIBAAALAAAAAAAAAAAAAAAAADYBAABfcmVscy8ucmVsc1BLAQItABQABgAIAAAAIQDnMzLH
/wMAAKURAAAfAAAAAAAAAAAAAAAAACACAABjbGlwYm9hcmQvZHJhd2luZ3MvZHJhd2luZzEueG1s
UEsBAi0AFAAGAAgAAAAhALY7BCJUBgAACxoAABoAAAAAAAAAAAAAAAAAXAYAAGNsaXBib2FyZC90
aGVtZS90aGVtZTEueG1sUEsBAi0AFAAGAAgAAAAhAJxmRkG7AAAAJAEAACoAAAAAAAAAAAAAAAAA
6AwAAGNsaXBib2FyZC9kcmF3aW5ncy9fcmVscy9kcmF3aW5nMS54bWwucmVsc1BLBQYAAAAABQAF
AGcBAADrDQAAAAA=
" fillcolor="white [3201]" strokeweight=".5pt">
<v:textbox>
<![if !mso]>
<table cellpadding=0 cellspacing=0 width="100%">
<tr>
<td><![endif]>
<div>
<p class=MsoListParagraphCxSpFirst style='text-indent:-18.0pt;mso-list:
l0 level1 lfo1'>
<![if !supportLists]><span lang=EN-US style='mso-fareast-font-family:
"Times New Roman";mso-bidi-font-family:"Times New Roman";mso-ansi-language:
EN-US'><span style='mso-list:Ignore'>-<span style='font:7.0pt "Times New Roman"'>
</span></span></span><![endif]><span lang=EN-US style='mso-ansi-language:
EN-US'>Thư mục<o:p></o:p></span></p>
<p class=MsoListParagraphCxSpMiddle style='text-indent:-18.0pt;mso-list:
l0 level1 lfo1'>
<![if !supportLists]><span lang=EN-US style='mso-fareast-font-family:
"Times New Roman";mso-bidi-font-family:"Times New Roman";mso-ansi-language:
EN-US'><span style='mso-list:Ignore'>-<span style='font:7.0pt "Times New Roman"'>
</span></span></span><![endif]><span lang=EN-US style='mso-ansi-language:
EN-US'>Tệp văn bản<o:p></o:p></span></p>
<p class=MsoListParagraphCxSpLast style='text-indent:-18.0pt;mso-list:l0 level1 lfo1'>
<![if !supportLists]><span
lang=EN-US style='mso-fareast-font-family:"Times New Roman";mso-bidi-font-family:
"Times New Roman";mso-ansi-language:EN-US'><span style='mso-list:Ignore'>-<span
style='font:7.0pt "Times New Roman"'>
</span></span></span><![endif]><span lang=EN-US style='mso-ansi-language:
EN-US'>Ảnh<o:p></o:p></span></p>
</div>
<![if !mso]></td>
</tr>
</table>
<![endif]></v:textbox>
</v:shape><v:shape id="Text_x0020_Box_x0020_3" o:spid="_x0000_s1027" type="#_x0000_t202"
style='position:absolute;margin-left:57.75pt;margin-top:67.65pt;width:102pt;
height:27.75pt;z-index:251663360;visibility:visible;mso-wrap-style:square;
mso-wrap-distance-left:9pt;mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal:absolute;
mso-position-horizontal-relative:text;mso-position-vertical:absolute;
mso-position-vertical-relative:text;v-text-anchor:top' o:gfxdata="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
bCd0ZHQPExEKcF6dSnoWN94015uLlFruqVDo8aC0Fm60L/+XF+fNNegtcwNNTKagiXfc8Vv1JpTM
BKUdfwrbfriMU6gdoZa8iIZwYDaRPHvhz8MsKReyh0SUBVyTTsYGMZGYe5TEHV9Nv0wDTTSHaN+q
NSCEC+vcJtDKRXMOkm4nGU+neCLNtBsSFensFhg+4wrnU61+frDSZDNI9zAKjr0xnfHbCEqs2a6q
AAZEwOlPNYtmQOA4sySyRf0tNaacds3zRF1DmRzRNEJ5RzHJPINrKi/d0XdlDIy7fM4QUCMkeSMc
h6rBmkG1umnZNTIf1nbd05VU5AzSXPRMi1VU13SzmDVC0QaWYnm+Jm94VYQYOM3s8Bl1L1PuZsF1
S+uEsktAwMv4ObruGRqC4dpiMMs15fEqDSvOzqV27ygmeIprZ2kSBuu3CrNLcSt7hHM4EJ6r84Pe
ctWCaFqsK3WkXZ8mDlDqjcNqx4fPA3A+8QCu4AODD7KaktWUDK7gqwG0i+yov+PnF4UEnmeSElMv
JPUC0ygkjULSLCTNQtIqJC3f02fi8B1GHYf7XnHkDT0sPyLP1xb295vtfwEAAP//AwBQSwMEFAAG
AAgAAAAhAJxmRkG7AAAAJAEAACoAAABjbGlwYm9hcmQvZHJhd2luZ3MvX3JlbHMvZHJhd2luZzEu
eG1sLnJlbHOEj80KwjAQhO+C7xD2btJ6EJEmvYjQq9QHCMk2LTY/JFHs2xvoRUHwsjCz7DezTfuy
M3liTJN3HGpaAUGnvJ6c4XDrL7sjkJSl03L2DjksmKAV201zxVnmcpTGKSRSKC5xGHMOJ8aSGtHK
RH1AVzaDj1bmIqNhQaq7NMj2VXVg8ZMB4otJOs0hdroG0i+hJP9n+2GYFJ69elh0+UcEy6UXFqCM
BjMHSldnnTUtXYGJhn39Jt4AAAD//wMAUEsBAi0AFAAGAAgAAAAhALvlSJQFAQAAHgIAABMAAAAA
AAAAAAAAAAAAAAAAAFtDb250ZW50X1R5cGVzXS54bWxQSwECLQAUAAYACAAAACEArTA/8cEAAAAy
AQAACwAAAAAAAAAAAAAAAAA2AQAAX3JlbHMvLnJlbHNQSwECLQAUAAYACAAAACEAviiRlogDAACS
CQAAHwAAAAAAAAAAAAAAAAAgAgAAY2xpcGJvYXJkL2RyYXdpbmdzL2RyYXdpbmcxLnhtbFBLAQIt
ABQABgAIAAAAIQC2OwQiVAYAAAsaAAAaAAAAAAAAAAAAAAAAAOUFAABjbGlwYm9hcmQvdGhlbWUv
dGhlbWUxLnhtbFBLAQItABQABgAIAAAAIQCcZkZBuwAAACQBAAAqAAAAAAAAAAAAAAAAAHEMAABj
bGlwYm9hcmQvZHJhd2luZ3MvX3JlbHMvZHJhd2luZzEueG1sLnJlbHNQSwUGAAAAAAUABQBnAQAA
dA0AAAAA
" fillcolor="white [3201]" strokeweight=".5pt">
<v:textbox>
<![if !mso]>
<table cellpadding=0 cellspacing=0 width="100%">
<tr>
<td><![endif]>
<div>
<p class=MsoNormal align=center style='text-align:center'>
<span lang=EN-US
style='mso-ansi-language:EN-US'>Website<o:p></o:p></span></p>
</div>
<![if !mso]></td>
</tr>
</table>
<![endif]></v:textbox>
</v:shape><v:shape id="Text_x0020_Box_x0020_4" o:spid="_x0000_s1037" type="#_x0000_t202"
style='position:absolute;margin-left:-185.25pt;margin-top:162.4pt;width:102pt;
height:84.75pt;z-index:251665408;visibility:visible;mso-wrap-style:square;
mso-height-percent:0;mso-wrap-distance-left:9pt;mso-wrap-distance-top:0;
mso-wrap-distance-right:9pt;mso-wrap-distance-bottom:0;
mso-position-horizontal:absolute;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text;
mso-height-percent:0;mso-height-relative:margin;v-text-anchor:top' o:gfxdata="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
AAAAAAUABQBnAQAAuQ0AAAAA
" fillcolor="white [3201]" strokeweight=".5pt">
<v:textbox>
<![if !mso]>
<table cellpadding=0 cellspacing=0 width="100%">
<tr>
<td><![endif]>
<div>
<p class=MsoNormal align=center style='text-align:center'>
<span lang=EN-US
style='mso-ansi-language:EN-US'>Google<o:p></o:p></span></p>
<p class=MsoNormal>
<span lang=EN-US style='mso-ansi-language:EN-US'>Driver<o:p></o:p></span></p>
<p class=MsoNormal>
<span lang=EN-US style='mso-ansi-language:EN-US'>Tạo hòm
thư ...<o:p></o:p></span></p>
</div>
<![if !mso]></td>
</tr>
</table>
<![endif]></v:textbox>
</v:shape><v:shape id="Text_x0020_Box_x0020_5" o:spid="_x0000_s1038" type="#_x0000_t202"
style='position:absolute;margin-left:0;margin-top:160.65pt;width:102pt;
height:92.25pt;z-index:251667456;visibility:visible;mso-wrap-style:square;
mso-height-percent:0;mso-wrap-distance-left:9pt;mso-wrap-distance-top:0;
mso-wrap-distance-right:9pt;mso-wrap-distance-bottom:0;
mso-position-horizontal:center;mso-position-horizontal-relative:margin;
mso-position-vertical:absolute;mso-position-vertical-relative:text;
mso-height-percent:0;mso-height-relative:margin;v-text-anchor:top' o:gfxdata="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
bHNQSwUGAAAAAAUABQBnAQAAvw0AAAAA
" fillcolor="white [3201]" strokeweight=".5pt">
<v:textbox>
<![if !mso]>
<table cellpadding=0 cellspacing=0 width="100%">
<tr>
<td><![endif]>
<div>
<p class=MsoNormal align=center style='text-align:center'>
<span lang=EN-US
style='mso-ansi-language:EN-US'>Microsoft<o:p></o:p></span></p>
<p class=MsoNormal>
<span lang=EN-US style='mso-ansi-language:EN-US'>One
Drive<o:p></o:p></span></p>
<p class=MsoNormal>
<span lang=EN-US style='mso-ansi-language:EN-US'>Tạo hòm
thư ...<o:p></o:p></span></p>
</div>
<![if !mso]></td>
</tr>
</table>
<![endif]></v:textbox>
<w:wrap anchorx="margin"/>
</v:shape><v:shape id="Text_x0020_Box_x0020_6" o:spid="_x0000_s1029" type="#_x0000_t202"
style='position:absolute;margin-left:131.15pt;margin-top:159.9pt;width:102pt;
height:27.75pt;z-index:251669504;visibility:visible;mso-wrap-style:square;
mso-wrap-distance-left:9pt;mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal:absolute;
mso-position-horizontal-relative:margin;mso-position-vertical:absolute;
mso-position-vertical-relative:text;v-text-anchor:top' o:gfxdata="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
dA8TEQpwXp1KehY33jTXm4uUWu6pUOjxoLQWbrQv/5cX58016C1zA01MpqCJd9zxW/UmlMwEpR1/
Ctt+uIxTqB2hlryIhnBgNpE8e+HPwywpF7KHRJQFXJNOxgYxkZh7lMQdX02/TANNNIdo36o1IIQL
69wm0MpFcw6SbicZT6d4Is20GxIV6ewWGD7jCudTrX5+sNJkM0j3MAqOvTGd8dsISqzZrqoABkTA
6U81i2ZA4DizJLJF/S01ppx2zfNEXUOZHNE0QnlHMck8g2sqL93Rd2UMjLt8zhBQIyR5IxyHqsGa
QbW6adk1Mh/Wdt3TlVTkDNJc9EyLVVTXdLOYNULRBpZieb4mb3hVhBg4zezwGXUvU+5mwXVL64Sy
S0DAy/g5uu4ZGoLh2mIwyzXl8SoNK87OpXbvKCZ4imtnaRIG67cKs0txK3uEczgQnqvzg95y1YJo
WqwrdaRdnyYOUOqNw2rHh88DcD7xAK7gA4MPspqS1ZQMruCrAbSL7Ki/4+cXhQSeZ5ISUy8k9QLT
KCSNQtIsJM1C0iokLd/TZ+LwHUYdh/teceQNPSw/Is/XFvb3m+1/AQAA//8DAFBLAwQUAAYACAAA
ACEAnGZGQbsAAAAkAQAAKgAAAGNsaXBib2FyZC9kcmF3aW5ncy9fcmVscy9kcmF3aW5nMS54bWwu
cmVsc4SPzQrCMBCE74LvEPZu0noQkSa9iNCr1AcIyTYtNj8kUezbG+hFQfCyMLPsN7NN+7IzeWJM
k3ccaloBQae8npzhcOsvuyOQlKXTcvYOOSyYoBXbTXPFWeZylMYpJFIoLnEYcw4nxpIa0cpEfUBX
NoOPVuYio2FBqrs0yPZVdWDxkwHii0k6zSF2ugbSL6Ek/2f7YZgUnr16WHT5RwTLpRcWoIwGMwdK
V2edNS1dgYmGff0m3gAAAP//AwBQSwECLQAUAAYACAAAACEAu+VIlAUBAAAeAgAAEwAAAAAAAAAA
AAAAAAAAAAAAW0NvbnRlbnRfVHlwZXNdLnhtbFBLAQItABQABgAIAAAAIQCtMD/xwQAAADIBAAAL
AAAAAAAAAAAAAAAAADYBAABfcmVscy8ucmVsc1BLAQItABQABgAIAAAAIQCYj8x3hAMAAI8JAAAf
AAAAAAAAAAAAAAAAACACAABjbGlwYm9hcmQvZHJhd2luZ3MvZHJhd2luZzEueG1sUEsBAi0AFAAG
AAgAAAAhALY7BCJUBgAACxoAABoAAAAAAAAAAAAAAAAA4QUAAGNsaXBib2FyZC90aGVtZS90aGVt
ZTEueG1sUEsBAi0AFAAGAAgAAAAhAJxmRkG7AAAAJAEAACoAAAAAAAAAAAAAAAAAbQwAAGNsaXBi
b2FyZC9kcmF3aW5ncy9fcmVscy9kcmF3aW5nMS54bWwucmVsc1BLBQYAAAAABQAFAGcBAABwDQAA
AAA=
" fillcolor="white [3201]" strokeweight=".5pt">
<v:textbox>
<![if !mso]>
<table cellpadding=0 cellspacing=0 width="100%">
<tr>
<td><![endif]>
<div>
<p class=MsoNormal align=center style='text-align:center'>
<span lang=EN-US
style='mso-ansi-language:EN-US'>Blog<o:p></o:p></span></p>
</div>
<![if !mso]></td>
</tr>
</table>
<![endif]></v:textbox>
<w:wrap anchorx="margin"/>
</v:shape><v:line id="Straight_x0020_Connector_x0020_7" o:spid="_x0000_s1030"
style='position:absolute;flip:x;z-index:251670528;visibility:visible;
mso-wrap-style:square;mso-wrap-distance-left:9pt;mso-wrap-distance-top:0;
mso-wrap-distance-right:9pt;mso-wrap-distance-bottom:0;
mso-position-horizontal:absolute;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text' from="-60.75pt,44.65pt"
to="-23.25pt,66.4pt" o:gfxdata="UEsDBBQABgAIAAAAIQC75UiUBQEAAB4CAAATAAAAW0NvbnRlbnRfVHlwZXNdLnhtbKSRvU7DMBSF
dyTewfKKEqcMCKEmHfgZgaE8wMW+SSwc27JvS/v23KTJgkoXFsu+P+c7Ol5vDoMTe0zZBl/LVVlJ
gV4HY31Xy4/tS3EvRSbwBlzwWMsjZrlprq/W22PELHjb51r2RPFBqax7HCCXIaLnThvSAMTP1KkI
+gs6VLdVdad08ISeCho1ZLN+whZ2jsTzgcsnJwldluLxNDiyagkxOquB2Knae/OLUsyEkjenmdzb
mG/YhlRnCWPnb8C898bRJGtQvEOiVxjYhtLOxs8AySiT4JuDystlVV4WPeM6tK3VaILeDZxIOSsu
ti/jidNGNZ3/J08yC1dNv9v8AAAA//8DAFBLAwQUAAYACAAAACEArTA/8cEAAAAyAQAACwAAAF9y
ZWxzLy5yZWxzhI/NCsIwEITvgu8Q9m7TehCRpr2I4FX0AdZk2wbbJGTj39ubi6AgeJtl2G9m6vYx
jeJGka13CqqiBEFOe2Ndr+B03C3WIDihMzh6RwqexNA281l9oBFTfuLBBhaZ4ljBkFLYSMl6oAm5
8IFcdjofJ0z5jL0MqC/Yk1yW5UrGTwY0X0yxNwri3lQgjs+Qk/+zfddZTVuvrxO59CNCmoj3vCwj
MfaUFOjRhrPHaN4Wv0VV5OYgm1p+LW1eAAAA//8DAFBLAwQUAAYACAAAACEAesANB7kBAABSBAAA
HwAAAGNsaXBib2FyZC9kcmF3aW5ncy9kcmF3aW5nMS54bWykU81u3CAQvlfqOyDujb1Wdx1Z8eaw
SdND1Ubd9gFGGGwUPFhAXe/bd/DP7mpVJUpyG+D7mwFubofWsF46ry2WfHWVciZR2EpjXfLfv758
uubMB8AKjEVZ8oP0/Hb78cMNFLWDrtGCkQL6AkrehNAVSeJFI1vwV7aTSGfKuhYCLV2dVA7+knJr
kixNN0kLGvn2JHUHAdgfp98gZax4ktUOsAdPkkYU5ztzRiPerwwF9g+u23ePLiYX3/tHx3RVcpoc
Qksj4sl8MMNomVyw6pPAoFwb8VYpNpQ8u97kabbm7EB1tl7lq3TSk0NgggCf8022Ji8RAVQTdvJr
frygIJr7ZzUo5BSGirOAYsB9FxNiv4vlZd/50vc+ONB1E9jOIkoRrGP5cRYzdZnFmZKfFaM3U0Z3
X+kdjq/ifSM5tgNF53x4kLZlsSi50ShHA+i/+TBFWiDjXS2RfDgYGVs3+FMqumWa/xRtfONyZxzr
wZQchJAYVrFbsh3Rkaa0MUdiOlo+S5zxkSqVohG+hnxkjM4WT+RWo3X/cw/DEllN+Kn7qWtqZL76
5OI3jaj598cve77e/gMAAP//AwBQSwMEFAAGAAgAAAAhALY7BCJUBgAACxoAABoAAABjbGlwYm9h
cmQvdGhlbWUvdGhlbWUxLnhtbOxZS28bNxC+F+h/WOy9sd6KjciBrUfcxk6CSEmRI6WldhlzlwuS
sqNbkRwLFCiaFj00QG89FG0DJEAv6a9xm6JNgfyFDrkPkRJVO0YKGEEswNid/WY4nJn9huReufog
pt4R5oKwpONXL1V8DycTFpAk7Ph3RoOPLvuekCgJEGUJ7vhzLPyr2x9+cAVtTShJxwzxYBThGHtg
KBFbqONHUqZbGxtiAmIkLrEUJ/BsyniMJNzycCPg6BgGiOlGrVJpbcSIJP42WJTKUJ/Cv0QKJZhQ
PlRmsJegGEa/OZ2SCdbY4LCqEGIuupR7R4h2fLAZsOMRfiB9jyIh4UHHr+g/f2P7ygbaypWoXKNr
6A30X66XKwSHNT0mD8floI1Gs9HaKe1rAJWruH673+q3SnsagCYTmGnmi2mzubu522vmWAOUXTps
99q9etXCG/brKz7vNNXPwmtQZr+xgh8MuhBFC69BGb65gm802rVuw8JrUIZvreDblZ1eo23hNSii
JDlcQVearXq3mG0JmTK654RvNhuDdi03vkBBNZTVpYaYskSuq7UY3Wd8AAAFpEiSxJPzFE/RBGqy
iygZc+LtkzCCwktRwgSIK7XKoFKH/+rX0Fc6ImgLI0Nb+QWeiBWR8scTE05S2fE/Aau+AXn94qfX
L555Jw+fnzz89eTRo5OHv2SGLK09lISm1qsfvvznyWfe38++f/X4azdemPg/fv7899++cgNhposQ
vPzm6Z/Pn7789ou/fnzsgO9wNDbhIxJj4d3Ax95tFsPEdAhsz/GYv5nGKELE1NhJQoESpEZx2O/L
yELfmCOKHLhdbEfwLgeKcQGvze5bDg8jPpPEYfF6FFvAA8boLuPOKFxXYxlhHs2S0D04n5m42wgd
ucbuosTKb3+WArcSl8luhC03b1GUSBTiBEtPPWOHGDtmd48QK64HZMKZYFPp3SPeLiLOkIzI2Kqm
hdIeiSEvc5eDkG8rNgd3vV1GXbPu4SMbCW8Fog7nR5haYbyGZhLFLpMjFFMz4PtIRi4nh3M+MXF9
ISHTIabM6wdYCJfOTQ7zNZJ+HejFnfYDOo9tJJfk0GVzHzFmInvssBuhOHVhhySJTOzH4hBKFHm3
mHTBD5j9hqh7yANK1qb7LsFWuk9ngzvArKZLiwJRT2bckctrmFn1O5zTKcKaaoD4LT6PSXIquS/R
evP/pXUg0pffPXHM6qIS+g4nzjdqb4nG1+GWybvLeEAuPnf30Cy5heF1WW1g76n7PXX77zx1r3uf
3z5hLzga6FstFbOlul64x2vX7VNC6VDOKd4XeukuoDMFAxAqPb0/xeU+Lo3gUr3JMICFCznSOh5n
8lMio2GEUljfV31lJBS56VB4KROw7Ndip22Fp7P4gAXZdrVaVVvTjDwEkgt5pVnKYashM3SrvdiC
lea1t6HeKhcOKN03ccIYzHai7nCiXQhVkPTGHILmcELP7K14senw4rIyX6RqxQtwrcwKLJ08WHB1
/GYDVEAJdlSI4kDlKUt1kV2dzLeZ6XXBtCoA1hFFBSwyval8XTs9Nbus1M6QacsJo9xsJ3RkdA8T
EQpwXp1KehY33jTXm4uUWu6pUOjxoLQWbrQv/5cX58016C1zA01MpqCJd9zxW/UmlMwEpR1/Ctt+
uIxTqB2hlryIhnBgNpE8e+HPwywpF7KHRJQFXJNOxgYxkZh7lMQdX02/TANNNIdo36o1IIQL69wm
0MpFcw6SbicZT6d4Is20GxIV6ewWGD7jCudTrX5+sNJkM0j3MAqOvTGd8dsISqzZrqoABkTA6U81
i2ZA4DizJLJF/S01ppx2zfNEXUOZHNE0QnlHMck8g2sqL93Rd2UMjLt8zhBQIyR5IxyHqsGaQbW6
adk1Mh/Wdt3TlVTkDNJc9EyLVVTXdLOYNULRBpZieb4mb3hVhBg4zezwGXUvU+5mwXVL64SyS0DA
y/g5uu4ZGoLh2mIwyzXl8SoNK87OpXbvKCZ4imtnaRIG67cKs0txK3uEczgQnqvzg95y1YJoWqwr
daRdnyYOUOqNw2rHh88DcD7xAK7gA4MPspqS1ZQMruCrAbSL7Ki/4+cXhQSeZ5ISUy8k9QLTKCSN
QtIsJM1C0iokLd/TZ+LwHUYdh/teceQNPSw/Is/XFvb3m+1/AQAA//8DAFBLAwQUAAYACAAAACEA
nGZGQbsAAAAkAQAAKgAAAGNsaXBib2FyZC9kcmF3aW5ncy9fcmVscy9kcmF3aW5nMS54bWwucmVs
c4SPzQrCMBCE74LvEPZu0noQkSa9iNCr1AcIyTYtNj8kUezbG+hFQfCyMLPsN7NN+7IzeWJMk3cc
aloBQae8npzhcOsvuyOQlKXTcvYOOSyYoBXbTXPFWeZylMYpJFIoLnEYcw4nxpIa0cpEfUBXNoOP
VuYio2FBqrs0yPZVdWDxkwHii0k6zSF2ugbSL6Ek/2f7YZgUnr16WHT5RwTLpRcWoIwGMwdKV2ed
NS1dgYmGff0m3gAAAP//AwBQSwECLQAUAAYACAAAACEAu+VIlAUBAAAeAgAAEwAAAAAAAAAAAAAA
AAAAAAAAW0NvbnRlbnRfVHlwZXNdLnhtbFBLAQItABQABgAIAAAAIQCtMD/xwQAAADIBAAALAAAA
AAAAAAAAAAAAADYBAABfcmVscy8ucmVsc1BLAQItABQABgAIAAAAIQB6wA0HuQEAAFIEAAAfAAAA
AAAAAAAAAAAAACACAABjbGlwYm9hcmQvZHJhd2luZ3MvZHJhd2luZzEueG1sUEsBAi0AFAAGAAgA
AAAhALY7BCJUBgAACxoAABoAAAAAAAAAAAAAAAAAFgQAAGNsaXBib2FyZC90aGVtZS90aGVtZTEu
eG1sUEsBAi0AFAAGAAgAAAAhAJxmRkG7AAAAJAEAACoAAAAAAAAAAAAAAAAAogoAAGNsaXBib2Fy
ZC9kcmF3aW5ncy9fcmVscy9kcmF3aW5nMS54bWwucmVsc1BLBQYAAAAABQAFAGcBAAClCwAAAAA=
" strokecolor="#5b9bd5 [3204]" strokeweight=".5pt">
<v:stroke joinstyle="miter"/>
</v:line><v:line id="Straight_x0020_Connector_x0020_8" o:spid="_x0000_s1031"
style='position:absolute;z-index:251671552;visibility:visible;
mso-wrap-style:square;mso-wrap-distance-left:9pt;mso-wrap-distance-top:0;
mso-wrap-distance-right:9pt;mso-wrap-distance-bottom:0;
mso-position-horizontal:absolute;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text' from="15pt,44.65pt"
to="80.25pt,66.4pt" o:gfxdata="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
ACQBAAAqAAAAY2xpcGJvYXJkL2RyYXdpbmdzL19yZWxzL2RyYXdpbmcxLnhtbC5yZWxzhI/NCsIw
EITvgu8Q9m7SehCRJr2I0KvUBwjJNi02PyRR7Nsb6EVB8LIws+w3s037sjN5YkyTdxxqWgFBp7ye
nOFw6y+7I5CUpdNy9g45LJigFdtNc8VZ5nKUxikkUigucRhzDifGkhrRykR9QFc2g49W5iKjYUGq
uzTI9lV1YPGTAeKLSTrNIXa6BtIvoST/Z/thmBSevXpYdPlHBMulFxagjAYzB0pXZ501LV2BiYZ9
/SbeAAAA//8DAFBLAQItABQABgAIAAAAIQC75UiUBQEAAB4CAAATAAAAAAAAAAAAAAAAAAAAAABb
Q29udGVudF9UeXBlc10ueG1sUEsBAi0AFAAGAAgAAAAhAK0wP/HBAAAAMgEAAAsAAAAAAAAAAAAA
AAAANgEAAF9yZWxzLy5yZWxzUEsBAi0AFAAGAAgAAAAhALQTtKyyAQAASAQAAB8AAAAAAAAAAAAA
AAAAIAIAAGNsaXBib2FyZC9kcmF3aW5ncy9kcmF3aW5nMS54bWxQSwECLQAUAAYACAAAACEAtjsE
IlQGAAALGgAAGgAAAAAAAAAAAAAAAAAPBAAAY2xpcGJvYXJkL3RoZW1lL3RoZW1lMS54bWxQSwEC
LQAUAAYACAAAACEAnGZGQbsAAAAkAQAAKgAAAAAAAAAAAAAAAACbCgAAY2xpcGJvYXJkL2RyYXdp
bmdzL19yZWxzL2RyYXdpbmcxLnhtbC5yZWxzUEsFBgAAAAAFAAUAZwEAAJ4LAAAAAA==
" strokecolor="#5b9bd5 [3204]" strokeweight=".5pt">
<v:stroke joinstyle="miter"/>
</v:line><v:line id="Straight_x0020_Connector_x0020_9" o:spid="_x0000_s1032"
style='position:absolute;flip:x;z-index:251672576;visibility:visible;
mso-wrap-style:square;mso-wrap-distance-left:9pt;mso-wrap-distance-top:0;
mso-wrap-distance-right:9pt;mso-wrap-distance-bottom:0;
mso-position-horizontal:absolute;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text' from="-127.5pt,129.4pt"
to="-114pt,163.15pt" o:gfxdata="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
IQCcZkZBuwAAACQBAAAqAAAAY2xpcGJvYXJkL2RyYXdpbmdzL19yZWxzL2RyYXdpbmcxLnhtbC5y
ZWxzhI/NCsIwEITvgu8Q9m7SehCRJr2I0KvUBwjJNi02PyRR7Nsb6EVB8LIws+w3s037sjN5YkyT
dxxqWgFBp7yenOFw6y+7I5CUpdNy9g45LJigFdtNc8VZ5nKUxikkUigucRhzDifGkhrRykR9QFc2
g49W5iKjYUGquzTI9lV1YPGTAeKLSTrNIXa6BtIvoST/Z/thmBSevXpYdPlHBMulFxagjAYzB0pX
Z501LV2BiYZ9/SbeAAAA//8DAFBLAQItABQABgAIAAAAIQC75UiUBQEAAB4CAAATAAAAAAAAAAAA
AAAAAAAAAABbQ29udGVudF9UeXBlc10ueG1sUEsBAi0AFAAGAAgAAAAhAK0wP/HBAAAAMgEAAAsA
AAAAAAAAAAAAAAAANgEAAF9yZWxzLy5yZWxzUEsBAi0AFAAGAAgAAAAhADkGF627AQAAUgQAAB8A
AAAAAAAAAAAAAAAAIAIAAGNsaXBib2FyZC9kcmF3aW5ncy9kcmF3aW5nMS54bWxQSwECLQAUAAYA
CAAAACEAtjsEIlQGAAALGgAAGgAAAAAAAAAAAAAAAAAYBAAAY2xpcGJvYXJkL3RoZW1lL3RoZW1l
MS54bWxQSwECLQAUAAYACAAAACEAnGZGQbsAAAAkAQAAKgAAAAAAAAAAAAAAAACkCgAAY2xpcGJv
YXJkL2RyYXdpbmdzL19yZWxzL2RyYXdpbmcxLnhtbC5yZWxzUEsFBgAAAAAFAAUAZwEAAKcLAAAA
AA==
" strokecolor="#5b9bd5 [3204]" strokeweight=".5pt">
<v:stroke joinstyle="miter"/>
</v:line><v:line id="Straight_x0020_Connector_x0020_10" o:spid="_x0000_s1033"
style='position:absolute;z-index:251673600;visibility:visible;
mso-wrap-style:square;mso-wrap-distance-left:9pt;mso-wrap-distance-top:0;
mso-wrap-distance-right:9pt;mso-wrap-distance-bottom:0;
mso-position-horizontal:absolute;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text' from="-112.5pt,129.4pt"
to="-6.75pt,161.65pt" o:gfxdata="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
ACQBAAAqAAAAY2xpcGJvYXJkL2RyYXdpbmdzL19yZWxzL2RyYXdpbmcxLnhtbC5yZWxzhI/NCsIw
EITvgu8Q9m7SehCRJr2I0KvUBwjJNi02PyRR7Nsb6EVB8LIws+w3s037sjN5YkyTdxxqWgFBp7ye
nOFw6y+7I5CUpdNy9g45LJigFdtNc8VZ5nKUxikkUigucRhzDifGkhrRykR9QFc2g49W5iKjYUGq
uzTI9lV1YPGTAeKLSTrNIXa6BtIvoST/Z/thmBSevXpYdPlHBMulFxagjAYzB0pXZ501LV2BiYZ9
/SbeAAAA//8DAFBLAQItABQABgAIAAAAIQC75UiUBQEAAB4CAAATAAAAAAAAAAAAAAAAAAAAAABb
Q29udGVudF9UeXBlc10ueG1sUEsBAi0AFAAGAAgAAAAhAK0wP/HBAAAAMgEAAAsAAAAAAAAAAAAA
AAAANgEAAF9yZWxzLy5yZWxzUEsBAi0AFAAGAAgAAAAhAGRf5OCyAQAATQQAAB8AAAAAAAAAAAAA
AAAAIAIAAGNsaXBib2FyZC9kcmF3aW5ncy9kcmF3aW5nMS54bWxQSwECLQAUAAYACAAAACEAtjsE
IlQGAAALGgAAGgAAAAAAAAAAAAAAAAAPBAAAY2xpcGJvYXJkL3RoZW1lL3RoZW1lMS54bWxQSwEC
LQAUAAYACAAAACEAnGZGQbsAAAAkAQAAKgAAAAAAAAAAAAAAAACbCgAAY2xpcGJvYXJkL2RyYXdp
bmdzL19yZWxzL2RyYXdpbmcxLnhtbC5yZWxzUEsFBgAAAAAFAAUAZwEAAJ4LAAAAAA==
" strokecolor="#5b9bd5 [3204]" strokeweight=".5pt">
<v:stroke joinstyle="miter"/>
</v:line><v:line id="Straight_x0020_Connector_x0020_11" o:spid="_x0000_s1034"
style='position:absolute;z-index:251674624;visibility:visible;
mso-wrap-style:square;mso-wrap-distance-left:9pt;mso-wrap-distance-top:0;
mso-wrap-distance-right:9pt;mso-wrap-distance-bottom:0;
mso-position-horizontal:absolute;mso-position-horizontal-relative:text;
mso-position-vertical:absolute;mso-position-vertical-relative:text' from="118.5pt,96.4pt"
to="179.25pt,160.15pt" o:gfxdata="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
AAAAJAEAACoAAABjbGlwYm9hcmQvZHJhd2luZ3MvX3JlbHMvZHJhd2luZzEueG1sLnJlbHOEj80K
wjAQhO+C7xD2btJ6EJEmvYjQq9QHCMk2LTY/JFHs2xvoRUHwsjCz7DezTfuyM3liTJN3HGpaAUGn
vJ6c4XDrL7sjkJSl03L2DjksmKAV201zxVnmcpTGKSRSKC5xGHMOJ8aSGtHKRH1AVzaDj1bmIqNh
Qaq7NMj2VXVg8ZMB4otJOs0hdroG0i+hJP9n+2GYFJ69elh0+UcEy6UXFqCMBjMHSldnnTUtXYGJ
hn39Jt4AAAD//wMAUEsBAi0AFAAGAAgAAAAhALvlSJQFAQAAHgIAABMAAAAAAAAAAAAAAAAAAAAA
AFtDb250ZW50X1R5cGVzXS54bWxQSwECLQAUAAYACAAAACEArTA/8cEAAAAyAQAACwAAAAAAAAAA
AAAAAAA2AQAAX3JlbHMvLnJlbHNQSwECLQAUAAYACAAAACEA73C7cLQBAABKBAAAHwAAAAAAAAAA
AAAAAAAgAgAAY2xpcGJvYXJkL2RyYXdpbmdzL2RyYXdpbmcxLnhtbFBLAQItABQABgAIAAAAIQC2
OwQiVAYAAAsaAAAaAAAAAAAAAAAAAAAAABEEAABjbGlwYm9hcmQvdGhlbWUvdGhlbWUxLnhtbFBL
AQItABQABgAIAAAAIQCcZkZBuwAAACQBAAAqAAAAAAAAAAAAAAAAAJ0KAABjbGlwYm9hcmQvZHJh
d2luZ3MvX3JlbHMvZHJhd2luZzEueG1sLnJlbHNQSwUGAAAAAAUABQBnAQAAoAsAAAAA
" strokecolor="#5b9bd5 [3204]" strokeweight=".5pt">
<v:stroke joinstyle="miter"/>
</v:line><v:shapetype id="_x0000_t75" coordsize="21600,21600" o:spt="75"
o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f">
<v:stroke joinstyle="miter"/>
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0"/>
<v:f eqn="sum @0 1 0"/>
<v:f eqn="sum 0 0 @1"/>
<v:f eqn="prod @2 1 2"/>
<v:f eqn="prod @3 21600 pixelWidth"/>
<v:f eqn="prod @3 21600 pixelHeight"/>
<v:f eqn="sum @0 0 1"/>
<v:f eqn="prod @6 1 2"/>
<v:f eqn="prod @7 21600 pixelWidth"/>
<v:f eqn="sum @8 21600 0"/>
<v:f eqn="prod @7 21600 pixelHeight"/>
<v:f eqn="sum @10 21600 0"/>
</v:formulas>
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="Picture_x0020_12" o:spid="_x0000_s1036" type="#_x0000_t75"
style='position:absolute;margin-left:-178.5pt;margin-top:248.55pt;width:91.5pt;
height:139.15pt;z-index:251675648;visibility:visible;mso-wrap-style:square;
mso-width-percent:0;mso-height-percent:0;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal:absolute;
mso-position-horizontal-relative:text;mso-position-vertical:absolute;
mso-position-vertical-relative:text;mso-width-percent:0;mso-height-percent:0;
mso-width-relative:margin;mso-height-relative:margin'>
<v:imagedata src="file:///C:\Users\MyPC\AppData\Local\Temp\msohtmlclip1\01\clip_image001.png"
o:title=""/>
</v:shape><v:shape id="Picture_x0020_13" o:spid="_x0000_s1035" type="#_x0000_t75"
style='position:absolute;margin-left:131.05pt;margin-top:199.15pt;width:110.4pt;
height:102pt;z-index:251676672;visibility:visible;mso-wrap-style:square;
mso-width-percent:0;mso-height-percent:0;mso-wrap-distance-left:9pt;
mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
mso-wrap-distance-bottom:0;mso-position-horizontal:absolute;
mso-position-horizontal-relative:margin;mso-position-vertical:absolute;
mso-position-vertical-relative:text;mso-width-percent:0;mso-height-percent:0;
mso-width-relative:margin;mso-height-relative:margin'>
<v:imagedata src="file:///C:\Users\MyPC\AppData\Local\Temp\msohtmlclip1\01\clip_image002.png"
o:title=""/>
<w:wrap anchorx="margin"/>
</v:shape><![endif]--><!--[if !vml]-->
<!--[endif]--><span lang="EN-US"> </span></div>
Vua bình luậnhttp://www.blogger.com/profile/13236792442491512325noreply@blogger.com0tag:blogger.com,1999:blog-8770526858918746642.post-83512253428055304812015-10-04T04:01:00.000-07:002015-10-07T09:56:25.421-07:00Một số điều cần biết khi sử dụng Lumia 535<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiihhjhp07W2BAG2OI-pUv6yqp5KClnZun-46xxmuLur6Yf_cp-qy0O1q-Hcqwhpg8DIEhQ3eyuqY7c_ubJLy-shxKbydclkyG07aHHGMBxn4_EYUnqo937Y_z9erIgyFW7IOhaicDiCt6Y/s1600/lumia.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiihhjhp07W2BAG2OI-pUv6yqp5KClnZun-46xxmuLur6Yf_cp-qy0O1q-Hcqwhpg8DIEhQ3eyuqY7c_ubJLy-shxKbydclkyG07aHHGMBxn4_EYUnqo937Y_z9erIgyFW7IOhaicDiCt6Y/s1600/lumia.bmp" /></a></div>
<br />
- Cài lại máy bạn phải có một tài khoản <span style="background-color: white; color: #333333; font-family: Palatino, 'Times New Roman'; font-size: 19px; line-height: 30px; text-align: justify;">Microsoft</span> / chính là tài khoản onedrive.live.com<br />
- Hãy sao luu danh bạ điện thoại và các thứ vào đây / để khi cài lại máy sẽ phục hồi lại dữ liệu.<br />
<div style="text-align: justify;">
- Khi cài lại xong, bạn vào tài khoản <span style="background-color: white; color: #333333; font-family: Palatino, 'Times New Roman'; font-size: 19px; line-height: 30px;">Microsoft </span>khi đó danh bạ của bạn sẽ được phục hồi.</div>
<br />Vua bình luậnhttp://www.blogger.com/profile/13236792442491512325noreply@blogger.com0tag:blogger.com,1999:blog-8770526858918746642.post-88927108954802208332015-09-29T17:13:00.001-07:002015-10-09T06:45:05.000-07:00Đưa 1 ảnh vào canvas<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqXnK8OcEkOVMrwEK9rx48eyCYpvsphNgn8AlYXeQc7bcfKagxZzV46cx5acNP8AVmuKew2eg4xToRoVbrUhnNRrWRKnNAxQ0iR3gXdHMPJB_pywbiKI35yMssqC4m4S3J6EDuqnxAaI2c/s1600/323436_10150405419522007_1125394883_o.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqXnK8OcEkOVMrwEK9rx48eyCYpvsphNgn8AlYXeQc7bcfKagxZzV46cx5acNP8AVmuKew2eg4xToRoVbrUhnNRrWRKnNAxQ0iR3gXdHMPJB_pywbiKI35yMssqC4m4S3J6EDuqnxAaI2c/s200/323436_10150405419522007_1125394883_o.jpg" width="183" /></a></div>
<br />
<div style="direction: ltr; margin-bottom: 0pt; margin-top: 0pt; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-size: 14.6667px;"><!DOCTYPE html></span><br />
<span style="font-size: 14.6667px;"><html></span><br />
<span style="font-size: 14.6667px;"><body></span><br />
<span style="font-size: 14.6667px;"><br /></span>
<span style="font-size: 14.6667px;"><p>Canvas:</p></span><br />
<span style="font-size: 14.6667px;"><br /></span>
<span style="font-size: 14.6667px;"><canvas id="myCanvas" width="240" height="297"</span><br />
<span style="font-size: 14.6667px;">style="border:1px solid #d3d3d3;"></span><br />
<span style="font-size: 14.6667px;">Your browser does not support the HTML5 canvas tag.</span><br />
<span style="font-size: 14.6667px;"></canvas></span><br />
<span style="font-size: 14.6667px;"><br /></span>
<span style="font-size: 14.6667px;"><script></span><br />
<span style="font-size: 14.6667px;">window.onload = function(){ </span><br />
<span style="font-size: 14.6667px;"> var canvas = document.getElementById("myCanvas"); </span><br />
<span style="font-size: 14.6667px;"> var context = canvas.getContext("2d"); </span><br />
<span style="font-size: 14.6667px;"> var destX = 10; </span><br />
<span style="font-size: 14.6667px;"> var destY = 10; </span><br />
<span style="font-size: 14.6667px;"> var imageObj = new Image(); </span><br />
<span style="font-size: 14.6667px;"> imageObj.onload = function(){ </span><br />
<span style="font-size: 14.6667px;"> context.drawImage(imageObj, destX, destY); </span><br />
<span style="font-size: 14.6667px;"> }; </span><br />
<span style="font-size: 14.6667px;"> imageObj.src = "http://www.nhadepkientruc.com/admin/upload-files/ngoinhatim-01.jpg"; </span><br />
<span style="font-size: 14.6667px;">};</span><br />
<span style="font-size: 14.6667px;"></script></span></div>
Vua bình luậnhttp://www.blogger.com/profile/13236792442491512325noreply@blogger.com1tag:blogger.com,1999:blog-8770526858918746642.post-91853931954441087792015-09-20T07:44:00.001-07:002015-10-07T01:43:39.028-07:00Kéo - Thả trong HTML5<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5a8_1ClD4lgJBwz2ePPIdHjn86bu6phAdcMlSJwQ6Bo8KcSh5YlIYlh4-BzXqph7goMUmynH3qgageVSpAf-fjIHitPeO65Ko5Mxt5j_uCAcqF_EaSeACaEihMUnaMxCzdA04wvb7jA5U/s1600/keo+tha.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5a8_1ClD4lgJBwz2ePPIdHjn86bu6phAdcMlSJwQ6Bo8KcSh5YlIYlh4-BzXqph7goMUmynH3qgageVSpAf-fjIHitPeO65Ko5Mxt5j_uCAcqF_EaSeACaEihMUnaMxCzdA04wvb7jA5U/s200/keo+tha.JPG" width="200" /></a></div>
<h2 style="background-color: white; border: 0px; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 22px; font-stretch: inherit; font-weight: normal; margin: 15px 0px; padding: 0px; vertical-align: baseline;">
</h2>
<h2 style="background-color: white; border: 0px; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 22px; font-stretch: inherit; font-weight: normal; margin: 15px 0px; padding: 0px; vertical-align: baseline;">
Kéo và Thả</h2>
<div style="background-color: white; border: 0px; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 13px; font-stretch: inherit; line-height: 16.9px; margin-bottom: 10px; margin-top: 10px; padding: 0px; vertical-align: baseline;">
Kéo và thả là một tính năng rất thông dụng của HTML5. Nó được sử dụng khi bạn muốn lựa chọn một đối tượng và kéo nó vào một vị trí khác.</div>
<div style="background-color: white; border: 0px; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 13px; font-stretch: inherit; line-height: 16.9px; margin-bottom: 10px; margin-top: 10px; padding: 0px; vertical-align: baseline;">
Trong HTML5, kéo - thả là một chuẩn và bất kì phần tử nào cũng có thể được kéo thả.</div>
<h2 style="background-color: white; border: 0px; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 22px; font-stretch: inherit; font-weight: normal; margin: 15px 0px; padding: 0px; vertical-align: baseline;">
Ví dụ về Kéo - Thả trong HTML5</h2>
<div class="example" style="background-color: #f1f1f1; border-radius: 4px; border: 1px solid rgb(235, 235, 235); box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 13px; font-stretch: inherit; margin: 0px 0px 10px; padding: 10px; position: relative; vertical-align: baseline; width: auto;">
<h2 style="background-color: rgba(0, 0, 0, 0); border: 0px; box-sizing: border-box; color: #444444; font-family: inherit; font-size: 16px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: normal; line-height: inherit; margin: 0px 0px 10px; padding: 0px; vertical-align: baseline;">
Ví dụ kéo thả</h2>
<div class="example-code hljs xml" style="background: rgb(255, 255, 255); border-left-color: rgb(68, 108, 179); border-left-style: solid; border-radius: 4px; border-width: 0px 0px 0px 4px; box-sizing: border-box; font-family: 'courier new'; font-size: 14px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 4px 4px 4px 7px; vertical-align: baseline; width: auto;">
<span class="hljs-doctype" style="border: 0px; box-sizing: border-box; color: #5c2699; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><!DOCTYPE HTML></span><br />
<span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">html</span>></span><br />
<span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">head</span>></span><br />
<span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">style</span>></span><span class="css" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br style="box-sizing: border-box;" /><span class="hljs-id" style="border: 0px; box-sizing: border-box; color: #9b703f; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#div1</span> <span class="hljs-rules" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">{<span class="hljs-rule" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-attribute" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">width</span>:<span class="hljs-value" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-number" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">215</span>px</span></span>;<span class="hljs-rule" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-attribute" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">height</span>:<span class="hljs-value" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-number" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">55</span>px</span></span>;<span class="hljs-rule" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-attribute" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">padding</span>:<span class="hljs-value" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-number" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">10</span>px</span></span>;<span class="hljs-rule" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-attribute" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">border</span>:<span class="hljs-value" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-number" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">1</span>px solid <span class="hljs-hexcolor" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">#aaaaaa</span></span></span>;<span class="hljs-rule" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">}</span></span></span><span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">style</span>></span><br />
<span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">script</span>></span><span class="javascript" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br style="box-sizing: border-box;" /><span class="hljs-function" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #aa0d91; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">function</span> <span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">allowDrop</span><span class="hljs-params" style="border: 0px; box-sizing: border-box; color: #5c2699; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">(ev)</span> {</span><br style="box-sizing: border-box;" /> ev.preventDefault();<br style="box-sizing: border-box;" />}<br style="box-sizing: border-box;" /><br style="box-sizing: border-box;" /><span class="hljs-function" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #aa0d91; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">function</span> <span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">drag</span><span class="hljs-params" style="border: 0px; box-sizing: border-box; color: #5c2699; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">(ev)</span> {</span><br style="box-sizing: border-box;" /> ev.dataTransfer.setData(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #c41a16; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"Text"</span>, ev.target.id);<br style="box-sizing: border-box;" />}<br style="box-sizing: border-box;" /><br style="box-sizing: border-box;" /><span class="hljs-function" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #aa0d91; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">function</span> <span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">drop</span><span class="hljs-params" style="border: 0px; box-sizing: border-box; color: #5c2699; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">(ev)</span> {</span><br style="box-sizing: border-box;" /> ev.preventDefault();<br style="box-sizing: border-box;" /> <span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #aa0d91; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">var</span> data = ev.dataTransfer.getData(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #c41a16; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"Text"</span>);<br style="box-sizing: border-box;" /> ev.target.appendChild(document.getElementById(data));<br style="box-sizing: border-box;" />}</span><span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">script</span>></span><br />
<span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">head</span>></span><br />
<span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">body</span>></span><br />
<br style="box-sizing: border-box;" />
<span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">p</span>></span>Kéo logo của Tự học web vào ô trống bên trên:<span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">p</span>></span><br />
<br style="box-sizing: border-box;" />
<span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span> <span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #5c2699; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">id</span>=<span class="hljs-value" style="border: 0px; box-sizing: border-box; color: #008800; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"div1"</span> <span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #5c2699; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">ondrop</span>=<span class="hljs-value" style="border: 0px; box-sizing: border-box; color: #008800; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"drop(event)"</span> <span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #5c2699; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">ondragover</span>=<span class="hljs-value" style="border: 0px; box-sizing: border-box; color: #008800; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"allowDrop(event)"</span>></span><span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">div</span>></span><br />
<span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">br</span>></span><br />
<span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">img</span> <span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #5c2699; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">id</span>=<span class="hljs-value" style="border: 0px; box-sizing: border-box; color: #008800; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"drag1"</span> <span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #5c2699; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">src</span>=<span class="hljs-value" style="border: 0px; box-sizing: border-box; color: #008800; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"/themes/default/images/logo.png"</span> <span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #5c2699; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">draggable</span>=<span class="hljs-value" style="border: 0px; box-sizing: border-box; color: #008800; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"true"</span><span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #5c2699; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">ondragstart</span>=<span class="hljs-value" style="border: 0px; box-sizing: border-box; color: #008800; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"drag(event)"</span> <span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #5c2699; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">width</span>=<span class="hljs-value" style="border: 0px; box-sizing: border-box; color: #008800; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"215"</span> <span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #5c2699; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">height</span>=<span class="hljs-value" style="border: 0px; box-sizing: border-box; color: #008800; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"55"</span>></span><br />
<br style="box-sizing: border-box;" />
<span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">body</span>></span><br />
<span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">html</span>></span></div>
<a class="btn-try" data-id="98" data-type="html" href="http://tuhocweb.net/html/thu-nghiem/98.html" rel="nofollow" style="background-color: #446cb3; border-radius: 5px; border: 1px solid rgb(68, 108, 179); box-sizing: border-box; color: white; display: inline-block; font-family: inherit; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 10px 0px 0px; padding: 3px 10px 4px; text-align: center; text-decoration: none; vertical-align: baseline; white-space: nowrap;" target="_blank">Chạy thử code</a></div>
<div style="background-color: white; border: 0px; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 13px; font-stretch: inherit; line-height: 16.9px; margin-bottom: 10px; margin-top: 10px; padding: 0px; vertical-align: baseline;">
<br style="box-sizing: border-box; line-height: normal;" />
<span style="line-height: normal;">Ví dụ trên nhìn có vẻ phức tạp, tuy nhiên bạn hãy kiên nhẫn xem hết các phần khác tiếp theo dưới đây:</span></div>
<hr style="background-color: #d4d4d4; border: 0px none; box-sizing: content-box; clear: both; color: #d4d4d4; font-family: arial, verdana, tahoma, sans-serif; font-size: 13px; height: 1px; margin: 15px 0px;" />
<h2 style="background-color: white; border: 0px; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 22px; font-stretch: inherit; font-weight: normal; margin: 15px 0px; padding: 0px; vertical-align: baseline;">
Làm cho một phần tử có thể kéo thả</h2>
<div style="background-color: white; border: 0px; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 13px; font-stretch: inherit; line-height: 16.9px; margin-bottom: 10px; margin-top: 10px; padding: 0px; vertical-align: baseline;">
<span style="line-height: normal;">Đầu tiên: để cho phép cho một phần tử có thể kéo thả, xác lập thuộc tính draggable của nó là true:</span><br />
</div>
<div class="code hljs xml" style="background: rgb(240, 240, 240); border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 14px; font-stretch: inherit; margin: 0px; padding: 10px; vertical-align: baseline;">
<span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">img</span> <span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #5c2699; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">draggable</span>=<span class="hljs-value" style="border: 0px; box-sizing: border-box; color: #008800; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"true"</span>></span></div>
<hr style="background-color: #d4d4d4; border: 0px none; box-sizing: content-box; clear: both; color: #d4d4d4; font-family: arial, verdana, tahoma, sans-serif; font-size: 13px; height: 1px; margin: 15px 0px;" />
<h2 style="background-color: white; border: 0px; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 22px; font-stretch: inherit; font-weight: normal; margin: 15px 0px; padding: 0px; vertical-align: baseline;">
Cái gì được di chuyển - thuộc tính ondragstart và hàm setData()</h2>
<div style="background-color: white; border: 0px; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 13px; font-stretch: inherit; line-height: 16.9px; margin-bottom: 10px; margin-top: 10px; padding: 0px; vertical-align: baseline;">
Sau đó, xác lập điều gì sẽ xảy ra khi phần tử bị kéo đi.</div>
<div style="background-color: white; border: 0px; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 13px; font-stretch: inherit; line-height: 16.9px; margin-bottom: 10px; margin-top: 10px; padding: 0px; vertical-align: baseline;">
Trong ví dụ ở trên, thuộc tính ondragstart gọi tới hàm drag(event), hàm này sẽ xác định xem đối tượng nào đang được kéo đi.</div>
<div style="background-color: white; border: 0px; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 13px; font-stretch: inherit; line-height: 16.9px; margin-bottom: 10px; margin-top: 10px; padding: 0px; vertical-align: baseline;">
Hàm dataTransfer.setData() thiết lập kiểu dữ liệu và giá trị của đối tượng bị kéo đi:</div>
<div class="code hljs javascript" style="background: rgb(240, 240, 240); border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 14px; font-stretch: inherit; margin: 0px; padding: 10px; vertical-align: baseline;">
<span class="hljs-function" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #aa0d91; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">function</span> <span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">drag</span><span class="hljs-params" style="border: 0px; box-sizing: border-box; color: #5c2699; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">(ev)</span> {</span><br />
ev.dataTransfer.setData(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #c41a16; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"Text"</span>, ev.target.id);<br />
}</div>
<div style="background-color: white; border: 0px; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 13px; font-stretch: inherit; line-height: 16.9px; margin-bottom: 10px; margin-top: 10px; padding: 0px; vertical-align: baseline;">
<br style="box-sizing: border-box; line-height: normal;" />
<span style="line-height: normal;">Trong trường hợp này, kiểu dữ liệu sẽ là "Text" và giá trị là id của phần tử bị kéo ("drag1").</span></div>
<hr style="background-color: #d4d4d4; border: 0px none; box-sizing: content-box; clear: both; color: #d4d4d4; font-family: arial, verdana, tahoma, sans-serif; font-size: 13px; height: 1px; margin: 15px 0px;" />
<h2 style="background-color: white; border: 0px; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 22px; font-stretch: inherit; font-weight: normal; margin: 15px 0px; padding: 0px; vertical-align: baseline;">
Kéo đi đâu - ondragover</h2>
<div style="background-color: white; border: 0px; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 13px; font-stretch: inherit; line-height: 16.9px; margin-bottom: 10px; margin-top: 10px; padding: 0px; vertical-align: baseline;">
Sự kiện ondragover xác dịnh đối tượng bị kéo sẽ được thả vào đâu.</div>
<div style="background-color: white; border: 0px; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 13px; font-stretch: inherit; line-height: 16.9px; margin-bottom: 10px; margin-top: 10px; padding: 0px; vertical-align: baseline;">
Mặc định, các phần tử bị di chuyển sẽ không thể được thả vào các phần tử khác. Để cho phép điều này, chúng ta phải chặn việc xử lý mặc định của phần tử đó.</div>
<div style="background-color: white; border: 0px; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 13px; font-stretch: inherit; line-height: 16.9px; margin-bottom: 10px; margin-top: 10px; padding: 0px; vertical-align: baseline;">
Để thực hiện, sử dụng hàm event.preventDefault() cho sự kiện ondragover:</div>
<div class="code hljs " style="background: rgb(240, 240, 240); border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 14px; font-stretch: inherit; margin: 0px; padding: 10px; vertical-align: baseline;">
<i style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">event</i>.preventDefault()</div>
<hr style="background-color: #d4d4d4; border: 0px none; box-sizing: content-box; clear: both; color: #d4d4d4; font-family: arial, verdana, tahoma, sans-serif; font-size: 13px; height: 1px; margin: 15px 0px;" />
<h2 style="background-color: white; border: 0px; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 22px; font-stretch: inherit; font-weight: normal; margin: 15px 0px; padding: 0px; vertical-align: baseline;">
Thực hiện việc thả - ondrop</h2>
<div style="background-color: white; border: 0px; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 13px; font-stretch: inherit; line-height: 16.9px; margin-bottom: 10px; margin-top: 10px; padding: 0px; vertical-align: baseline;">
Khi đối tượng bị kéo được thả, một sự kiện sẽ xảy ra.</div>
<div style="background-color: white; border: 0px; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 13px; font-stretch: inherit; line-height: 16.9px; margin-bottom: 10px; margin-top: 10px; padding: 0px; vertical-align: baseline;">
Trong ví dụ trên, thuộc tính ondrop gọi tới một hàm drop(event):</div>
<div class="code hljs javascript" style="background: rgb(240, 240, 240); border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 14px; font-stretch: inherit; margin: 0px; padding: 10px; vertical-align: baseline;">
<span class="hljs-function" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #aa0d91; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">function</span> <span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">drop</span><span class="hljs-params" style="border: 0px; box-sizing: border-box; color: #5c2699; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">(ev)</span> {</span><br />
ev.preventDefault();<br />
<span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #aa0d91; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">var</span> data = ev.dataTransfer.getData(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #c41a16; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"Text"</span>);<br />
ev.target.appendChild(document.getElementById(data));<br />
}</div>
<div style="background-color: white; border: 0px; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 13px; font-stretch: inherit; line-height: 16.9px; margin-bottom: 10px; margin-top: 10px; padding: 0px; vertical-align: baseline;">
<br style="box-sizing: border-box; line-height: normal;" />
<span style="line-height: normal;">Giải thích đoạn mã trên:</span></div>
<ul style="background-color: white; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 13px; line-height: 16.9px; list-style: none; margin: 10px 0px; padding: 0px;">
<li style="box-sizing: border-box; font-size: 1em; list-style-type: disc; margin-left: 40px;">Gọi hàm preventDefault() để chặn sự xử lý mặc định trên đối tượng</li>
<li style="box-sizing: border-box; font-size: 1em; list-style-type: disc; margin-left: 40px;">Lấy dữ liệu được kéo bằng hàm dataTransfer.getData("Text"). Hàm này sẽ trả về bất kì dữ liệu nào được xác lập cùng một kiểu dữ liệu trong hàm setData()</li>
<li style="box-sizing: border-box; font-size: 1em; list-style-type: disc; margin-left: 40px;">Dữ liệu được kéo ở đây chính là id của phần tử bị kéo ("drag1")</li>
<li style="box-sizing: border-box; font-size: 1em; list-style-type: disc; margin-left: 40px;">Chèn phần tử bị kéo vào phần tử được thả</li>
</ul>
<hr style="background-color: #d4d4d4; border: 0px none; box-sizing: content-box; clear: both; color: #d4d4d4; font-family: arial, verdana, tahoma, sans-serif; font-size: 13px; height: 1px; margin: 15px 0px;" />
<h2 style="background-color: white; border: 0px; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 22px; font-stretch: inherit; font-weight: normal; margin: 15px 0px; padding: 0px; vertical-align: baseline;">
Ví dụ khác</h2>
<div style="background-color: white; border: 0px; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 13px; font-stretch: inherit; line-height: 16.9px; margin-bottom: 10px; margin-top: 10px; padding: 0px; vertical-align: baseline;">
<a class="example-link" data-id="99" data-type="html" href="http://tuhocweb.net/html/thu-nghiem/99.html" rel="nofollow" style="border: 0px; box-sizing: border-box; color: black; font-stretch: inherit; line-height: normal; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank">Kéo thả qua lại một hình ảnh</a><br />
<span style="line-height: normal;">Làm thế nào để kéo ra và chuyển ngược lại giữa hai phần tử <div></span></div>
Vua bình luậnhttp://www.blogger.com/profile/13236792442491512325noreply@blogger.com1tag:blogger.com,1999:blog-8770526858918746642.post-18346195686696201282015-09-08T09:17:00.002-07:002015-10-01T19:11:27.495-07:00Điều kiển một canvas<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYMSi8HQVl2Ha9qxeztCm8yp19HtVU_oDFOc40-k1gYqH2aKlVluftbcHIEu1UE5mH0vge8NPQrAJUersGED1CGGJvgrDArft6EMwgy9C2ec2UYbMi04W6teTuIlHHYoWlkrG49dskFnpn/s1600/canvas.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYMSi8HQVl2Ha9qxeztCm8yp19HtVU_oDFOc40-k1gYqH2aKlVluftbcHIEu1UE5mH0vge8NPQrAJUersGED1CGGJvgrDArft6EMwgy9C2ec2UYbMi04W6teTuIlHHYoWlkrG49dskFnpn/s320/canvas.JPG" width="320" /></a></div>
<h2 style="background-color: white; border: 0px; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 22px; font-stretch: inherit; font-weight: normal; margin: 15px 0px; padding: 0px; vertical-align: baseline;">
</h2>
<h2 style="background-color: white; border: 0px; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 22px; font-stretch: inherit; font-weight: normal; margin: 15px 0px; padding: 0px; vertical-align: baseline;">
Tạo một canvas</h2>
<h2 style="border: 0px; box-sizing: border-box; color: #444444; font-family: arial, verdana, tahoma, sans-serif; font-size: 16px; font-stretch: inherit; font-weight: normal; margin: 0px 0px 10px; padding: 0px; vertical-align: baseline;">
Ví dụ canvas</h2>
<div class="example-code hljs xml" style="background: rgb(255, 255, 255); border-left-color: rgb(68, 108, 179); border-left-style: solid; border-radius: 4px; border-width: 0px 0px 0px 4px; box-sizing: border-box; font-family: 'courier new'; font-size: 14px; font-stretch: inherit; margin: 0px; padding: 4px 4px 4px 7px; vertical-align: baseline; width: auto;">
<span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">canvas</span> <span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #5c2699; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">id</span>=<span class="hljs-value" style="border: 0px; box-sizing: border-box; color: #008800; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"myCanvas"</span> <span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #5c2699; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">width</span>=<span class="hljs-value" style="border: 0px; box-sizing: border-box; color: #008800; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"200"</span> <span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #5c2699; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">height</span>=<span class="hljs-value" style="border: 0px; box-sizing: border-box; color: #008800; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"100"</span><br style="box-sizing: border-box;" /><span class="hljs-attribute" style="border: 0px; box-sizing: border-box; color: #5c2699; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">style</span>=<span class="hljs-value" style="border: 0px; box-sizing: border-box; color: #008800; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"border:1px solid #000000;"</span>></span><br />
<span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">canvas</span>></span></div>
<a class="btn-try" data-id="81" data-type="html" href="http://tuhocweb.net/html/thu-nghiem/81.html" rel="nofollow" style="background-color: #446cb3; border-radius: 5px; border: 1px solid rgb(68, 108, 179); box-sizing: border-box; color: white; display: inline-block; font-family: arial, verdana, tahoma, sans-serif; font-size: 12px; font-stretch: inherit; font-weight: bold; margin: 10px 0px 0px; padding: 3px 10px 4px; text-align: center; text-decoration: none; vertical-align: baseline; white-space: nowrap;" target="_blank">Chạy thử code</a><br />
<br />
<h2 style="background-color: white; border: 0px; box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 22px; font-stretch: inherit; font-weight: normal; margin: 15px 0px; padding: 0px; vertical-align: baseline;">
Điều khiển (Vẽ lên) Canvas bằng JavaScript</h2>
<span style="background-color: white; font-family: arial, verdana, tahoma, sans-serif; font-size: 13px;">Tất cả các thao tác vẽ lên trên canvas phải được thực hiện bằng JavaScript:</span><br />
<br />
<div class="example" style="background-color: #f1f1f1; border-radius: 4px; border: 1px solid rgb(235, 235, 235); box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 13px; font-stretch: inherit; margin: 0px 0px 10px; padding: 10px; position: relative; vertical-align: baseline; width: auto;">
<h2 style="background-color: rgba(0, 0, 0, 0); border: 0px; box-sizing: border-box; color: #444444; font-family: inherit; font-size: 16px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: normal; line-height: inherit; margin: 0px 0px 10px; padding: 0px; vertical-align: baseline;">
Ví dụ canvas</h2>
<div class="example-code hljs xml" style="background: rgb(255, 255, 255); border-left-color: rgb(68, 108, 179); border-left-style: solid; border-radius: 4px; border-width: 0px 0px 0px 4px; box-sizing: border-box; font-family: 'courier new'; font-size: 14px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 4px 4px 4px 7px; vertical-align: baseline; width: auto;">
<span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><<span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">script</span>></span><span class="javascript" style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br style="box-sizing: border-box;" /><span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #aa0d91; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">var</span> c = document.getElementById(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #c41a16; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"myCanvas"</span>);<br style="box-sizing: border-box;" /><span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #aa0d91; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">var</span> ctx = c.getContext(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #c41a16; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"2d"</span>);<br style="box-sizing: border-box;" />ctx.fillStyle = <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #c41a16; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"#FF0000"</span>;<br style="box-sizing: border-box;" />ctx.fillRect(<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0</span>,<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0</span>,<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">150</span>,<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">75</span>);</span><span class="hljs-tag" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></<span class="hljs-title" style="border: 0px; box-sizing: border-box; color: #000088; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">script</span>></span></div>
<a class="btn-try" data-id="82" data-type="html" href="http://tuhocweb.net/html/thu-nghiem/82.html" rel="nofollow" style="background-color: white; border-radius: 5px; border: 1px solid rgb(68, 108, 179); box-sizing: border-box; color: #446cb3; cursor: pointer; display: inline-block; font-family: inherit; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 10px 0px 0px; outline: 0px; padding: 3px 10px 4px; text-align: center; text-decoration: none; vertical-align: baseline; white-space: nowrap;" target="_blank">Chạy thử code</a></div>
<div class="example" style="background-color: #f1f1f1; border-radius: 4px; border: 1px solid rgb(235, 235, 235); box-sizing: border-box; font-family: arial, verdana, tahoma, sans-serif; font-size: 13px; font-stretch: inherit; margin: 0px 0px 10px; padding: 10px; position: relative; vertical-align: baseline; width: auto;">
<strong style="background-color: white; border: 0px; box-sizing: border-box; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Giải thích ví dụ:</strong><br />
<br style="background-color: white; box-sizing: border-box;" />
<span style="background-color: white;">Đầu tiên, tìm tới phần tử <canvas>, lưu đối tượng vào một biến c:</span><br />
<br />
<div class="code hljs javascript" style="background: rgb(240, 240, 240); border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-size: 14px; font-stretch: inherit; margin: 0px; padding: 10px; vertical-align: baseline;">
<span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #aa0d91; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">var</span> c = document.getElementById(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #c41a16; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"myCanvas"</span>);</div>
<br style="background-color: white; box-sizing: border-box;" />
<span style="background-color: white;">Tiếp theo, gọi hàm getContext() (Gán đặc tính "2d" cho biến ctx:</span><br />
<br />
<div class="code hljs javascript" style="background: rgb(240, 240, 240); border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-size: 14px; font-stretch: inherit; margin: 0px; padding: 10px; vertical-align: baseline;">
<span class="hljs-keyword" style="border: 0px; box-sizing: border-box; color: #aa0d91; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">var</span> ctx = c.getContext(<span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #c41a16; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"2d"</span>);</div>
<div style="background-color: white; border: 0px; box-sizing: border-box; font-stretch: inherit; line-height: 16.9px; margin-bottom: 10px; margin-top: 10px; padding: 0px; vertical-align: baseline;">
Đối tượng trả về của hàm getContext("2d") được lưu trong ctx là một đối tượng được xây dựng sẵn của HTML5 cùng với rất nhiều thuộc tính và hàm phục vụ cho việc vẽ các đường thẳng, hộp, vòng tròn, viết chữ, hình ảnh...</div>
<div style="background-color: white; border: 0px; box-sizing: border-box; font-stretch: inherit; line-height: 16.9px; margin-bottom: 10px; margin-top: 10px; padding: 0px; vertical-align: baseline;">
Hai dòng mã tiếp theo vẽ ra một hình chữ nhật màu đỏ:</div>
<div class="code hljs javascript" style="background: rgb(240, 240, 240); border: 1px solid rgb(204, 204, 204); box-sizing: border-box; font-size: 14px; font-stretch: inherit; margin: 0px; padding: 10px; vertical-align: baseline;">
ctx.fillStyle = <span class="hljs-string" style="border: 0px; box-sizing: border-box; color: #c41a16; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">"#FF0000"</span>;<br />
ctx.fillRect(<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0</span>,<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">0</span>,<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">150</span>,<span class="hljs-number" style="border: 0px; box-sizing: border-box; color: #1c00cf; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">75</span>);</div>
<div style="background-color: white; border: 0px; box-sizing: border-box; font-stretch: inherit; line-height: 16.9px; margin-bottom: 10px; margin-top: 10px; padding: 0px; vertical-align: baseline;">
Đặc tính fillStyle có thể là một mã màu CSS, một gradient hoặc một pattern. Giá trị mặc định của fillStyle là #000000 (màu đen).</div>
<div style="background-color: white; border: 0px; box-sizing: border-box; font-stretch: inherit; line-height: 16.9px; margin-bottom: 10px; margin-top: 10px; padding: 0px; vertical-align: baseline;">
Hàm fillRect(<i style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">x,y,width,height</i>) vẽ ra một hình chữ nhật được đổ màu với định dạng màu hiện tại (fillStyle).</div>
</div>
Vua bình luậnhttp://www.blogger.com/profile/13236792442491512325noreply@blogger.com2tag:blogger.com,1999:blog-8770526858918746642.post-26265326576936502802015-09-06T08:02:00.004-07:002015-09-30T20:16:30.339-07:00Các tọa độ canvas<br />
<div style="background-color: white; border: 0px; color: #222222; font-family: Arial, sans-serif; font-size: 1.166em !important; line-height: 1.5em; margin-top: 5px !important; outline: 0px; padding: 6px 0px; vertical-align: baseline;">
Một điều kiện tiên quyết để vẽ trên canvas (khung nền ảnh) là phải biết rõ về vùng lưới hoặc vùng tọa độ. Các phép đo vùng khung nền này theo chiều rộng và chiều cao được tính bằng pixel (điểm ảnh). Canvas được dựng lên xung quanh việc sử dụng các tọa độ <code style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; color: rgb(0, 0, 0) !important; font-family: 'Andale Mono', 'Lucida Console', Monaco, Liberation, fixed, monospace; font-size: 0.95em !important; line-height: 1.5em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">x</code> và <code style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; color: rgb(0, 0, 0) !important; font-family: 'Andale Mono', 'Lucida Console', Monaco, Liberation, fixed, monospace; font-size: 0.95em !important; line-height: 1.5em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">y</code>. Các tọa độ của canvas tại <code style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; color: rgb(0, 0, 0) !important; font-family: 'Andale Mono', 'Lucida Console', Monaco, Liberation, fixed, monospace; font-size: 0.95em !important; line-height: 1.5em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">x=0, y=0</code> nằm ở góc trên bên trái.</div>
<div style="background-color: white; border: 0px; color: #222222; font-family: Arial, sans-serif; font-size: 1.166em !important; line-height: 1.5em; outline: 0px; padding: 6px 0px; vertical-align: baseline;">
Các thuộc tính mặc định cho vùng hình chữ nhật của canvas có chiều rộng là 300 pixels và chiều cao là 150 pixels, nhưng bạn có thể xác định kích thước chính xác của phần tử canvas này bằng cách quy định chiều rộng và chiều cao. Bản vẽ trong Hình 1 cho thấy cách triển khai thực hiện tọa độ <code style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; color: rgb(0, 0, 0) !important; font-family: 'Andale Mono', 'Lucida Console', Monaco, Liberation, fixed, monospace; font-size: 0.95em !important; line-height: 1.5em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">x</code> và <code style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; color: rgb(0, 0, 0) !important; font-family: 'Andale Mono', 'Lucida Console', Monaco, Liberation, fixed, monospace; font-size: 0.95em !important; line-height: 1.5em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">y</code>.</div>
<h5 id="fig1" style="background-color: white; border: 0px; font-family: Arial, sans-serif; font-size: 1.166em !important; margin: 5px 0px 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
Hình 1. Các tọa độ canvas</h5>
<img alt="Hình vuông với các đường chéo và ngang qua đó cho thấy các tọa độ của mỗi chỗ giao nhau." src="https://www.ibm.com/developerworks/vn/library/wa-html5fundamentals4/canvas_grid.jpg" style="background-color: white; border: 0px; font-family: Arial, sans-serif; font-size: 12.8px; line-height: 15.36px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;" width="300" /><br />
<div style="background-color: white; border: 0px; color: #222222; font-family: Arial, sans-serif; font-size: 1.166em !important; line-height: 1.5em; outline: 0px; padding: 6px 0px; vertical-align: baseline;">
Hình 1 cho thấy một vùng canvas 100 pixel x 100 pixel:</div>
<ul class="ibm-bullet-list" style="background-color: white; border: 0px; color: #333333; font-family: Arial, sans-serif; font-size: 1.166em; line-height: 1.5em; list-style: none; margin: 0px; outline: 0px; padding: 0px 0px 8px; vertical-align: baseline;">
<li style="background: url(https://1.www.s81c.com/i/v17/bullets/ibm_lg_bullet_grey_on.gif) 0px 13px no-repeat; border: 0px; clear: left; font-size: inherit; height: 23px; margin: 0px; outline: 0px; padding: 5px 0px 5px 11px; vertical-align: baseline;">Các góc trên bên trái có <code style="border: 0px; color: rgb(0, 0, 0) !important; font-family: 'Andale Mono', 'Lucida Console', Monaco, Liberation, fixed, monospace; font-size: 0.95em !important; line-height: 1.5em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">x=0, y=0</code>.</li>
<li style="background: url(https://1.www.s81c.com/i/v17/bullets/ibm_lg_bullet_grey_on.gif) 0px 13px no-repeat; border: 0px; clear: left; font-size: inherit; height: 23px; margin: 0px; outline: 0px; padding: 5px 0px 5px 11px; vertical-align: baseline;">Giá trị <code style="border: 0px; color: rgb(0, 0, 0) !important; font-family: 'Andale Mono', 'Lucida Console', Monaco, Liberation, fixed, monospace; font-size: 0.95em !important; line-height: 1.5em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">x</code> tăng theo chiều ngang, và giá trị <code style="border: 0px; color: rgb(0, 0, 0) !important; font-family: 'Andale Mono', 'Lucida Console', Monaco, Liberation, fixed, monospace; font-size: 0.95em !important; line-height: 1.5em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">y</code> tăng theo chiều dọc.</li>
<li style="background: url(https://1.www.s81c.com/i/v17/bullets/ibm_lg_bullet_grey_on.gif) 0px 13px no-repeat; border: 0px; clear: left; font-size: inherit; height: 23px; margin: 0px; outline: 0px; padding: 5px 0px 5px 11px; vertical-align: baseline;">Góc dưới cùng bên phải có <code style="border: 0px; color: rgb(0, 0, 0) !important; font-family: 'Andale Mono', 'Lucida Console', Monaco, Liberation, fixed, monospace; font-size: 0.95em !important; line-height: 1.5em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">x=100, y=100</code>.</li>
<li style="background: url(https://1.www.s81c.com/i/v17/bullets/ibm_lg_bullet_grey_on.gif) 0px 13px no-repeat; border: 0px; clear: left; font-size: inherit; height: 23px; margin: 0px; outline: 0px; padding: 5px 0px 5px 11px; vertical-align: baseline;">Tâm điểm có <code style="border: 0px; color: rgb(0, 0, 0) !important; font-family: 'Andale Mono', 'Lucida Console', Monaco, Liberation, fixed, monospace; font-size: 0.95em !important; line-height: 1.5em; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">x=50, y=50</code>.</li>
</ul>
Vua bình luậnhttp://www.blogger.com/profile/13236792442491512325noreply@blogger.com1tag:blogger.com,1999:blog-8770526858918746642.post-75938042989238104922015-09-06T07:58:00.000-07:002015-09-30T20:00:24.174-07:00Jquery Events (Sự kiện)<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidetD8owOnTrxjoVdGhyrMnVmufYSwPpQ1nrJVTmei-nP4oGVIWdwf1VjDTId0VsGr8daKzdN5ZgQ5oaHEK9Fv_96QpflY6VOtMhT2qAK628n6HrSt5G4MzlHceHjr0StI7kwy8j28fyvY/s1600/load.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidetD8owOnTrxjoVdGhyrMnVmufYSwPpQ1nrJVTmei-nP4oGVIWdwf1VjDTId0VsGr8daKzdN5ZgQ5oaHEK9Fv_96QpflY6VOtMhT2qAK628n6HrSt5G4MzlHceHjr0StI7kwy8j28fyvY/s1600/load.JPG" /></a></div>
<span style="color: #545454; font-family: Arial;"><span style="background-color: white; line-height: 25px;"><br /></span></span>
<span style="color: #545454; font-family: Arial;"><span style="background-color: white; line-height: 25px;">Các sự kiện sinh ra để phản ứng lại với tương tác của người dùng với trang web. Chúng ta đã khá quen thuộc với các sự kiện như <b>onclick, onmousedown, onkeydown,</b>…… trong javascript. Jquery tất nhiên cung cấp đầy đủ những sự kiện trong javascript. Không chỉ vậy, với cú pháp xử lý đơn giản, dễ hiểu nó còn làm được nhiều hơn thế.</span></span><br />
<h3 style="background: rgb(255, 255, 255); border: 0px; box-sizing: border-box; color: #545454; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.6em; font-weight: 400; line-height: 1.1; margin: 15px 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
$(document).ready()</h3>
<div style="background: rgb(255, 255, 255); border: 0px; box-sizing: border-box; color: #545454; font-family: Arial; font-size: 16px; line-height: 25px; margin-bottom: 15px; margin-top: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
Đây là bộ quản lý sự kiện cơ bản của Jquery. Hiểu đơn giản thì nó cũng là một sự kiện trong jquery, được kích hoạt khi tài liệu html của trang web được load xong và cây DOM được tạo thành.</div>
<div style="background: rgb(255, 255, 255); border: 0px; box-sizing: border-box; color: #545454; font-family: Arial; font-size: 16px; line-height: 25px; margin-bottom: 15px; margin-top: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
Ngoài ra, Jquery còn có một bộ quản lý sự kiện khác đó là $(window).load(). Cái này hoàn toàn giống với<code style="background-attachment: initial; background-clip: initial; background-color: rgb(249, 242, 244) !important; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 7px; border: 0px; box-sizing: border-box; color: #c7254e; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14.4px; margin: 0px; outline: 0px; padding: 2px 4px !important; vertical-align: baseline; white-space: nowrap;">window.onload()</code> trong javascript.<code style="background-attachment: initial; background-clip: initial; background-color: rgb(249, 242, 244) !important; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 7px; border: 0px; box-sizing: border-box; color: #c7254e; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14.4px; margin: 0px; outline: 0px; padding: 2px 4px !important; vertical-align: baseline; white-space: nowrap;"> Window.onload()</code> chỉ được kích hoạt khi toàn bộ tài liệu đã được load xong, bào gồm ảnh, css, object, các frame…. Rõ ràng <code style="background-attachment: initial; background-clip: initial; background-color: rgb(249, 242, 244) !important; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 7px; border: 0px; box-sizing: border-box; color: #c7254e; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14.4px; margin: 0px; outline: 0px; padding: 2px 4px !important; vertical-align: baseline; white-space: nowrap;">$(document).ready()</code> có ưu điểm rõ rệt hơn khi thời điểm kích hoạt sự kiện là sớm hơn, đặc biệt khi trang web có dung lượng lớn, chứa nhiều hình ảnh.</div>
<div style="background: rgb(255, 255, 255); border: 0px; box-sizing: border-box; color: #545454; font-family: Arial; font-size: 16px; line-height: 25px; margin-bottom: 15px; margin-top: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
Tuy nhiên nếu bạn cần thao tác javascript với các hình ảnh thì sử dụng <code style="background-attachment: initial; background-clip: initial; background-color: rgb(249, 242, 244) !important; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 7px; border: 0px; box-sizing: border-box; color: #c7254e; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14.4px; margin: 0px; outline: 0px; padding: 2px 4px !important; vertical-align: baseline; white-space: nowrap;">window.onload()</code> là hợp lý.<br />
Hàm <code style="background-attachment: initial; background-clip: initial; background-color: rgb(249, 242, 244) !important; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 7px; border: 0px; box-sizing: border-box; color: #c7254e; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14.4px; margin: 0px; outline: 0px; padding: 2px 4px !important; vertical-align: baseline; white-space: nowrap;">$(document).ready()</code> có thể được gọi nhiều lần, ngoài cách viết này chúng ta có thể viết<code style="background-attachment: initial; background-clip: initial; background-color: rgb(249, 242, 244) !important; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 7px; border: 0px; box-sizing: border-box; color: #c7254e; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14.4px; margin: 0px; outline: 0px; padding: 2px 4px !important; vertical-align: baseline; white-space: nowrap;">$().ready(function(){……….})</code> hoặc<code style="background-attachment: initial; background-clip: initial; background-color: rgb(249, 242, 244) !important; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 7px; border: 0px; box-sizing: border-box; color: #c7254e; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14.4px; margin: 0px; outline: 0px; padding: 2px 4px !important; vertical-align: baseline; white-space: nowrap;"> $(function(){……..}) </code>đều được.</div>
<h3 style="background: rgb(255, 255, 255); border: 0px; box-sizing: border-box; color: #545454; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.6em; font-weight: 400; line-height: 1.1; margin: 15px 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
Ví dụ minh họa</h3>
<div style="background: rgb(255, 255, 255); border: 0px; box-sizing: border-box; color: #545454; font-family: Arial; font-size: 16px; line-height: 25px; margin-bottom: 15px; margin-top: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
Hãy bắt đầu bằng một sự kiện đơn giản, đó là click:</div>
<div style="background: rgb(255, 255, 255); border: 0px; box-sizing: border-box; color: #545454; font-family: Arial; font-size: 16px; line-height: 25px; margin-bottom: 15px; margin-top: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
Code html:</div>
<div style="background: rgb(255, 255, 255); border: 0px; box-sizing: border-box; color: #545454; font-family: Arial; font-size: 16px; line-height: 25.6px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<div class="syntaxhighlighter xml" id="highlighter_293891" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; font-size: 1em !important; margin: 1em 0px !important; outline: 0px; overflow-x: auto !important; overflow-y: hidden !important; padding: 0px; position: relative !important; vertical-align: baseline; width: 751.234px;">
<table border="0" cellpadding="0" cellspacing="0" style="background: none !important; border-collapse: collapse; border-radius: 0px !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; table-layout: auto !important; top: auto !important; vertical-align: baseline !important; width: 751px;"><tbody style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: rgb(25, 101, 165); border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: white; direction: ltr !important; float: none !important; font-size: 1em !important; font-weight: bold; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="gutter" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(175, 175, 175) !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><div class="line number1 index0 alt2" style="background: none white !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
01</div>
</td><td class="code" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 706px;"><div class="container" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line number1 index0 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="xml plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;"><</code><code class="xml keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">button</code> <code class="xml color1" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: gray !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">id</code><code class="xml plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">=</code><code class="xml string" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">"”target”"</code><code class="xml plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">>click here</</code><code class="xml keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">button</code><code class="xml plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="background: rgb(255, 255, 255); border: 0px; box-sizing: border-box; color: #545454; font-family: Arial; font-size: 16px; line-height: 25px; margin-bottom: 15px; margin-top: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
Code Jquery:</div>
<div style="background: rgb(255, 255, 255); border: 0px; box-sizing: border-box; color: #545454; font-family: Arial; font-size: 16px; line-height: 25.6px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<div class="syntaxhighlighter jscript" id="highlighter_965506" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; box-sizing: border-box; font-size: 1em !important; margin: 1em 0px !important; outline: 0px; overflow-x: auto !important; overflow-y: hidden !important; padding: 0px; position: relative !important; vertical-align: baseline; width: 751.234px;">
<table border="0" cellpadding="0" cellspacing="0" style="background: none !important; border-collapse: collapse; border-radius: 0px !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; table-layout: auto !important; top: auto !important; vertical-align: baseline !important; width: 751px;"><tbody style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: rgb(25, 101, 165); border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: white; direction: ltr !important; float: none !important; font-size: 1em !important; font-weight: bold; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="gutter" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(175, 175, 175) !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><div class="line number1 index0 alt2" style="background: none white !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
01</div>
<div class="line number2 index1 alt1" style="background: none white !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
02</div>
<div class="line number3 index2 alt2" style="background: none white !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
03</div>
<div class="line number4 index3 alt1" style="background: none white !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
04</div>
<div class="line number5 index4 alt2" style="background: none white !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
05</div>
</td><td class="code" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; font-weight: normal !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 706px;"><div class="container" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line number1 index0 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="jscript plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">$(document).ready( </code><code class="jscript keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">function</code> <code class="jscript plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">() {</code></div>
<div class="line number2 index1 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="jscript spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;"> </code><code class="jscript plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">$(</code><code class="jscript string" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: blue !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">'#target'</code><code class="jscript plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">).click(</code><code class="jscript keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">function</code><code class="jscript plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">( e ){</code></div>
<div class="line number3 index2 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="jscript spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;"> </code><code class="jscript plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">$(“body”).append(“bạn đã click”);</code></div>
<div class="line number4 index3 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="jscript spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: #c7254e; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;"> </code><code class="jscript plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">});</code></div>
<div class="line number5 index4 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="jscript plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: black !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: nowrap; width: auto !important;">});</code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="background: rgb(255, 255, 255); border: 0px; box-sizing: border-box; color: #545454; font-family: Arial; font-size: 16px; line-height: 25px; margin-bottom: 15px; margin-top: 15px; outline: 0px; padding: 0px; vertical-align: baseline;">
Code trên sẽ hoạt động như sau: khi bạn <code style="background-attachment: initial; background-clip: initial; background-color: rgb(249, 242, 244) !important; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 7px; border: 0px; box-sizing: border-box; color: #c7254e; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14.4px; margin: 0px; outline: 0px; padding: 2px 4px !important; vertical-align: baseline; white-space: nowrap;">click</code> vào button có id là <code style="background-attachment: initial; background-clip: initial; background-color: rgb(249, 242, 244) !important; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 7px; border: 0px; box-sizing: border-box; color: #c7254e; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14.4px; margin: 0px; outline: 0px; padding: 2px 4px !important; vertical-align: baseline; white-space: nowrap;">target</code> thì một đoạn text sẽ được thêm vào cuối thẻ <body>. Hàm <code style="background-attachment: initial; background-clip: initial; background-color: rgb(249, 242, 244) !important; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 7px; border: 0px; box-sizing: border-box; color: #c7254e; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14.4px; margin: 0px; outline: 0px; padding: 2px 4px !important; vertical-align: baseline; white-space: nowrap;">function()</code> bên trong chính là <code style="background-attachment: initial; background-clip: initial; background-color: rgb(249, 242, 244) !important; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 7px; border: 0px; box-sizing: border-box; color: #c7254e; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 14.4px; margin: 0px; outline: 0px; padding: 2px 4px !important; vertical-align: baseline; white-space: nowrap;">eventHandler</code>, có nhiệm vụ xử lý sự kiện click của chúng ta.<br />
Bạn có thể xem kết quả ở đây: <a href="http://jsfiddle.net/Nbp4v/" rel="external nofollow" style="background: transparent; box-sizing: border-box; color: #007bb6; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" title="">http://jsfiddle.net/Nbp4v/</a></div>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; width: 636px;"><colgroup><col style="mso-width-alt: 3744; mso-width-source: userset; width: 88pt;" width="117"></col><col style="mso-width-alt: 1536; mso-width-source: userset; width: 36pt;" width="48"></col><col style="mso-width-alt: 1440; mso-width-source: userset; width: 34pt;" width="45"></col><col style="mso-width-alt: 1312; mso-width-source: userset; width: 31pt;" width="41"></col><col style="mso-width-alt: 1344; mso-width-source: userset; width: 32pt;" width="42"></col><col style="mso-width-alt: 10976; mso-width-source: userset; width: 257pt;" width="343"></col></colgroup><tbody>
</tbody></table>
Vua bình luậnhttp://www.blogger.com/profile/13236792442491512325noreply@blogger.com0