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

Xin lưu ý
Tất cả các tập lệnh trong hướng dẫn này đều có đầy đủ chức năng. Tuy nhiên, một số thuộc tính không còn được hỗ trợ bởi các trình duyệt hiện đại. Để biết thông tin về JavaScript hiện đại, hãy xem hướng dẫn JavaScript của chúng tôi

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ản

Chú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

  function popup[mylink, windowname] { 
    if [! window.focus]return true;
    var href;
    if [typeof[mylink] == 'string'] href=mylink;
    else href=mylink.href; 
    window.open[href, windowname, 'width=400,height=200,scrollbars=yes']; 
    return false; 
  }

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

my popup

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ã

my popup

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

onClick="return popup[this, 'notes']"

1 phải bắt đầu bằng

onClick="return popup[this, 'notes']"

2 nếu không tập lệnh sẽ không hoạt động. Hãy chắc chắn để bắt đầu lệnh với

onClick="return popup[this, 'notes']"

2 như thế này

onClick="return popup[this, 'notes']"

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 ảnh

Trong 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ẻ

onClick="return popup[this, 'notes']"

4 trong bản đồ hình ảnh có thể được tạo để mở cửa sổ bật lên theo cách chính xác như thẻ

onClick="return popup[this, 'notes']"

5

Cung cấp cho chúng tôi bản đồ hình ảnh này

my popup

Giống như liên kết thông thường, thẻ

onClick="return popup[this, 'notes']"

5 có thuộc tính

9 có thuộc tính

  function popup[mylink, windowname] { 
    if [! window.focus]return true;
    var href;
    if [typeof[mylink] == 'string'] href=mylink;
    else href=mylink.href; 
    window.open[href, windowname, 'width=400,height=200,scrollbars=yes']; 
    return false; 
  }

0. Ngoài ra, liên kết bật lên của chúng tôi có thuộc tính

onClick="return popup[this, 'notes']"

1. Khi người dùng nhấp vào liên kết, mã trong

onClick="return popup[this, 'notes']"

1 được kích hoạt

Mã bắt đầu bằng return. Một trong những thuộc tính của

onClick="return popup[this, 'notes']"

1 là nếu mã trả về false thì sự kiện nhấp chuột sẽ bị hủy. Hãy nhớ cách tập lệnh trả về false ở cuối? . Khi người dùng nhấp vào liên kết, mã sẽ hủy nhấp chuột và mở cửa sổ bật lên theo cách riêng của nó

Sau khi trả về, mã gọi hàm

1 với hai đối số. Đối số đầu tiên,

3, cho biết chính đối tượng liên kết. Tập lệnh sử dụng tham chiếu đối tượng này để lấy URL cho cửa sổ bật lên. Bằng cách chuyển tham chiếu đối tượng thay vì nhập URL hai lần, chúng tôi tránh được các sự cố cố hữu với thông tin dư thừa. Nếu bạn thay đổi URL hoặc sao chép và dán mã cho một liên kết khác, bạn chỉ cần thay đổi URL ở một nơi. Lưu ý rằng

3 không được đặt trong dấu ngoặc kép

Đố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ện

Hã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

onClick="return popup[this, 'notes']"

1, chạy mã trong thuộc tính

onClick="return popup[this, 'notes']"

1. Bởi vì từ đầu tiên là trả về, trình duyệt sẽ xem liệu giá trị đúng hay sai được trả về. Lệnh sau khi trả về gọi hàm

1, chuyển tham chiếu đến đối tượng liên kết và chuỗi chứa tên duy nhất của cửa sổ bật lê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ì

onClick="return popup[this, 'notes']"

1 trả về true nên quá trình kết nối với URL vẫn tiếp tục như bình thường trong cửa sổ hiện tại

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ả

1 và

2. Sao chép chính xác tập lệnh sau vào phần “ trong tài liệu của bạn

  function popupform[myform, windowname] { 
    if [! window.focus]return true;
    window.open['', windowname, 'height=200,width=400,scrollbars=yes'];
    myform.target=windowname; 
    return true; 
  } 

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

3 vào thẻ

4

my popup

0

Đối số đầu tiên cho

5 luôn là this, nghĩa là chính biểu mẫu. Đối số thứ hai, 'tham gia' trong trường hợp này, là một tên duy nhất cho cửa sổ bật lên

Tên
e-mail

Dưới mui xe. Cửa sổ bật lên từ tập lệnh biểu mẫu

Trong 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ản

Trướ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

my popup

1

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

onClick="return popup[this, 'notes']"

