Dùng JavaScrip điều chỉnh kích thước cửa sổ trình duyệt cho Website cân đối.

Thứ tư - 27/09/2006 04:25
Cấu hình của máy tính ngày càng cao, độ phân giải màn hình ngày càng lớn. Hiện nay bên cạnh các máy tính sử dụng độ phân giải 800x600 thì số lượng máy sử dụng độ phân giải 1024x768 cũng tăng lên rất nhiều. Chính sự việc sử dụng độ phân giải khác nhau của người dùng sẽ gây khó khăn cho người thiết kế Web. Yêu cầu đặt ra cho người thiết kế Web là phải làm sao cho ngay cả khi người dùng truy cập web bằng những máy có độ phân giải khác nhau thì giao diện của Website cũng không bị “biến dạng”, nhất là đối với các Website sử dụng ảnh nền . Nếu bạn là người mới học thiết kế web thì bạn nên quan tâm tới vấn đề này.
Có rất nhiều giải pháp để giải quyết vấn đề này. Ví dụ đối với các ô văn bản (text) bạn có thể sử dụng các bảng (table) có tính đối xứng hoặc có khả năng co giãn theo cửa sổ trình duyệt. Bằng cách khai báo thông số chiều rộng là % (ví dụ: width="50%") thay vì sử dụng giá trị Pixels như thông thường, bạn sẽ luôn đảm bảo được rằng các ô trong bảng co giãn với một tỉ lệ thích hợp vừa với màn hình.

Đây là giải pháp lâu dài, tuy nhiên việc chỉnh sửa yêu cầu phải can thiệp vào mã nguồn của Website nên đòi hỏi nhiều thời gian và công sức.

Có một giải pháp tình thế để giải quyết vấn đề này trước khi bạn có thể sửa lại mã nguồn cho website. Đó là phương pháp cố định kích thước cửa sổ trang web bằng cách sử dụng các mã JavaScript . Bạn có thể khống chế kích thước cửa số thông qua các liên kết (link) có sử dụng JavaScript . Ví dụ:


<a href="javascript:void(window.open('http://xaydungcauduong.net/xd603.htm',%20'',
'scrollbars=yes,width=750,height=500'))"> Website XD603 </a>


Biện pháp này rất hiệu quả đối với các trang cần cố định do yêu cầu nghệ thuật, ví dụ như các Website, Album ảnh … nhưng không phù hợp lắm đối với các trang Web bình thường. Mặt khác, không phải người truy cập nào cũng đến từ liên kết do bạn tạo ra ở trên mà họ còn có thể truy cập trực tiếp tới địa chỉ trang web hoặc đi đến từ liên kết trên các Website khác. Khi đó bạn sẽ cần đến đoạn mã có khả năng điều chỉnh kích thước cửa sổ trang Web sau khi người khác truy cập vào. Và đây là đoạn mã ấy:


<script language="JavaScript">



<!--



var
noviProzor = window.resizeTo(800,600);



 -->



</script>


Trong đó 800,600 là kích thước cửa sổ trình duyệt của người truy cập sẽ được thay đổi (resize). Bạn có thể thay đổi kích thước này bằng trị số khác cho phù hợp yêu cầu của bạn nhưng thông thường không nên lớn hơn 800,600 nếu không muốn gây kho khăn cho những người sử dụng trên máy có độ phân giải này.

Bạn có thể chèn đoạn mã trên vào bất cứ vị trí nào trên trang Web nhưng tốt nhất bạn nên đặt ngay trước thẻ </head>

Với đoạn mã này, kích thước cửa sổ trình duyệt của người truy cập sẽ được đặt cho vừa với kích thước trang Web ngay khi người truy cập vừa tới Website. Sau đó người truy cập vẫn có thể chỉnh lại kích thước cửa sổ theo yêu cầu của mình mã không bị gò bó, gây những cảm giác cứng nhắc khó chịu.

Nguồn tin: http://xaydungcauduong.net

Tổng số điểm của bài viết là: 9 trong 2 đánh giá

Xếp hạng: 4.5 - 2 phiếu bầu
Click để đánh giá bài viết

Những tin mới hơn

