Bản mẫu:OOUI-ProcessDialog

Thêm liên kết
Tủ sách mở Wikibooks
Tài liệu bản mẫu[sửa] [lịch sử] [làm mới]

OOUI-ProcessDialog là một hộp thoại được thiết kế dựa trên Wikimedia UI. Một hộp thoại sẽ nảy ra trước mắt người dùng nếu bấm đúng nút đã định. Trang này không có chức năng gì ngoài giới thiệu cách tạo ra hộp thoại này, và làm thế nào để tạo ra hộp thoại này thì đọc nội dung phía dưới.

Các bản mẫu cần thiết[sửa]

Có tất cả 5 bản mẫu cần quan tâm:

Viết gọn: {{PrD-link}}
Viết gọn: {{PrD-button}}
  • {{OOUI-ProcessDialog-message}}: Chứa nội dung đơn giản cho một hộp thoại đơn giản, dùng nó nếu bạn tạo ra hộp thoại chỉ có mỗi văn bản thuần.
Viết gọn: {{PrD-message}}
  • {{OOUI-ProcessDialog-content}} và {{OOUI-ProcessDialog-content-end}}: Sử dụng cặp bản mẫu này nếu muốn hộp thoại hiện ra những nội dung phức tạp (ví dụ có cả mã HTML). Những nội dung nằm giữa cặp bản mẫu này sẽ được hiển thị trong hộp thoại.
Viết gọn: {{PrD-content}} và {{PrD-content-end}}

Ví dụ[sửa]

Ví dụ 1: Hộp thoại đơn giản[sửa]

Đoạn mã dưới đây hiện thị một nút bấm màu xanh, nhấn vào sẽ hiện ra một hộp thoại. 

{{PrD-button|id=1|màu=xanh lam|chữ=Nhấp chuột vào đây!}}
{{PrD-message|id=1|chữ=Đây là cửa sổ hộp thoại OOUI-ProcessDialog}}

Nhấp chuột vào đây!

Ví dụ 2: Hai hộp thoại[sửa]

Tham số id rất quan trọng, mỗi hộp thoại đều phải có id riêng và không cái nào giống cái nào. Hãy nhớ thêm tham số id để "nút bấm" và "nội dung" nhận ra nhau, tên id có thể đặt tùy ý miễn là không dấu, không cách. Khi thêm id, cho dù đặt chúng xa rời nhau cách mấy thì mọi thứ vẫn hoạt động. Nếu không thêm id, rất có thể mọi thứ sẽ gặp lỗi khi có nhiều hơn 1 hộp thoại trên một trang. 

{{PrD-button|id=blue|màu=xanh lam|chữ=Nút màu xanh}}
{{PrD-button|id=red|màu=đỏ|chữ=Nút màu đỏ}}
{{PrD-message|id=red|chữ=Hộp thoại này mở vì bạn nhấn nút màu đỏ}}
{{PrD-message|id=blue|chữ=Hộp thoại này mở vì bạn nhấn nút màu xanh}}

Nút màu xanh Nút màu đỏ

Ví dụ 3: Chọn kích cỡ hộp thoại[sửa]

Mặc định hộp thoại có kích cỡ vừa. Để thay đổi kích thước của hộp thoại, hãy thêm tham số kích cỡ vào một trong hai bản mẫu {{PrD-message}} hoặc {{PrD-content}}, tùy theo cái đang được sử dụng. 

{{PrD-button|id=small|chữ=Hộp thoại nhỏ}}
{{PrD-button|id=medium|chữ=Hộp thoại trung bình}}
{{PrD-button|id=large|chữ=Hộp thoại lớn}}
{{PrD-button|id=larger|chữ=Hộp thoại rất lớn}}
{{PrD-button|id=full|chữ=Hộp thoại toàn màn hình}}

{{PrD-message|id=small|kích cỡ=nhỏ|chữ=Bạn đang nhìn thấy đây là hộp thoại nhỏ}}
{{PrD-message|id=medium|kích cỡ=vừa|chữ=Bạn đang nhìn thấy đây là hộp thoại trung bình}}
{{PrD-message|id=large|kích cỡ=lớn|chữ=Bạn đang nhìn thấy đây là hộp thoại lớn}}
{{PrD-message|id=larger|kích cỡ=rất lớn|chữ=Bạn đang nhìn thấy đây là hộp thoại rất lớn}}
{{PrD-message|id=full|kích cỡ=đủ|chữ=Bạn đang nhìn thấy đây là hộp thoại toàn màn hình}}

Hộp thoại nhỏ Hộp thoại trung bình Hộp thoại lớn Hộp thoại rất lớn Hộp thoại toàn màn hình

Hộp thoại có 5 kích cỡ để chọn:

  • nhỏ/small
  • vừa/medium (mặc định)
  • lớn/large
  • rất lớn/larger
  • đủ/full (toàn màn hình)

Ví dụ 4: Nhiều nút cùng ra một hộp thoại[sửa]

{{PrD-button|id = vinh-ha-long |màu = xanh |chữ = Nút 1}}
{{PrD-button|id = vinh-ha-long |màu = đỏ |chữ = Nút 2}}

{{PrD-content|id = vinh-ha-long |tiêu đề = Vịnh Hạ Long|kích cỡ = rất lớn}}
<div style="text-align:justify">
'''Vịnh Hạ Long''' là một vịnh nhỏ thuộc phần bờ tây vịnh Bắc Bộ tại khu vực biển Đông Bắc Việt Nam, bao gồm vùng biển đảo của thành phố Hạ Long thuộc tỉnh Quảng Ninh. Đây là trung tâm của một khu vực rộng lớn có những yếu tố ít nhiều tương đồng về địa chất, địa mạo, cảnh quan, khí hậu và văn hóa với vịnh Bái Tử Long phía Đông Bắc và quần đảo Cát Bà phía Tây Nam. Vịnh Hạ Long giới hạn trong diện tích khoảng 1.553 km² bao gồm 1.969 hòn đảo lớn nhỏ, phần lớn là đảo đá vôi, trong đó vùng lõi của vịnh có diện tích 335 km² quần tụ dày đặc 775 hòn đảo. Lịch sử kiến tạo địa chất đá vôi của vịnh đã trải qua khoảng 500 triệu năm với những hoàn cảnh cổ địa lý rất khác nhau; và quá trình tiến hóa cacxtơ đầy đủ trải qua trên 20 triệu năm với sự kết hợp các yếu tố như tầng đá vôi dày, khí hậu nóng ẩm và tiến trình nâng kiến tạo chậm chạp trên tổng thể. Sự kết hợp của môi trường, khí hậu, địa chất, địa mạo, đã khiến vịnh Hạ Long trở thành quần tụ của đa dạng sinh học bao gồm hệ sinh thái rừng kín thường xanh mưa ẩm nhiệt đới và hệ sinh thái biển và ven bờ với nhiều tiểu hệ sinh thái. 17 loài thực vật đặc hữu và khoảng 60 loài động vật đặc hữu đã được phát hiện trong số hàng ngàn động, thực vật quần cư tại vịnh.
</div>
[[Tập tin:Halong ensemble (colour corrected).jpg|giữa|300px]]
{{PrD-content-end}}

Nút 1 Nút 2

Lấy từ “https://vi.wikibooks.org/w/index.php?title=Bản_mẫu:OOUI-ProcessDialog&oldid=376911”