1. Với các biểu mẫu, chúng tôi mở một cửa sổ bật lên trống, nhắm mục tiêu biểu mẫu tại cửa sổ bật lên và chúng tôi không hủy sự kiện

3

Dòng 1 bắt đầu phần tử tập lệnh và dòng 2 bắt đầu hàm

5.

5 có hai đối số. Đối số đầu tiên,

  function popup[mylink, windowname] { 
    if [! window.focus]return true;
    var href;
    if [typeof[mylink] == 'string'] href=mylink;
    else href=mylink.href; 
    window.open[href, windowname, 'width=400,height=200,scrollbars=yes']; 
    return false; 
  }

0, đề cập đến chính biểu mẫu. Đối số thứ hai,

  function popup[mylink, windowname] { 
    if [! window.focus]return true;
    var href;
    if [typeof[mylink] == 'string'] href=mylink;
    else href=mylink.href; 
    window.open[href, windowname, 'width=400,height=200,scrollbars=yes']; 
    return false; 
  }

1, đặt tên duy nhất cho cửa sổ bật lên

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

3, chúng tôi không sử dụng return. Tuy nhiên, rất dễ quên và đặt câu lệnh return vào… 6 làm cho tập lệnh có khả năng chịu lỗi cao hơn một chút

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

  function popup[mylink, windowname] { 
    if [! window.focus]return true;
    var href;
    if [typeof[mylink] == 'string'] href=mylink;
    else href=mylink.href; 
    window.open[href, windowname, 'width=400,height=200,scrollbars=yes']; 
    return false; 
  }

3

Để 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

my popup

2

Một liên kết sử dụng tập lệnh này trông như thế này

my popup

3

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

  function popup[mylink, windowname] { 
    if [! window.focus]return true;
    var href;
    if [typeof[mylink] == 'string'] href=mylink;
    else href=mylink.href; 
    window.open[href, windowname, 'width=400,height=200,scrollbars=yes']; 
    return false; 
  }

4 nhận ba tham số. Đầu tiên luôn là cái này, nghĩa là chính liên kết đó. Tham số thứ hai và thứ ba là tùy chọn và mặc định là sai. [Lưu ý rằng chúng tôi không sử dụng chúng trong ví dụ trên, chúng tôi sẽ sớm sử dụng chúng. ] Tham số thứ hai cho biết cửa sổ bật lên có nên đóng hay không. Thứ ba là liệu liên kết có thực sự gửi công cụ mở đến tài nguyên được liên kết hay không hoặc nếu công cụ mở chỉ lấy tiêu điểm bất kể trang hiện tại của nó là gì. Tham số thứ ba cung cấp một cách an toàn để đóng cửa sổ bật lên sau khi đóng nhưng vẫn có liên kết đến trang hiện có nếu cửa sổ không thực sự là cửa sổ bật lên [chẳng hạn như nếu người dùng tìm thấy trang thông qua công cụ tìm kiếm]

Khi người dùng nhấp vào liên kết,

  function popup[mylink, windowname] { 
    if [! window.focus]return true;
    var href;
    if [typeof[mylink] == 'string'] href=mylink;
    else href=mylink.href; 
    window.open[href, windowname, 'width=400,height=200,scrollbars=yes']; 
    return false; 
  }

4 sẽ kiểm tra xem trình duyệt có lệnh tiêu điểm hay không [một số trình duyệt cũ hơn thì không] và cửa sổ hiện tại có được mở bởi một cửa sổ khác không. Nếu những điều kiện này là đúng thì cửa sổ trình mở sẽ lấy tiêu điểm, trình mở được chuyển hướng đến URL được tham chiếu và tập lệnh trả về false. Vì hàm trả về false nên liên kết không đi tới URL [tập lệnh đã thực hiện việc đó]. Lưu ý rằng liên kết nhắm mục tiêu trình mở hơi khác so với liên kết đã mở cửa sổ bật lên để bắt đầu. Trong liên kết này,

onClick="return popup[this, 'notes']"

1 nói “return goOpener[this]”… các liên kết trên các trang trước không sử dụng return

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

  function popup[mylink, windowname] { 
    if [! window.focus]return true;
    var href;
    if [typeof[mylink] == 'string'] href=mylink;
    else href=mylink.href; 
    window.open[href, windowname, 'width=400,height=200,scrollbars=yes']; 
    return false; 
  }

4

my popup

4

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ên

Nế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

my popup