Những tin cũ hơn

Những tính năng của NukeViet CMS 4.0

Giới thiệu chung Mã nguồn mở NukeViet là sản phẩm của sự làm việc chuyên nghiệp: Để xây dựng lên NukeViet 4, đội ngũ phát triển đã thành lập công ty VINADES.,JSC. Trong quá trình phát triển NukeViet 4, VINADES.,JSC đã hợp tác với nhiều đơn vị cung cấp hosting trong và ngoài nước để thử nghiệm host,...

Thăm dò ý kiến
Bạn biết gì về NukeViet 4?
Thống kê truy cập
  • Đang truy cập243
  • Máy chủ tìm kiếm7
  • Khách viếng thăm236
  • Hôm nay25,665
  • Tháng hiện tại1,651,776
  • Tổng lượt truy cập119,425,463
Left-column advertisement
  • Cảnh báo PHP2Shell: lỗ hổng RCE nghiêm trọng trong PHP

    Ngày 21/10/2026, PHP phát hành bản vá khẩn cấp cho hai lỗ hổng thực thi mã từ xa không cần xác thực (CVE-2026-109618 và CVE-2026-109619, gọi chung là PHP2Shell). Website NukeViet chạy trên PHP chưa vá cần được nâng cấp ngay.
  • DauThau.info - Một sản phẩm công nghệ phát triển trên nền tảng NukeViet

    Được xây dựng trên nền tảng CMS mã nguồn mở NukeViet, DauThau.info đã trải qua quá trình phát triển và mở rộng liên tục để đáp ứng những bài toán ngày càng chuyên sâu của dữ liệu đấu thầu. Từ nền móng công nghệ ban đầu, sản phẩm từng bước được mở rộng với các công cụ phục vụ tìm kiếm, theo dõi và phân tích dữ liệu, dần trở thành một hệ thống chuyên biệt phục vụ thị trường đấu thầu Việt Nam.
  • Thông báo phát hành NukeViet 4.6.02

    NukeViet 4.6.02 là phiên bản tiếp theo của NukeViet CMS, đây cũng là bản cập nhật bảo mật rất quan trọng được khuyến nghị cho toàn bộ người dùng.
  • Thông báo phát hành NukeViet 4.6.01

    NukeViet 4.6.01 là phiên bản tiếp theo của NukeViet CMS, đây cũng là bản cập nhật bảo mật rất quan trọng được khuyến nghị cho toàn bộ người dùng.
  • Cộng đồng nghiên cứu bảo mật đồng hành cùng NukeViet bảo vệ hạ tầng số Việt Nam

    Ngày càng nhiều sinh viên, nhà nghiên cứu và chuyên gia an toàn thông tin lựa chọn đồng hành cùng NukeViet trong việc phát hiện, báo cáo và khắc phục các lỗ hổng bảo mật. Những đóng góp đó không chỉ giúp hoàn thiện một dự án mã nguồn mở Việt Nam mà còn góp phần bảo vệ hàng nghìn website của cơ quan, tổ chức và doanh nghiệp đang vận hành trên nền tảng này.
  • Thông báo phát hành NukeViet 4.6.00

    NukeViet 4.6.00 là phiên bản tiếp theo của NukeViet CMS dựa trên kế thừa các chức năng của dòng 4.5 và yêu cầu máy chủ hỗ trợ php 7.4 trở lên. Đây cũng là bản cập nhật bảo mật rất quan trọng được khuyến nghị cho toàn bộ người dùng.
  • Thông báo bảo mật dòng NukeViet 4.5.x

    Dòng NukeViet 4.5.x đã bước vào giai đoạn duy trì cuối vòng đời. Trang này ghi nhận liên tục các vấn đề bảo mật và cách chúng tôi xử lý để giữ an toàn cho những website còn ở lại trên dòng 4.5.x đến tháng 7 năm 2027. Chúng tôi vẫn nỗ lực bảo vệ bạn ở mức tốt nhất có thể trên nền tảng này — nhưng nếu có điều kiện, hãy lên kế hoạch chuyển sang phiên bản mới hơn để được bảo vệ tận gốc.
Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây