Soo hab mir das ganze jetzt mal angeschaut :)
Du solltest dir AUF JEDEN FALL! nochmal die HTML Grundlagen durch schauen.
das meta charset Element, was du in Zeile 1 hast gehört in den Head,
über den Titel. In die Erste Zeile gehört die Deklaration der HTML
Version,w elche du nutzt (<!doctype html> für html5).
Nach dem <head> Element kommt der <body> und um head und
body gehört das <html> Element.
Generell soltlest du auch Tabellen wirklich nur dann verwenden
wenn du eine Tabelle darstellen möchtest. Allgemein
Layoutgestaltung immer mit Divs.
[Only registered and activated users can see links. Click Here To Register...]
Allgemein ist jQuery echt was tolles! Da kann man sehr einfach
und sehr schnell extrem schöne Sachen zuabern... aber wenn HTML
und CSS schon die Funktionen bieten, wieso dann noch jQuery
einbinden und damit zusätzlichen Traffic erzeugen? Wobei du das
hier eig echt nett gemacht hast. Man könnte das Key-Input feld evtl.
noch etwas schöner gestalten (nicht mit pipes und unterstrichen
sondern mit css oder Grafiken) aber sonst ne gute Idee :)
Allgemein Stichpunkt Traffic. Die Bidler die du Nutzt sind extrem
groß (von der Datenmenge her). Du soltlest diese auf jeden Fall
komprimieren. Allgemein sollten Bilder nicht größer als
maximal 200 - 400kb sein.
Hierzu rate ich dir:
[Only registered and activated users can see links. Click Here To Register...]
bzw
[Only registered and activated users can see links. Click Here To Register...]
Hier nochmal die index.php nach HTML5 Standards. Vielleicht guckst du dir ja einfach mal den Quellcode an und vergleichst ihn mit deinem... hoffe das hilft dir :)
HTML Code:
<!doctype HTML>
<html>
<head>
<meta charset="utf-8">
<title>Beta Registrierung</title>
<link rel="stylesheet" type="text/css" href="./css/style.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="./js/jQuery.js"></script>
<script type="text/javascript" src="./js/jquery.maskedinput.min.js"></script>
</head>
<body>
<div id="main">
<div id="header">Beta Registrierung</div>
<div id="register_form">
<form id="beta_register" autocomplete="off">
<input type="text" id="username" placeholder="Benutzername" class="input_text">
<input type="password" id="passwort" placeholder="Passwort" class="input_text">
<input type="text" id="mail" placeholder="E-Mail" class="input_text" pattern="{0,5}">
<input type="text" id="beta_key" placeholder="Beta Key" class="input_text">
<input type="button" value=" " id="register_button">
<input type="button" value=" " id="register_button_g">
</form>
</div>
</div>
</body>
</html>
Hier kannst du btw deinen HTML Code checken:
[Only registered and activated users can see links. Click Here To Register...]
Achja @Andres:
Das Script funktioniert:
Code:
$("#register_button").click(function() {
$.post("./module/beta_register.php",
{
username : $("#username").val(),
passwort : $("#passwort").val(),
mail : $("#mail").val(),
beta_key : $("#beta_key").val()
},
function(data) {
$("#register_form").html(data);
});
in der js Datei ^^
Klar... es fehlt noch die Query und die Datenbankconnection... aber das Formular wird abgeschickt.
