Kicsit megcsúszva, de ezért összedobtam egy kis kódot és teszteltem is
Leírom a forráskódot is, mert nem hosszú.
a lecsupaszított index.php
Kód:
<html>
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/ajax.js"></script>
</head>
<body>
<div id="urlap"></div>
<a href="#" onClick="urlap_betolt();">Link</a>
</body>
</html>
a js/jquery.js a legújabb kiadású jquery szkript, ez a honlapjukon megvan, onnan le tudod tölteni.
A js/ajax.js tartalma:
Kód:
// Betölti az űrlapot a megadott div-be ajax-szal
function urlap_betolt() {
$.ajax({
type: "POST",
url: "php/urlap.php",
data: "urlap_lekeres=1",
success: function(msg) {
if (msg) $("#urlap").html(msg);
}
})
}
// Belepés
function belepes() {
$.ajax({
type: "POST",
url: "php/urlap.php",
data: "belepes=1&nev="+$("#nev").val()+"&jelszo="+$("#jelszo").val(),
success: function(msg) {
if (msg) $("#urlap").html(msg);
}
})
}
Végezetül a php/urlap.php:
Kód:
<?
if ($_POST["urlap_lekeres"]) { ?>
<form action="/" method="post">
Név: <input type="text" id="nev"><br>
Jelszó: <input type="password" id="jelszo"><br><br>
<input type="button" value="Belépés" onClick="belepes()">
</form><?
exit();
}
else if ($_POST["belepes"]) {
$nev = $_POST["nev"];
$jelszo = $_POST["jelszo"];
if ($nev == "huncyrus" and $jelszo == "elfelejtettem")
echo "Sikeres belépés";
exit();
}
?>
Remélem nem gond, hogy ilyen hosszú lett a post. Még új vagyok itt
Ha bármi kérdésed van vagy nem ilyesmire gondoltál szólj és segítek
Könyvjelzők