5

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

  function popup[mylink, windowname] { 
    if [! window.focus]return true;
    var href;
    if [typeof[mylink] == 'string'] href=mylink;
    else href=mylink.href; 
    window.open[href, windowname, 'width=400,height=200,scrollbars=yes']; 
    return false; 
  }

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

  function popup[mylink, windowname] { 
    if [! window.focus]return true;
    var href;
    if [typeof[mylink] == 'string'] href=mylink;
    else href=mylink.href; 
    window.open[href, windowname, 'width=400,height=200,scrollbars=yes']; 
    return false; 
  }

8. Chúng tôi đã sử dụng

  function popup[mylink, windowname] { 
    if [! window.focus]return true;
    var href;
    if [typeof[mylink] == 'string'] href=mylink;
    else href=mylink.href; 
    window.open[href, windowname, 'width=400,height=200,scrollbars=yes']; 
    return false; 
  }

8 trong mọi tập lệnh trong hướng dẫn này

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

  function popup[mylink, windowname] { 
    if [! window.focus]return true;
    var href;
    if [typeof[mylink] == 'string'] href=mylink;
    else href=mylink.href; 
    window.open[href, windowname, 'width=400,height=200,scrollbars=yes']; 
    return false; 
  }

8, đây là danh sách các thuộc tính cho cửa sổ bật lên. Các thuộc tính được đặt hơi giống với cách các thuộc tính HTML được đặt. tên của thuộc tính theo sau là dấu bằng theo sau là giá trị. Các thuộc tính được phân tách bằng dấu phẩy. Do lỗi phổ biến trong MSIE, không đặt bất kỳ khoảng trống nào trong danh sách thuộc tính. Toàn bộ danh sách thuộc tính nằm trong dấu ngoặc kép. Vì vậy, ví dụ, dòng mã sau đặt chiều rộng thành 400, chiều cao thành 200 và bật thanh cuộn

my popup

6

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

• my popup
  

  2 và

  my popup
  

  3. kích thước của cửa sổ bật lên

• my popup
  

  4 và

  my popup
  

  5. khoảng cách từ phía trên và bên trái của màn hình

• my popup
  

  6. nếu cửa sổ bật lên có một tập hợp các nút điều hướng ở trên cùng

• my popup
  

  7. nếu cửa sổ bật lên có thanh vị trí nơi URL được hiển thị

• my popup
  

  8. nếu cửa sổ bật lên phải có một hàng ở trên cùng với các nút dẫn đến các trang web phổ biến

• my popup
  

  9. nếu cửa sổ bật lên phải có một thanh trạng thái ở phía dưới

• 
    function popupform[myform, windowname] { 
      if [! window.focus]return true;
      window.open['', windowname, 'height=200,width=400,scrollbars=yes'];
      myform.target=windowname; 
      return true; 
    } 
  
  

  0. nếu cửa sổ bật lên nên có một menu

• 
    function popupform[myform, windowname] { 
      if [! window.focus]return true;
      window.open['', windowname, 'height=200,width=400,scrollbars=yes'];
      myform.target=windowname; 
      return true; 
    } 
  
  

  1. nếu cửa sổ bật lên có thanh cuộn

• 
    function popupform[myform, windowname] { 
      if [! window.focus]return true;
      window.open['', windowname, 'height=200,width=400,scrollbars=yes'];
      myform.target=windowname; 
      return true; 
    } 
  
  

  2. nếu người dùng có thể thay đổi kích thước cửa sổ bật lên

• 
    function popupform[myform, windowname] { 
      if [! window.focus]return true;
      window.open['', windowname, 'height=200,width=400,scrollbars=yes'];
      myform.target=windowname; 
      return true; 
    } 
  
  

  3. nếu cửa sổ bật lên sẽ đóng khi cửa sổ mở của nó đóng

• 
    function popupform[myform, windowname] { 
      if [! window.focus]return true;
      window.open['', windowname, 'height=200,width=400,scrollbars=yes'];
      myform.target=windowname; 
      return true; 
    } 
  
  

  4. cách mở cửa sổ bật lên toàn màn hình

• 
    function popupform[myform, windowname] { 
      if [! window.focus]return true;
      window.open['', windowname, 'height=200,width=400,scrollbars=yes'];
      myform.target=windowname; 
      return true; 
    } 
  
  

  5. Chế độ kênh của MSIE

Các thông số

my popup

2 và

my popup

3

  function popupform[myform, windowname] { 
    if [! window.focus]return true;
    window.open['', windowname, 'height=200,width=400,scrollbars=yes'];
    myform.target=windowname; 
    return true; 
  } 

8 và

my popup

