0 Replies Latest reply on Apr 1, 2014 6:21 PM by RavenDesign

    Importing/rebuilding a login forum into Edge?

    RavenDesign Level 1

      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(); return false;});
                          $('#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!