|
HỒ LÔ BIẾN |
|
Tự động thiết lập
chế độ toàn màn hình
Văn Vững
|
|
Để mở rộng tối đa phần hiển thị
trang Web, trình duyệt Internet Explorer cho phép ta
xem ở chế độ toàn màn hình (full screen) bằng cách
ấn phím F11. Muốn trở về chế độ hiển thị bình thường
người dùng lại ấn phím F11 hay đưa chuột lên đỉnh
màn hình để thấy các nút điều khiển rồi bấm nút
Restore. Nếu là người thiết kế Web, bạn có thể chủ
động chuyển qua chế độ toàn màn hình (khi cần) bằng
Javascript. |
|
Kể ra, chẳng mấy khi ta phải
chuyển qua chế độ toàn màn hình vì sẽ hạn chế khả
năng xoay trở của người dùng. Tuy nhiên nếu trang
Web của bạn cung cấp trò chơi gì đó (trang Game) với
các công cụ điều khiển kèm theo lời chỉ dẫn cách
chơi chẳng hạn, bạn nên tạo cửa sổ trình duyệt riêng
và thiết lập luôn chế độ toàn màn hình để người chơi
được thoải mái. Vả lại, trong khi chơi, "người ta"
đâu cần chuyển trang? |
|
Muốn vậy, trước hết, trang Game
của bạn cần có nút lệnh "đóng cửa sổ" ở góc
trên-phải để người dùng có thể đóng cửa sổ mà không
lúng túng (không phải ai cũng nhớ dùng tổ hợp phím
Alt+F4 đâu!). Bạn ghi ngay bên dưới thẻ <body> như
sau: |
|
<p align=”right”>
<input type=”button” value=”Close”
onClick=”window.close()”>
</p> |
|
Trong trang Web chứa liên kết
(hay nút lệnh) để chuyển đến trang Game (giả sử là
tập tin breakout.html), bạn dùng hàm window.open()
với cú pháp như sau: |
|
window.open(“breakout.html”,”TênTrang”,”fullscreen,scrollbar”); |
|
Trong đó, nếu bạn không cho xuất hiện
thanh cuộn thì không cần ghi scrollbars (bạn phải xoá cả
dấu phẩy). Nếu trang Game được tải khi người dùng bấm
vào liên kết, bạn gọi hàm window.open() như sau: |
|
<a
href="#" onClick= 'window.open(
"breakout.html","","fullscreen,
scrollbars");'>
Game</a> |
|
Nếu dùng nút lệnh thay cho liên
kết, bạn ghi: |
|
<input
type="button" value="Game"
onClick='window.open("breakout.html",
"","fullscreen,scrollbars");'> |
|
Trong trường hợp bạn muốn trang
Game được tải tự động ngay khi người dùng xem trang
Web nào đó, bạn hãy gọi hàm window.open() bên trong
thẻ <script> của phần <head>: |
|
<script>
<!--
window.open("breakout.html","",
"fullscreen,scrollbars");
//-->
</script> |
|
hoặc bên trong thẻ <body>: |
|
<body
onLoad='window.open(
"breakout.html","","fullscreen,
scrollbars");'> |
|
|