3 là các thuộc tính bắt buộc duy nhất cho cửa sổ bật lên. Dòng này trong tập lệnh bật lên của chúng tôi tạo cửa sổ bật lên rộng 400 và cao 200

my popup

7

Cái nào tạo ra cửa sổ bật lên này

Tham số

my popup

4 và

my popup

5

Thuộc tính

my popup

4 và

my popup

5 đặt vị trí của cửa sổ bật lên trên màn hình. Nếu bạn không đặt

my popup

4 và

my popup

5 thì trình duyệt sẽ đặt cửa sổ bật lên ở nơi nó muốn. Ví dụ: lệnh này trong tập lệnh bật lên sẽ đặt cửa sổ bật lên bên trái từ bên trái màn hình và trên cùng từ trên xuống

my popup

8

Cái nào tạo ra cửa sổ bật lên này

Thông số

my popup

6

Thuộc tính

my popup

6 cho biết liệu có nên có thanh công cụ trong cửa sổ bật lên hay không. Thanh công cụ là thanh ở đầu cửa sổ có các nút để tiến, lùi, về trang chủ và các tác vụ điều hướng chính khác. Theo mặc định, thanh công cụ không có trong cửa sổ bật lên. Để đặt cửa sổ bật lên có thanh công cụ, hãy đặt thanh công cụ thành có

my popup

9

Cái nào tạo ra cửa sổ bật lên này

Thông số

my popup

7

Thanh

my popup

7 hoặc thanh địa chỉ là nơi URL được hiển thị ở đầu cửa sổ. Theo mặc định, cửa sổ bật lên không có thanh vị trí. Để định cấu hình cửa sổ bật lên sao cho nó có thanh vị trí được đặt

my popup

7 thành có trong lệnh open[]

my popup

0

Cái nào tạo ra cửa sổ bật lên này

Thông số

my popup

8

Thanh

my popup

8 chứa một tập hợp các nút cho các trang web yêu thích của bạn. Theo mặc định, thanh thư mục không có trong cửa sổ bật lên. Để đặt cửa sổ bật lên có thanh thư mục, hãy đặt

my popup

8 thành có

my popup

1

Cái nào tạo ra cửa sổ bật lên này

Thông số

my popup

9

Thanh 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

  function popup[mylink, windowname] { 
    if [! window.focus]return true;
    var href;
    if [typeof[mylink] == 'string'] href=mylink;
    else href=mylink.href; 
    window.open[href, windowname, 'width=400,height=200,scrollbars=yes']; 
    return false; 
  }

8. Ví dụ: lệnh này trong tập lệnh bật lên tạo cửa sổ bật lên có thanh trạng thái

my popup

2

Cái nào tạo ra cửa sổ bật lên này

Thông số

  function popupform[myform, windowname] { 
    if [! window.focus]return true;
    window.open['', windowname, 'height=200,width=400,scrollbars=yes'];
    myform.target=windowname; 
    return true; 
  } 

0

Thanh 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

  function popupform[myform, windowname] { 
    if [! window.focus]return true;
    window.open['', windowname, 'height=200,width=400,scrollbars=yes'];
    myform.target=windowname; 
    return true; 
  } 

0 thành có trong lệnh

  function popup[mylink, windowname] { 
    if [! window.focus]return true;
    var href;
    if [typeof[mylink] == 'string'] href=mylink;
    else href=mylink.href; 
    window.open[href, windowname, 'width=400,height=200,scrollbars=yes']; 
    return false; 
  }

8

my popup

3

Cái nào tạo ra cửa sổ bật lên này

Tham số

  function popupform[myform, windowname] { 
    if [! window.focus]return true;
    window.open['', windowname, 'height=200,width=400,scrollbars=yes'];
    myform.target=windowname; 
    return true; 
  } 

1

Theo 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

  function popupform[myform, windowname] { 
    if [! window.focus]return true;
    window.open['', windowname, 'height=200,width=400,scrollbars=yes'];
    myform.target=windowname; 
    return true; 
  } 

1 thành

my popup

21

my popup

4

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

22

Theo 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

  function popupform[myform, windowname] { 
    if [! window.focus]return true;
    window.open['', windowname, 'height=200,width=400,scrollbars=yes'];
    myform.target=windowname; 
    return true; 
  } 

2 bằng cách đặt thuộc tính

  function popupform[myform, windowname] { 
    if [! window.focus]return true;
    window.open['', windowname, 'height=200,width=400,scrollbars=yes'];
    myform.target=windowname; 
    return true; 
  } 

2 thành

my popup

