2016-02-15 15 views
7

Tôi mong muốn tạo cửa sổ bật lên, xem ảnh chụp màn hình đính kèm.Bật lên tiện ích thông qua tập lệnh

enter image description here

chi tiết: - Bất cứ ai cũng có thể thêm nhạc pop này lên trang web của họ sử dụng một kịch bản, mà tôi sẽ chia sẻ. - Kịch bản này/bật lên sau đó sẽ được sử dụng trong các ứng dụng chat mà tôi đang tạo

vấn đề: Làm thế nào để tôi tạo cửa sổ pop up cửa sổ kịch bản này và chia sẻ kịch bản này với người dùng khác trong trường hợp họ muốn để thêm video này bật lên trang web của họ.

Câu hỏi của tôi dành cho phần giao diện người dùng (bật lên) chứ không phải cách trò chuyện hoạt động.

+0

Trước tiên, bạn viết kịch bản và xuất bản nó vào trang web của bạn sau đó cung cấp liên kết của bạn hoặc tạo một html và báo cho người dùng để khung nội tuyến url do bạn – jackjop

Trả lời

0
here is a basic popup I've create for Login: 

xyz.js

$(document).ready(function() { 
    loginDialog = $("#loginDialog").dialog({ 
     autoOpen: false, 
     title: "Login Form ", 
     height: 300, 
     width: 450, 
     modal: true, 
    }); 
}); 

function loginPopup(){ 
    loginDialog.dialog("open"); 
} 

function popupEvent(action){ 
    if(action=="login"){ 
     customerLogin(); 
     loginDialog.dialog("close"); 

    }else if(action=="close"){ 
     loginDialog.dialog("close"); 
    } 

} 

ABC.jsp

<a onclick="loginPopup();"> Login</a> 

<div id="loginDialog" title="Basic dialog"> 
    <form id="customerLoginData"> 
     Email :<input type="text" name="customerEmail" /> 
     Password: <input type="password" name="customerPassword" /> 
<a id="popupLogin" onclick="popupEvent('login');"> click to Login </a> 

     </form> 
     </div> 
+0

Nếu bạn nhìn vào ví dụ widget chat như Zopim vv, các công ty cung cấp cho bạn chỉ liên kết tiện ích và không phải là kiểu HTML đầy đủ để đưa vào trang. Làm thế nào tôi có thể tạo kịch bản như vậy để chia sẻ với những người khác như Zopim? –

1

tôi chỉ cung cấp bố trí một mình mà tự động tạo ra một khung nội tuyến trong một trang html hiện có. sử dụng mà bạn có thể thêm nội dung của bạn.

<html> 
<head> 
</head> 
<body> 
</body> 
<script> 
var ifrm = document.createElement("iframe"); 
ifrm.style="width: 280px; max-height: 100%; height: 338px; position: fixed; bottom: 0px; right: 3px; text-align: left; z-index: 2147483647; border: 0px none; border-radius: 4px 4px 0px 0px; box-shadow: 0px 0px 5px rgb(51, 51, 51);"; 
document.body.appendChild(ifrm); 
</script>  
</html> 
+0

Tôi đang tìm kiếm một kịch bản mà qua đó tôi có thể tham khảo cửa sổ bật lên này trên một số trang web khác. Vì vậy, các trang web nơi popup được hiển thị sẽ chỉ có liên kết kịch bản. Cũng giống như Zopim, để tích hợp zopim trên trang web của bạn, bạn cần chèn tập lệnh đó vào trang web của mình thông qua cửa sổ bật lên được tạo –

+0

Tôi nghĩ rằng @sunil có nghĩa là tập lệnh chỉ mở 'iframe' bằng URL ứng dụng của bạn (zopim sử dụng' iframe 'quá). –

Các vấn đề liên quan