Chuyển đến nội dung chính

Điều chỉnh chiều cao tự động trong cửa sổ PopUp

Thường khi các bạn PopUp 1 cửa sổ windows, nếu biết trước nội dung, bạn sẽ truyền tham số (width, height). Nhưng nếu nội dung này lấy từ CSDL, và nếu truyền chiều cao cố định, cửa sổ sẽ không vừa khít với nội dung.
Nếu bạn đặt đoạn script này trong cửa sổ PopUp
//---s là chiều cao cửa sổ nội dung
self.innerHeight = s;
Thì khi chạy trình duyệt, cửa sổ luôn bị thu nhỏ. Lý do là JavaScript chạy trước trình duyệt render ra mã html.

Cách khắc phục:
Bạn dùng JQuery với sự kiện $('document').ready(function(){...});
Sự kiện này xảy ra khi document được load. Như vậy biến s sẽ lấy được chiều cao nội dung bạn sẽ hiển thị
<script type="text/javascript" src="PopUp_files/jquery.js"></script>
<p><a href="JQuery.htm" title="yahoo.com" class="example1demo">open popup</a></p> 
<script type="text/javascript">
    $('.example1demo').popupWindow({
        height: 900,
        width: 800,
        top: 50,
        left: 50
    }); 
</script>
Code cửa sổ PopUp:
<script type="text/javascript">
    self.innerWidth = 700;
    $(document).ready(function () {
        var h = $(".noidung").css('height');
        var s = parseInt(h.substring(0,h.length-2)) + 100;
        self.innerHeight = s;
    });
</script>
<h2>Index</h2>
<div class="noidung">
Sợ mất một ai đó nhưng bản thân ta lại không níu giữ, ta muốn 
người đó quay lại nhưng lòng kiêu hãnh đã đẩy người đó đi xa 
hơn.Trong tình yêu, nếu bạn yêu một ai đó, hay cố gắng bên người
 đó. Và khi người đó thuộc về bạn, hãy trân trọng và gìn 
giữ. Bởi tình yêu không phải là một món đồ mà khi mất ta dễ 
dàng tìm lại được. Và nếu bạn may mắn có lại được thì trong 
tim người đó cũng đã hiện hữu một vết thương khó lành.Hãy 
gửi tin nhắn này đến những người bạn của bạn.......( Kể cả 
tôi nữa nhé) .Một ngày tốt lành 
</div>
Bạn có thể download mã nguồn đầy đủ tại đây
Án Bình Trọng

Nhận xét

Bài đăng phổ biến từ blog này

[ASP.NET MVC] Authentication và Authorize

Một trong những vấn đề bảo mật cơ bản nhất là đảm bảo những người dùng hợp lệ truy cập vào hệ thống. ASP.NET đưa ra 2 khái niệm: Authentication và Authorize Authentication xác nhận bạn là ai. Ví dụ: Bạn có thể đăng nhập vào hệ thống bằng username và password hoặc bằng ssh. Authorization xác nhận những gì bạn có thể làm. Ví dụ: Bạn được phép truy cập vào website, đăng thông tin lên diễn đàn nhưng bạn không được phép truy cập vào trang mod và admin.

ASP.NET MVC: Cơ bản về Validation

Validation (chứng thực) là một tính năng quan trọng trong ASP.NET MVC và được phát triển trong một thời gian dài. Validation vắng mặt trong phiên bản đầu tiên của asp.net mvc và thật khó để tích hợp 1 framework validation của một bên thứ 3 vì không có khả năng mở rộng. ASP.NET MVC2 đã hỗ trợ framework validation do Microsoft phát triển, tên là Data Annotations. Và trong phiên bản 3, framework validation đã hỗ trợ tốt hơn việc xác thực phía máy khách, và đây là một xu hướng của việc phát triển ứng dụng web ngày nay.

Tổng hợp một số kiến thức lập trình về Amibroker

Giới thiệu về Amibroker Amibroker theo developer Tomasz Janeczko được xây dựng dựa trên ngôn ngữ C. Vì vậy bộ code Amibroker Formula Language sử dụng có syntax khá tương đồng với C, ví dụ như câu lệnh #include để import hay cách gói các object, hàm trong các block {} và kết thúc câu lệnh bằng dấu “;”. AFL trong Amibroker là ngôn ngữ xử lý mảng (an array processing language). Nó hoạt động dựa trên các mảng (các dòng/vector) số liệu, khá giống với cách hoạt động của spreadsheet trên excel.