Widżet wyskakujący za pomocą skryptu

Nie mogę się doczekać, aby utworzyć okno wyskakujące, zobacz załączony zrzut ekranu.Widżet wyskakujący za pomocą skryptu

Szczegóły: - Każdy może dodać ten pop-up na swojej stronie internetowej za pomocą skryptu, że będę dzielić. - Ten skrypt/pop-up będzie później wykorzystane w aplikacji czatu, który tworzę

zagadnienia: Jak utworzyć ten pop-up windows skrypt i udostępnić ten skrypt z innymi użytkownikami okrywać chcą dodać ten pojawią się na swojej stronie internetowej.

Moje pytanie dotyczy części interfejsu użytkownika (pop-up), a nie sposobu działania czatu.

Źródło

2016-02-15 Karthik Sen

Najpierw trzeba napisać skrypt i publikuje je na swojej stronie internetowej, a następnie dać link lub utworzyć html i powiedzieć swoim użytkownikom iframe Podany URL przez Ciebie – jackjop

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>

Źródło

2016-02-15 08:12:22 Himanshi

Jeśli spojrzeć na takich rozmów widżetów, takich jak Zopim etc, firmy daje tylko link do widgetu, a nie pełny styl HTML do uwzględnienia na stronie. Jak mogę utworzyć taki skrypt, aby udostępnić go innym, takim jak Zopim? –

jestem tylko dostarczanie sam układ, który dynamicznie tworzy iframe w istniejącej strony HTML. za pomocą których możesz dodać swoją zawartość.

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

Źródło

2016-02-15 09:39:01 Sunil

Szukam skryptu, za pomocą którego mogę odwołać się do tego popup na innej stronie. Tak więc strona, na której jest wyskakujące okienko, będzie zawierała tylko odnośnik do skryptu. Podobnie jak Zopim, aby zintegrować zopim na swojej stronie internetowej, musisz wstawić tam skrypt na swojej stronie, przez który zostanie wygenerowane wyskakujące okienko. –

Myślę, że to, co @sunil oznaczało, że skrypt otwiera tylko 'iframe' z adresem URL twojej aplikacji (zopim używa' iframe'a 'też). –

Widżet wyskakujący za pomocą skryptu

Odpowiedz

Powiązane problemy