Popup widget attraverso lo script

Non vedo l'ora di creare una finestra popup, vedere lo screenshot allegato.Popup widget attraverso lo script

Dettagli: - Chiunque può aggiungere questo pop-up al loro sito web utilizzando uno script, che voglio condividere. - Questo script/pop-up sarà poi utilizzata nell'applicazione di chat che sto creando

Issues: Come si crea questo pop-up script di Windows e condividere lo script con altri utenti in caso di voler aggiungere questo pop-up al loro sito web.

La mia domanda riguarda la parte dell'interfaccia utente (pop-up) e non il modo in cui la chat funzionerà.

fonte

2016-02-15 Karthik Sen

In primo luogo si scrive sceneggiatura e pubblicarlo al tuo sito web allora dare il vostro link o creare un html e dire ai tuoi utenti di iframe dato url da voi – 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>

fonte

2016-02-15 08:12:22 Himanshi

Se si guarda a tali widget di chat come Zopim ecc, le aziende che danno solo il link del widget e non lo stile HTML completo da includere nella pagina. Come posso creare tale script da condividere con altri come Zopim? –

sto solo fornendo i layout di sola che crea dinamicamente un iframe in una pagina HTML esistente. usando quale puoi aggiungere i tuoi contenuti.

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

fonte

2016-02-15 09:39:01 Sunil

Sto cercando uno script tramite il quale posso fare riferimento a questo popup su qualche altro sito web. Quindi il sito web in cui viene mostrato il popup avrà solo un link di script. Proprio come Zopim, per integrare zopim sul tuo sito web devi inserire lo script sul tuo sito web attraverso il quale viene generato il popup –

Penso che ciò che @sunil ha significato è che lo script apra un iframe con l'URL dell'app (zopim usa iframe 'anche). –

Popup widget attraverso lo script

risposta

Problemi correlati