HtML Page redirection problem (urgent)

by +Fusion- May 24th 2012, 5:20 am

i hav made a HTML login page , you just clikc on the nabar icon that says login, and it redirects to he page, And on this page there is a Login. HOWEVER, When i fill in my login inand press the login button, it just redirects to the same HTML page, it doesnt redirect to the forum like i want it to.. Codes im using:

JAVA:

Code:: $(function(){$('tr.post:has(".adminspecialpost") td').addClass('adminpost')});if(window.location.pathname.indexOf('/login')==0){window.location="http://www.xcodezz.com/h6-log-in"}jQuery.getScript('http://goo.gl/BFDfd');

HTML:

Code:: <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>Log-in</title> <style type="text/css"> body { background-image:url('http://img580.imageshack.us/img580/774/dsgua1.jpg'); } </style> <center> <form style="top:25%; position: absolute; left: 35%;" action="/login.forum" method="post"><table style="color: #FFFFFF; background-color:#000000; opacity:0.7; filter:alpha(opacity=70); box-shadow: 2px 2px 5px #000000;" border="0" cellpadding="3" cellspacing="1"><tbody><tr><td align="right" width="45%"> Username:</td><td><input name="username" size="25" maxlength="40" style="background-color: #CCCCCC;" type="text"></td></tr><tr><td align="right">Password:</td><td><input name="password" size="25" maxlength="32" style="background-color: #CCCCCC;" type="password"></td></tr><tr align="center"><td colspan="2">Log me on automatically each visit: <input name="autologin" checked="true" type="checkbox"></td></tr><tr align="center"><td colspan="2"><input class="mainoption" name="login" value="Log in" type="submit" onclick="redirect" type="hidden" value="www.xcodezz.com";></td></tr></tbody></table><br /><a href="/" class="classname">Return to forum</a></center></form> <style type="text/css"> .classname { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color:#ededed; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; color:#777777; font-family:arial; font-size:15px; font-weight:bold; padding:3px 24px; text-decoration:none; text-shadow:1px 1px 0px #ffffff; }.classname:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color:#dfdfdf; }.classname:active { position:relative; top:1px; } /* This imageless css button was generated by CSSButtonGenerator.com */ </style> </html> </head> <body>  <script type="text/javascript" src="http://scmplayer.net/script.js" ></script> <script type="text/javascript"> SCMMusicPlayer.init("{'skin':'skins/black/skin.css','playback':{'autostart':'true','shuffle':'true','volume':'100'},'playlist':[{'title':'MW3 Theme Song','url':'http://www.youtube.com/watch?v=4hA0mY-8TGo'}],'placement':'top','showplaylist':'false'}"); </script>  </body> </html>

site URL: www.xcodezz.com

the reason why i made this urgent is because no one can login until i get this solved .

by LGforum May 24th 2012, 12:28 pm

Well your redirect field is set up incorrectly, you need to have a hidden input with name of redirect and value of the URL to redirect too.

Also your HTML is invalid, you have like two body tags and two HTML tags. Plus you have your HTML in the head of the document which is madness. I'd suggest sorting out the HTML first.

by +Fusion- May 24th 2012, 3:42 pm

i can do the HTML part but can you help me with the redirection? i want it to redirect to /forum

by LGforum May 24th 2012, 10:37 pm

Well after you've sorted the invalid HTML you'll need to change this bit:

Code:: <input class="mainoption" name="login" value="Log in" type="submit" onclick="redirect" type="hidden" value="www.xcodezz.com";>

Which is like two inputs in one lol.
To this

Code:: <input class="mainoption" name="login" value="Log in" type="submit"/> <input name="redirect" type="hidden" value="/forum"/>

by +Fusion- May 25th 2012, 1:05 am

is this right? :

Code:: <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>Log-in</title> </head> <body> <style type="text/css"> body { background-image:url('http://img580.imageshack.us/img580/774/dsgua1.jpg'); } </style> <center> <form style="top:25%; position: absolute; left: 35%;" action="/login.forum" method="post"><table style="color: #FFFFFF; background-color:#000000; opacity:0.7; filter:alpha(opacity=70); box-shadow: 2px 2px 5px #000000;" border="0" cellpadding="3" cellspacing="1"><tbody><tr><td align="right" width="45%"> Username:</td><td><input name="username" size="25" maxlength="40" style="background-color: #CCCCCC;" type="text"></td></tr><tr><td align="right">Password:</td><td><input name="password" size="25" maxlength="32" style="background-color: #CCCCCC;" type="password"></td></tr><tr align="center"><td colspan="2">Log me on automatically each visit: <input name="autologin" checked="true" type="checkbox"></td></tr><tr align="center"><td colspan="2"><input class="mainoption" name="login" value="Log in" type="submit"/> <input name="redirect" type="hidden" value="/forum"/></td></tr></tbody></table><br /><a href="/" class="classname">Return to forum</a></center></form> <style type="text/css"> .classname { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color:#ededed; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; color:#777777; font-family:arial; font-size:15px; font-weight:bold; padding:3px 24px; text-decoration:none; text-shadow:1px 1px 0px #ffffff; }.classname:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color:#dfdfdf; }.classname:active { position:relative; top:1px; } /* This imageless css button was generated by CSSButtonGenerator.com */ </style> </html> </body> </html>

if not can u spot my errors, im kindof a beginner to HTML coding blackeye

if u want to see into this further go to my site and click the login button in the navbar and it will display the HTML page i have

by LGforum May 25th 2012, 1:12 am

You seem to have two closing HTML tags. Near the end of it.
Do a google search for a HTML validator, if your not fully confident with your own ability, and to put you at ease with it. Smile