PHP tự động mở cửa sổ bật lên
|
Tiết lộ. Hỗ trợ của bạn giúp giữ cho trang web hoạt động. Chúng tôi kiếm được phí giới thiệu cho một số dịch vụ chúng tôi đề xuất trên trang này. Tìm hiểu thêm Show
Xin lưu ý Cửa sổ bật lên là cửa sổ trình duyệt web nhỏ hơn cửa sổ tiêu chuẩn và không có một số tính năng tiêu chuẩn như thanh công cụ hoặc thanh trạng thái. Ví dụ: liên kết này sẽ mở một cửa sổ bật lên cỡ trung bình. Cửa sổ bật lên (còn gọi là cửa sổ bật lên) phổ biến đối với các trang kiểu thanh bên nhỏ là phần lạc đề từ trang chính Cửa sổ bật lên là một trong những hiệu ứng phức tạp nhất trong phát triển web. Nhiều nhà phát triển web đã rơi nước mắt khi cố gắng làm cho cửa sổ bật lên hoạt động chính xác. Hơn nữa, một số kỹ thuật bật lên vô trách nhiệm đã làm cho nhiều trang web bị vô hiệu hóa và công cụ tìm kiếm không thể truy cập được Hướng dẫn này sẽ hướng dẫn bạn từng bước tạo cửa sổ bật lên, bao gồm cả việc cung cấp cho bạn một bộ mã JavaScript sao chép và dán hoàn chỉnh. Chúng tôi sẽ bắt đầu với một ví dụ cơ bản, hiển thị các phần chính cho cửa sổ bật lên. Sau đó, chúng tôi sẽ hiển thị các kỹ thuật nhắm mục tiêu liên kết bên trong cửa sổ bật lên quay lại trang chính. Cuối cùng, chúng ta sẽ xem xét nhiều tham số cho lệnh open() bổ sung các tính năng cho cửa sổ bật lên của bạn nội dung Những thứ cơ bảnChúng tôi sẽ bắt đầu hướng dẫn bằng cách tạo một cửa sổ bật lên cơ bản. Kỹ thuật được mô tả ở đây giải quyết tất cả các vấn đề chính trong cửa sổ bật lên. Cửa sổ bật lên luôn xuất hiện ở phía trước. Các liên kết khác nhau có thể nhắm mục tiêu cùng một cửa sổ bật lên. Mã đơn giản và dễ dàng sửa đổi. Mọi thứ cho phần còn lại của hướng dẫn là một biến thể của chủ đề được mô tả ở đây Mã trong trang này tạo cửa sổ bật lên được mở từ liên kết. Trong phần này, chúng tôi sẽ hiển thị mã chỉ với mô tả tối thiểu mà bạn cần để thực hiện. Để biết thêm chi tiết, xem Đầu tiên, sao chép tập lệnh này vào phần “ trên trang của bạn Hiện tại, chúng tôi sẽ bỏ qua các chi tiết về cách thức hoạt động của tập lệnh–mặc dù chúng tôi sẽ quay lại với chúng trong phần mô tả từng dòng một–và chuyển sang bước tiếp theo. Tập lệnh trên sẽ mở cửa sổ bật lên, nhưng cần có thứ gì đó để chạy tập lệnh. Tình huống phổ biến nhất là tập lệnh được chạy khi người dùng nhấp vào liên kết. Một liên kết như sau sẽ chạy tập lệnh Và tạo liên kết này cửa sổ bật lên của tôi Hầu hết các liên kết là như bình thường. URL của trang được liên kết nằm trong thuộc tính HREF. Chúng tôi đã thêm một thuộc tính bổ sung gọi là onClick. Sao chép mã nguyên trạng vào liên kết của bạn, chỉ với một sửa đổi nhỏ. Đối số thứ hai của cửa sổ bật lên () - 'ghi chú' - cho biết tên của cửa sổ bật lên. Mỗi cửa sổ bật lên phải có tên riêng. Đảm bảo đặt tên trong dấu nháy đơn (”). Vì vậy, nếu bạn muốn đặt tên cho cửa sổ bật lên là 'stevie' thì đây sẽ là mã Hãy đọc phần tiếp theo này nếu không bạn sẽ phát điên khi cố gắng tìm ra lý do tại sao cửa sổ bật lên của bạn không hoạt động Một điểm nhỏ nhưng quan trọng thường bị bỏ qua. Lệnh trong Và không đặt khoảng trắng trong tên trang giữa các dấu nháy đơn. Nếu bạn làm như vậy, liên kết sẽ hoạt động giống như một liên kết thông thường Cửa sổ bật lên từ bản đồ hình ảnhTrong biến thể đầu tiên của chúng tôi, chúng tôi sẽ mở cửa sổ bật lên từ bản đồ hình ảnh thay vì từ một neo thông thường. Chúng tôi sẽ sử dụng cùng một tập lệnh như từ ví dụ đầu tiên của chúng tôi. Với tập lệnh đó, thẻ Cung cấp cho chúng tôi bản đồ hình ảnh này Cửa sổ bật lên tự động mởTrong hai ví dụ đầu tiên, cửa sổ bật lên được mở khi người dùng nhấp vào thứ gì đó. Trong ví dụ này, cửa sổ bật lên tự động mở Chúng tôi sẽ sử dụng cùng một tập lệnh như trong ví dụ đầu tiên. Vì vậy, hãy đảm bảo rằng bạn đã dán đoạn mã này vào phần “ của tài liệu html Để tự động tải cửa sổ bật lên, thay vì chạy tập lệnh từ liên kết, hãy chạy tập lệnh từ thuộc tính onLoad của thẻ “ như thế này Để chứng minh cách thức hoạt động của điều này, chúng tôi sẽ cần tải lên một thẻ Tải cửa sổ bật lên Lệnh trong Dưới mui xe. Chi tiết về Popup ScriptTrong phần này, chúng ta sẽ xem xét các chi tiết kỹ thuật của tập lệnh bật lên Kịch bảnTrước tiên hãy xem chức năng tập lệnh mở cửa sổ bật lên. Chức năng này có thể được gọi từ nhiều đối tượng như liên kết, bản đồ hình ảnh hoặc phần tử “ để tự động mở cửa sổ bật lên Dòng 1 mở phần tử tập lệnh. Dòng 2 bắt đầu hàm popup(), lấy hai đối số. Đối số đầu tiên, mylink, là đối tượng (liên kết hoặc bản đồ hình ảnh) gọi hàm hoặc nó có thể là một chuỗi biểu thị URL cho cửa sổ bật lên. Đối số thứ hai, tên cửa sổ, là tên duy nhất cho cửa sổ bật lên. Mỗi cửa sổ bật lên phải có một tên duy nhất. Nhiều liên kết có thể nhắm mục tiêu cùng một cửa sổ bật lên bằng cách sử dụng cùng một tên cửa sổ bật lên duy nhất Dòng 3 kiểm tra sự tồn tại của cửa sổ. phương pháp tập trung. cửa sổ. trọng tâm là cách chúng tôi đưa cửa sổ bật lên lên phía trước mọi lúc, mặc dù nó đã được mở. Một số trình duyệt cũ không có cửa sổ. tiêu điểm — những trình duyệt đó xuống cấp một cách duyên dáng bằng cách không hoạt động và chuyển đến URL của cửa sổ bật lên trong cửa sổ hiện tại. Lưu ý rằng không có dấu ngoặc đơn sau cửa sổ. tiêu điểm vì chúng tôi đang kiểm tra sự tồn tại của chức năng, không chạy nó Dòng 4 khai báo biến href, chứa URL mà cửa sổ bật lên sẽ điều hướng đến. Dòng 5 và 6 tìm ra URL đó là gì. Trong 5, chúng tôi kiểm tra xem mylink có phải là một chuỗi không. Nếu là chuỗi ta gán cho href giá trị của chuỗi. Nếu mylink không phải là một chuỗi thì chúng tôi giả sử nó là một đối tượng Dòng 7 là nhân thực sự của toàn bộ chức năng — đây là nơi cửa sổ bật lên thực sự được mở. cửa sổ. open() nhận ba đối số. Đầu tiên là URL để mở trong cửa sổ bật lên. Trong tập lệnh của chúng tôi, chúng tôi sử dụng biến mylink. Thứ hai là tên duy nhất của cửa sổ bật lên — chúng tôi sử dụng biến windowname. Đối số thứ ba là một chuỗi chứa danh sách thuộc tính được phân tách bằng dấu phẩy của cửa sổ. Các thuộc tính này được giải thích chi tiết hơn Trong dòng 8, chúng tôi trả về false để hủy nhấp vào liên kết. Nếu chúng tôi không trả về false, liên kết sẽ điều hướng cửa sổ hiện tại đến URL của cửa sổ bật lên Cuối cùng, dòng 9 đóng hàm popup() và dòng 10 đóng tập lệnh Liên kếtBây giờ hãy xem liên kết mở cửa sổ bật lên Giống như liên kết thông thường, thẻ Mã bắt đầu bằng return. Một trong những thuộc tính của Sau khi trả về, mã gọi hàm Đối số thứ hai là một tên duy nhất cho cửa sổ bật lên. Mỗi cửa sổ bật lên phải có tên riêng. Các liên kết khác nhau có thể nhắm mục tiêu cùng một cửa sổ bật lên bằng cách sử dụng cùng một tên. Lưu ý rằng tên phải được đặt trong dấu nháy đơn (”) Những sự kiệnHãy xem qua các sự kiện mở cửa sổ bật lên. Khi người dùng nhấp vào một liên kết, trình duyệt sẽ kích hoạt sự kiện Trước tiên, tập lệnh kiểm tra xem trình duyệt có hiểu cửa sổ không. phương pháp lấy nét (dòng 5) Nếu trình duyệt không có cửa sổ. focus (điều này sẽ xảy ra trong một số trình duyệt cũ hơn) thì tập lệnh trả về true, tập lệnh này sẽ được trả về từ trình xử lý sự kiện onClick. Vì Hầu hết các trình duyệt sẽ có cửa sổ. tập trung, vì vậy kịch bản tiếp tục. Bắt đầu từ dòng 7, tập lệnh kiểm tra xem đối số đầu tiên (mylink) là một chuỗi hay một tham chiếu đối tượng. Thử nghiệm này mang lại tính linh hoạt cho chức năng bằng cách cho phép chúng tôi gọi nó từ một đối tượng liên kết hoặc từ sự kiện onLoad của phần tử “. Dù bằng cách nào thì tập lệnh cũng nhận được một URL để trỏ cửa sổ bật lên tới Tiếp theo, tập lệnh thực sự mở cửa sổ bật lên bằng URL và tên duy nhất. Cuối cùng, tập lệnh trả về false. Quay lại liên kết, giá trị sai sẽ hủy sự kiện nhấp chuột — không còn cần thiết vì cửa sổ bật lên đã được mở Cửa sổ bật lên từ một biểu mẫuĐối với biến thể tiếp theo của chúng tôi về chủ đề cửa sổ bật lên, chúng tôi sẽ mở cửa sổ bật lên từ một biểu mẫu. Trong ví dụ này, chúng tôi sẽ thay đổi tập lệnh xung quanh. Tập lệnh sau được thiết kế tùy chỉnh để mở cửa sổ bật lên từ biểu mẫu. Bây giờ chúng tôi sẽ trình bày chi tiết về cách thức hoạt động của tập lệnh. Để biết chi tiết đẫm máu về kịch bản này, hãy xem Under the Hood. Cửa sổ bật lên từ tập lệnh biểu mẫu Tập lệnh này hoạt động với các biểu mẫu sử dụng cả Bây giờ chúng tôi sẽ thêm một số mã để cửa sổ bật lên mở ra khi người dùng gửi biểu mẫu. Thêm thuộc tính Đối số đầu tiên cho Tên Dưới mui xe. Cửa sổ bật lên từ tập lệnh biểu mẫuTrong phần này, chúng ta sẽ xem xét các chi tiết kỹ thuật về cách mở cửa sổ bật lên cho kết quả của một biểu mẫu Kịch bảnTrước tiên, hãy xem tập lệnh được sử dụng để mở cửa sổ bật lên từ một biểu mẫu Tập lệnh này hơi khác một chút so với tập lệnh mà chúng tôi đã sử dụng trong hầu hết các ví dụ khác của mình. Sự khác biệt chính là với một liên kết, chúng tôi mở cửa sổ bật lên bằng URL của liên kết, sau đó hủy sự kiện Dòng 1 bắt đầu phần tử tập lệnh và dòng 2 bắt đầu hàm Kiểm tra dòng 3 cho cửa sổ. phương pháp tiêu điểm được yêu cầu để đưa cửa sổ bật lên lên phía trước mỗi lần Dòng 4 mở cửa sổ bật lên. Lưu ý rằng chúng tôi không cung cấp cho cửa sổ bật lên một URL. Khi cửa sổ bật lên mở ra, nó trống. Dòng 5 đặt thuộc tính đích của biểu mẫu thành tên của cửa sổ bật lên, vì vậy khi biểu mẫu mở ra, nó nhắm mục tiêu cửa sổ bật lên thay vì trang hiện tại 6 trả về đúng. Về mặt kỹ thuật, dòng này không cần thiết vì trong thuộc tính Dòng 7 đóng chức năng và 8 đóng tập lệnh Nhắm mục tiêu người mởKhi một cửa sổ bật lên đã được tạo, liên kết từ cửa sổ bật lên trở lại cửa sổ chính (i. e. cửa sổ mở cửa sổ bật lên) phức tạp hơn một chút so với dự kiến. Vấn đề là cửa sổ chính không có “tên” như cửa sổ bật lên. May mắn thay, JavaScript cung cấp câu trả lời ở dạng Để tạo liên kết trong cửa sổ bật lên nhắm mục tiêu trở lại cửa sổ chính, trước tiên hãy đặt JavaScript này vào trang bật lên Một liên kết sử dụng tập lệnh này trông như thế này Cửa sổ bật lên được khởi chạy khi bạn nhấp vào nút bên dưới bao gồm liên kết đó Mở cửa sổ bật lên Đóng cửa sổ bật lên khi họ truy cập công cụ mởTrong ví dụ trước, liên kết trong cửa sổ bật lên nhắm đến trang chính, nhưng cửa sổ bật lên vẫn mở ở chế độ nền sau khi người dùng nhấp vào liên kết. Trong phần này, chúng tôi sẽ đặt liên kết để nó đóng cửa sổ bật lên sau khi nhấp Hàm Khi người dùng nhấp vào liên kết, Theo mặc định, cửa sổ bật lên vẫn mở nhưng ở chế độ nền. Nếu bạn muốn đóng cửa sổ bật lên sau khi quay lại trình mở, hãy thêm tham số thứ hai là true vào lệnh gọi hàm Nhấp vào liên kết bên dưới để khởi chạy cửa sổ bật lên chứa liên kết này Mở cửa sổ bật lên Đóng cửa sổ bật lênNếu bạn chỉ muốn đóng cửa sổ bật lên mà không làm gì khác, hãy thêm một giá trị đúng khác. Bạn vẫn nên liên kết đến một URL hợp lệ trong trường hợp người dùng tìm thấy trang mà không mở nó dưới dạng cửa sổ bật lên Nhấp vào liên kết bên dưới để khởi chạy cửa sổ bật lên chứa liên kết này Mở cửa sổ bật lên Cửa sổ bật lên 8 Tham sốCho đến bây giờ, chúng tôi đã tập trung vào quá trình mở và đóng cửa sổ bật lên. Bây giờ chúng ta sẽ chuyển sang các thuộc tính của chính cửa sổ bật lên. Tất cả các thuộc tính của cửa sổ bật lên được đặt trong lệnh Cụ thể, các thuộc tính của cửa sổ bật lên được đặt trong đối số thứ ba cho Chúng tôi sẽ bắt đầu với các thuộc tính chiều rộng và chiều cao, luôn được yêu cầu ngoại trừ ở chế độ toàn màn hình. Tất cả các thuộc tính khác là tùy chọn. Đây là danh sách các thuộc tính bật lên
Các thông số my popup 2 và my popup 3Cái nào tạo ra cửa sổ bật lên này Tham số my popup 4 và my popup 5Thuộc tính Cái nào tạo ra cửa sổ bật lên này Thông số my popup 6Thuộc tính Cái nào tạo ra cửa sổ bật lên này Thông số my popup 7Thanh Cái nào tạo ra cửa sổ bật lên này Thông số my popup 8Thanh Cái nào tạo ra cửa sổ bật lên này Thông số my popup 9Thanh trạng thái là nơi trình duyệt hiển thị thông báo cho người dùng. Ví dụ: hầu hết các trình duyệt hiển thị URL của liên kết khi chuột lướt qua liên kết. Theo mặc định, cửa sổ bật lên không có thanh trạng thái. Để đặt cửa sổ bật lên có thanh trạng thái, hãy đặt trạng thái thành có trong lệnh Cái nào tạo ra cửa sổ bật lên này Thông số 0Thanh menu là menu cho cửa sổ bật lên. Theo mặc định, cửa sổ bật lên không có thanh menu. Bạn có thể định cấu hình cửa sổ bật lên để có menu bằng cách đặt Cái nào tạo ra cửa sổ bật lên này Tham số 1Theo mặc định, cửa sổ bật lên không có thanh cuộn. Đây là vấn đề nếu nội dung của cửa sổ bật lên chiếm nhiều dung lượng hơn trang đầu tiên. Bạn thường nên đặt cửa sổ bật lên bằng các thanh cuộn. Đặt cửa sổ bật lên có thanh cuộn bằng cách đặt thuộc tính Cái nào tạo ra cửa sổ bật lên này Trong trường hợp thanh cuộn không thực sự cần thiết vì nội dung không lấp đầy dù chỉ một cửa sổ, MSIE và Netscape xử lý mọi thứ hơi khác một chút. MSIE đặt một thanh cuộn màu xám, Netscape hoàn toàn không đặt bất kỳ thanh cuộn nào. Không ai trong số họ đặt thanh cuộn ngang trong cửa sổ nếu không cần thiết Tham số my popup 22Theo mặc định, người dùng không thể thay đổi kích thước cửa sổ bật lên. Đây thường không phải là vấn đề.. hầu hết các cửa sổ bật lên chỉ chứa các ghi chú nhỏ hoặc quảng cáo. Tuy nhiên, nếu cửa sổ bật lên của bạn chứa nhiều thông tin, bạn nên cho phép người dùng thay đổi kích thước cửa sổ thành thứ gì đó thuận tiện hơn. Đặt cửa sổ bật lên thành Cái nào tạo ra cửa sổ bật lên này Tham số 4Một biến thể phổ biến về chủ đề cửa sổ bật lên là mở cửa sổ ở chế độ toàn màn hình. Toàn màn hình có nghĩa là cửa sổ có kích thước đầy đủ của màn hình và cung cấp càng nhiều diện tích hiển thị cho trang càng tốt. MSIE và Netscape có các thông số khác nhau cho các cửa sổ toàn màn hình, nhưng bạn có thể sử dụng cả hai phiên bản. Trong lệnh Cái nào tạo ra cửa sổ bật lên này Lưu ý rằng trong lệnh Trong MSIE chỉ có hai cách để đóng cửa sổ toàn màn hình. Hầu hết mọi người không biết điều đầu tiên (nhấn ALT+F4) vì vậy bạn cần cung cấp điều thứ hai, việc này được thực hiện bằng Javascript. Cách dễ nhất để cung cấp nút đóng là sử dụng tập lệnh của chúng tôi để tham khảo lại phần mở. Sao chép tập lệnh đó vào trang toàn màn hình, sau đó sử dụng tập lệnh trong một liên kết như thế này Liên kết trong ví dụ này đóng cửa sổ toàn màn hình và đặt tiêu điểm cho trình mở, nhưng chỉ khi cửa sổ thực sự ở chế độ toàn màn hình và được mở từ một cửa sổ khác. Nếu những điều kiện đó không đúng (và chúng sẽ không đúng, chẳng hạn như nếu người dùng tìm thấy trang thông qua một công cụ tìm kiếm bên ngoài), thì cửa sổ hiện tại sẽ chuyển đến tài nguyên được liên kết Thông số 3Cửa sổ bật lên "phụ thuộc", một khái niệm chỉ được Netscape công nhận, có nghĩa là cửa sổ bật lên đóng khi cửa sổ mở của nó đóng lại. Tạo cửa sổ bật lên Cái nào tạo ra cửa sổ bật lên này Trong một số trình duyệt cũ hơn, khi một cửa sổ bật lên phụ thuộc vào nó, nó sẽ không có biểu tượng trên thanh tác vụ (dải dọc phía dưới màn hình) Thông số 5Cái nào tạo ra cửa sổ bật lên này Bạn có thể chỉ ra cả chế độ kênh của MSIE và chế độ toàn màn hình của Netscape trong cùng một lệnh Cái nào tạo ra cửa sổ bật lên này chức năng bật lên (mylink, windowname){if (. cửa sổ. tiêu điểm) trả về đúng; . href; . mở (href, tên cửa sổ, 'chiều rộng = 400, chiều cao = 200, thanh cuộn = có'); . cửa sổ. tiêu điểm) trả về đúng; . open(‘ ‘, windowname, ‘height=200,width=400,scrollbars=yes’); . mục tiêu = tên cửa sổ; Làm cách nào để mở cửa sổ bật lên trong php?php echo ' onload = function () { alert("Chào mừng"); . " Một hộp cảnh báo được sử dụng nếu bạn đảm bảo thông tin đến từ người dùng. Nó có nghĩa là một cửa sổ bật lên hộp cảnh báo khi bạn bấm vào một "nút. " The code above will create an alert window that says "Welcome." An alert box is used if you ensure the information comes through the user. It means an alert box popup when you click on a "button."
Làm cách nào để mở cửa sổ nhỏ trong php?php $string="value"; . open(url? str=$string)'> echo $link; . Save this answer.
Làm cách nào để mở một trang HTML dưới dạng cửa sổ bật lên trong một trang HTML khác?Bạn chỉ cần sử dụng .
Làm cách nào để tạo hộp nhắc trong php?Phương thức prompt() hiển thị hộp thoại nhắc người dùng nhập liệu. Phương thức prompt() trả về giá trị đầu vào nếu người dùng bấm "OK", ngược lại trả về null. |
