Deep down I know I should probly have it in edge via something like:
var container = sym.$('#Stage_Login');
var Log = ' <iframe width="100%" height="100%" frameborder="0" scrolling="no" src="Login.html"></iframe>'
container.html(Log);
BUT! I would love to see it working on its own in edge alone plus its good to read codes and learn from people anyways!.....
Ok so I have my basic looking login forum created awhile ago but now! I intent to use it my question is how would I rebuild it into edge animate? I haven't the slightest clue how (my coding especially in edge isn't good at all) So I'm looking for help, someone who knows what they are doing xD as I don't
So! here is the HTML code if you place it in a html file it'll be working fine 
(its very blank at the moment but I intend to make it look pretty in edge)
Here is the Login in all its plain blank horrible glory:
http://voci-imvu.host22.com/logn.html
AND here this is were I will be putting the text feilds and button overlay:
https://www.dropbox.com/s/9euckysxoczhh1o/FanSiteLogin01.rar
I would really appricate if someone could edit the add the login over the login design that is in the RAR file ;o
Code:
<html lang="en"><head><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><style type="text/css"></style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script> <script type="text/javascript" src="http://en.fragoria.com/sources/tpls/slides.a/-/style.js"></script> <script type="text/javascript" language="JavaScript" src="http://api.fragoria.com/api/tools/tracking/__e.js"></script><script type="text/javascript" language="JavaScript">var fts = new wspSiteTracking('fts'/*, 'fragoria.com'*/);</script> </head> <header><script language="JavaScript">(function(){$('a.slide-link').click(function(){return alink(this.href);});})();</script> <form id="login-form" action="http://api.fragoria.com/authcom/api/game.php"> <input type="hidden" name="action" value="login"> <input type="hidden" name="lang" value="en"> <input type="hidden" name="auth" value="en"> <input type="hidden" name="redirect" value="1"> <input type="text" id="login-login" placeholder="Username" name="login"> <input type="password" id="login-password" placeholder="Password" name="password"> <div class="error-desc"></div> <input type="submit" id="sbm" class="sbm" value="Submit"> </form> </div><script language="JavaScript">(function(){sbg(); vbg();})();</script><script language="JavaScript"> var loginMsgs = {}; loginMsgs['login_msg_error_login'] = 'Please enter username'; loginMsgs['login_msg_error_password'] = 'Please enter password'; loginMsgs['login_msg_error_auth'] = 'Authentication failed - username or password incorrect.'; loginMsgs['login_msg_error_limit'] = 'You have exceeded the attempts limit.<br>You can not log in using this Username for %(timeout)s minutes.<br>You can try to log in using another Username.'; function loginRequest(){ fts.e(100); $('#slide-loader').stop(true).fadeIn("fast"); $.getJSON($('#login-form').attr('action')+'?callback=?', {action:'login', lang:'en', auth:'en', login:$('#login-login').val(), password:$('#login-password').val()}, function(data){if(data.result == 'OK'){setTimeout(function(){window.location = data.url;}, 1000); fts.e(101, null, function(key){window.location = data.url;});}else{ $('#login-login').parent().addClass("error"); $('#login-login').parent().find(".error-desc").html(loginMsgs[data.error]); $('#login-password').parent().addClass("error"); $('#login-password').parent().find(".error-desc").html(loginMsgs[data.error]); $('#slide-loader').stop(true).fadeOut("fast"); }}); }; $('#login-login, #login-password').keydown(function(e) { $(this).parent().removeClass("error"); }); (function(){ $('#login-form').submit(function(){loginRequest(); returnfalse;}); $('#login-button').click(function(){loginRequest();}); resize(); })(); </script> <style type="text/css">
#sbm { width:188px; height:97px; color:#000000; text-indent:-9999px; border:none; margin-top:20px; cursor:pointer;}<style></html>
Any Ideas? ;o
Thank you in advance!