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

  Ý kiến bạn đọc

  • Nguyễn quang thế
    Iphone 4,4s và galaxy S2 HD LTE, note giá rẻ bất ngờ.xin hãy liên hệ để biết thêm chi tiêt ĐT:01021095241 hoặc pm: nguyenquangthe1152011
      Nguyễn quang thế   13/06/2012 07:08

Những tin mới hơn

Những tin cũ hơn

Giới thiệu về Công ty cổ phần phát triển nguồn mở Việt Nam

Công ty cổ phần phát triển nguồn mở Việt Nam (VINADES.,JSC) là công ty mã nguồn mở đầu tiên của Việt Nam sở hữu riêng một mã nguồn mở nổi tiếng và đang được sử dụng ở hàng ngàn website lớn nhỏ trong mọi lĩnh vực. Wbsite đang hoạt động chính thức: http://vinades.vn/ Ra đời từ hoạt động của tổ chức...

Thăm dò ý kiến

Bạn biết gì về NukeViet 4?

Thống kê truy cập
  • Đang truy cập181
  • Máy chủ tìm kiếm21
  • Khách viếng thăm160
  • Hôm nay31,636
  • Tháng hiện tại688,553
  • Tổng lượt truy cập45,774,429
  • Một số tính năng mới của NukeViet 4.3.06

    Thêm chức năng gửi lại email kích hoạt tài khoản chờ duyệt, chức năng cấu hình CORS, tùy chọn chèn logo cho mỗi lần upload và hỗ trợ các nhà phát triển debug các câu lệnh SQL là những điểm mới đáng chú ý ở NukeViet 4.3.06
  • Đọc, hiểu đúng báo cáo của Google PageSpeed Insights

    PageSpeed Insights là công cụ của Google dành cho các nhà phát triển web giúp phân tích nội dung của trang web, sau đó tạo đề xuất nhằm giúp trang đó hoạt động nhanh hơn. Tuy nhiên đọc và hiểu các báo cáo này như thế nào? Ứng dụng đến đâu... lại là chuyện mà chúng ta phải bàn!
  • Thông báo phát hành NukeViet 4.3.05

    NukeViet 4.3.05 tiếp tục là bản tiếp theo của thế hệ NukeViet 4.3. Gỡ bỏ các nội dung liên quan đến Google Plus và tính năng kiểm duyệt thông tin chỉnh sửa của thành viên là điểm nổi bật tại phiên bản này.
  • Một số cập nhật của phiên bản NukeViet 4.3.05

    Cùng điểm qua một số thay đổi tại phiên bản 4.3.05 của dòng NukeViet 4.x
  • Firefox Send triển khai cho tất cả mọi người

    Bản cập nhật mới nhất của trình duyệt Firefox cung cấp cho người dùng công cụ Firefox Send, giúp họ có thể di chuyển tập tin được mã hóa đầu cuối.
  • Google Tag Manager là gì và triển khai Google Tag như thế nào?

    Mới đầu, Google Tag Manager có lẽ là một công cụ khó hiểu và khó dùng với đại đa số mọi người. Tuy nhiên, một khi đã tiếp xúc và sử dụng công cụ này thì bạn sẽ thấy nó thực sự tuyệt vời, tiện dụng cũng như đầy hữu ích khi Quản trị Website đấy.
  • "Cuộc Sống Và Những Điều Kỳ Diệu" (HTV7) giới thiệu về công ty VIDOCO

    Chương trình "Cuộc Sống Và Những Điều Kỳ Diệu" do kênh HTV7 (Đài truyền hình Tp Hồ Chí Minh) thực hiện, giới thiệu về VIDOCO - doanh nghiệp được sáng lập bởi Lê Thúc Vinh, một thành viên cộng đồng NukeViet
 
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