21 trong lệnh

  function popup[mylink, windowname] { 
    if [! window.focus]return true;
    var href;
    if [typeof[mylink] == 'string'] href=mylink;
    else href=mylink.href; 
    window.open[href, windowname, 'width=400,height=200,scrollbars=yes']; 
    return false; 
  }

8. Ví dụ: lệnh này trong tập lệnh bật lên sẽ mở một cửa sổ bật lên có thể thay đổi kích thước

my popup

5

Cái nào tạo ra cửa sổ bật lên này

Tham số

  function popupform[myform, windowname] { 
    if [! window.focus]return true;
    window.open['', windowname, 'height=200,width=400,scrollbars=yes'];
    myform.target=windowname; 
    return true; 
  } 

4

Mộ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

  function popup[mylink, windowname] { 
    if [! window.focus]return true;
    var href;
    if [typeof[mylink] == 'string'] href=mylink;
    else href=mylink.href; 
    window.open[href, windowname, 'width=400,height=200,scrollbars=yes']; 
    return false; 
  }

8, đặt

my popup

29 cho Netscape và

  function popupform[myform, windowname] { 
    if [! window.focus]return true;
    window.open['', windowname, 'height=200,width=400,scrollbars=yes'];
    myform.target=windowname; 
    return true; 
  } 

4 [không có bất kỳ giá trị nào] cho MSIE. Vì vậy, ví dụ, lệnh này trong tập lệnh bật lên sẽ mở một cửa sổ toàn màn hình

my popup

6

Cái nào tạo ra cửa sổ bật lên này

Lưu ý rằng trong lệnh

  function popup[mylink, windowname] { 
    if [! window.focus]return true;
    var href;
    if [typeof[mylink] == 'string'] href=mylink;
    else href=mylink.href; 
    window.open[href, windowname, 'width=400,height=200,scrollbars=yes']; 
    return false; 
  }

8 không có thuộc tính

my popup

3 hoặc

my popup

2. Bỏ qua các thuộc tính đó nếu không Netscape sẽ không mở cửa sổ ở chế độ toàn màn hì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

my popup

7

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ố

  function popupform[myform, windowname] { 
    if [! window.focus]return true;
    window.open['', windowname, 'height=200,width=400,scrollbars=yes'];
    myform.target=windowname; 
    return true; 
  } 

3

Cử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

  function popupform[myform, windowname] { 
    if [! window.focus]return true;
    window.open['', windowname, 'height=200,width=400,scrollbars=yes'];
    myform.target=windowname; 
    return true; 
  } 

3 bằng cách đặt thuộc tính

  function popupform[myform, windowname] { 
    if [! window.focus]return true;
    window.open['', windowname, 'height=200,width=400,scrollbars=yes'];
    myform.target=windowname; 
    return true; 
  } 

3 thành

my popup

21 trong lệnh

  function popup[mylink, windowname] { 
    if [! window.focus]return true;
    var href;
    if [typeof[mylink] == 'string'] href=mylink;
    else href=mylink.href; 
    window.open[href, windowname, 'width=400,height=200,scrollbars=yes']; 
    return false; 
  }

8. Ví dụ: lệnh sau trong tập lệnh bật lên tạo cửa sổ bật lên phụ thuộc. Nếu bạn sử dụng Netscape, hãy thử mở cửa sổ bật lên, sau đó đóng cửa sổ này

my popup

8

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ố

  function popupform[myform, windowname] { 
    if [! window.focus]return true;
    window.open['', windowname, 'height=200,width=400,scrollbars=yes'];
    myform.target=windowname; 
    return true; 
  } 

5

my popup 21 trong lệnh

  function popup[mylink, windowname] { 
    if [! window.focus]return true;
    var href;
    if [typeof[mylink] == 'string'] href=mylink;
    else href=mylink.href; 
    window.open[href, windowname, 'width=400,height=200,scrollbars=yes']; 
    return false; 
  }

8

my popup

9

Cá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

  function popup[mylink, windowname] { 
    if [! window.focus]return true;
    var href;
    if [typeof[mylink] == 'string'] href=mylink;
    else href=mylink.href; 
    window.open[href, windowname, 'width=400,height=200,scrollbars=yes']; 
    return false; 
  }

8. Ví dụ: lệnh này trong tập lệnh bật lên sẽ mở một cửa sổ ở chế độ toàn màn hình trong Netscape và chế độ kênh trong MSIE

onClick="return popup[this, 'notes']"

0

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?

Làm cách nào để mở cửa sổ nhỏ trong php?

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?

Làm cách nào để tạo hộp nhắc trong php?