// Javascript AJAX Login Bar, Frank Cefalu MLGPro.com
// 2008
// Revisions Add Delimited
// June 30th,2008 Added the CreateDialogue, ModifyChild Functions, and expanded the Login Functionality
function drawLogin(){
createChild('isLoggedIn','input');
invoke_loginStartup();
}
// Begin Startup Process
function invoke_loginStartup(){
var pathtoProcess = '/includes/custom/loginBarProcess.php?process=isLoggedIn'; // Where is the file handling all backend processes below. Relative, or absolute please.
var isLoggedIn = 'isLoggedIn'; // What are we using for this element name
var hiddenfield = $(isLoggedIn);
var loginBar = 'loginBar'; // What are we using for this element name
if(hiddenfield != 'null'){
new Ajax.Updater(isLoggedIn,pathtoProcess,{
method : 'post',
onComplete: function(){
var isLoggedIn_value = $('isLoggedIn').innerHTML;
isLoggedIn_value_or = isLoggedIn_value;
isLoggedIn_value = isLoggedIn_value.split(',');
var userName = isLoggedIn_value[1];
var userId = isLoggedIn_value[2];
createChild(loginBar,isLoggedIn_value[0],isLoggedIn_value_or);
}})
}
}
// This function removes and Childs from the Parent, by just targeting it, based on its elemental ID
// tC = this Child, just shortened for easier coding, it is the elemental ID
function removeChild(tC) { var i, n; if (!tC) { return false; }
if (!tC.nodeName) { if (tC.length) for (n=tC.length; n--;) removeChild(tC[n]); }
else tC.parentNode.removeChild(tC);
}
// tC = this Child, just shortened for easier coding, it is the elemental ID
// type, are we creating a hidden field to store values, or a visual element?
function createChild(tC,type,raw){
switch(type){
case 'input':
var newChild = document.createElement('div');
var childIdName = tC;
newChild.setAttribute('id',childIdName);
newChild.style.display ="none";
$('login_javascript').appendChild(newChild);
break;
case '0':
case '1':
$('login_javascript').innerHTML = drawLoginBox(type,raw);
break;
case 'box_login':
$('login_javascript').innerHTML = drawDialogue(type) + $('login_javascript').innerHTML;
break;
}
}
function drawLoginBox(type,raw){
switch(type){
// No
case '0':
var drawing = '
';
drawing = drawing + '
';
drawing = drawing + '
';
drawing = drawing + 'Login / ';
drawing = drawing + 'Register ';
break;
// Yes
case '1':
var values = raw.split(',');
var drawing = '
';
drawing = drawing + '
';
drawing = drawing + '
';
drawing = drawing + ''+values[1]+' | ';
drawing = drawing + ' '+values[3]+' | ';
drawing = drawing + 'Logout';
break;
}
return drawing;
}
// Basis of each dialogue are the same, except the contents differ slightly, this function will handle this process.
function drawDialogue(type){
switch(type){
case 'box_login':
drawing = "
";
drawing = drawing + "Username
";
drawing = drawing + "Password?
";
drawing = drawing + "
Remember Me
";
drawing = drawing + "
";
drawing = drawing + '';
drawing = drawing + '';
drawing = drawing + '';
drawing = drawing + '';
drawing = drawing + '';
var Button_Titles = "Forgot Password, Submit";
var Button_Types = "location, submit";
var Button_Locations = "http://www.mlgpro.com/forum/login.php?do=lostpw";
break;
}
return giftWrap(drawing,type,Button_Titles,Button_Types,Button_Locations);
}
function openLoginDialogue(){
$('loginAJAXBOX').style.display = 'block';
$('main_header_top').style.zIndex = '4';
}
function openLostPasswordDialogue(){}
function openNewMessageDialogue(){}
function openRegisterDialogue(){}
// Draw the buttons
function drawButtons(items,type,location){
items = items.split(',');
type = type.split(',');
location = location.split(',');
drawButton = "
";
return drawButton;
}
// The Contents doesn't get its shazam without the giftwrap. =)
function giftWrap(content,type,buttons,types,locations){
switch(type){
case 'box_login':
var formWrapper = [""];
break;
}
var giftWrapped = "
'+values[3]+' | ';
drawing = drawing + 'Logout';
break;
}
return drawing;
}
// Basis of each dialogue are the same, except the contents differ slightly, this function will handle this process.
function drawDialogue(type){
switch(type){
case 'box_login':
drawing = "
