Dual-Login
You should use this method if you have already a login in your website.
<form id="form"> <input type="text" id="username" /> <input type="password" id="password" /> <input type="submit" value="Submit" /> </form> <button id="logout">Logout</button>
jsxc.init({
loginForm: {
form: '#form',
jid: '#username',
pass: '#password'
},
logoutElement: $('#logout'),
loadSettings: function() {
return xmpp: {
url: '/http-bind/',
domain: 'localhost',
resource: 'example',
overwrite: true,
onlogin: true
};
},
root: '/jsxc/'
});
AJAX Login
Do you want to login directly within your script? Choose this type.
<input type="text" id="username" /> <input type="password" id="password" /> <button id="submit">Log in</button>
jsxc.init({
xmpp: {
url: '/http-bind/'
},
root: '/jsxc/'
});
$('#submit').click(function(){
var username = $('#username').val();
var password = $('#password').val();
var jid = username + '@localhost';
jsxc.xmpp.login(jid , password);
});
Box Login
Do you look for a discrete login method? Choose this.
<button id="button">Open Box</button>
jsxc.init({
loadSettings: function() {
return xmpp: {
url: '/http-bind/',
domain: 'localhost',
resource: 'example',
overwrite: true,
onlogin: true
};
},
root: '/jsxc/'
});
$('#button').click(jsxc.gui.showLoginBox);