<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title></title>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<style type="text/css">
body{min-width:600px;}
div{float:left;margin:1vh;padding:1vw;border:1vh solid #ccc;}
.AdminMenu{width:15vw;}
.Icerik{width:70vw;}
</style>
</head>
<body>
<span id="Kapsa">
<div class="AdminMenu">
<a href="#" data="sayfa1.php" class="adminlink">Sayfa 1</a>
<a href="#" data="sayfa2.php" class="adminlink">Sayfa 2</a>
<script>
$( ".adminlink" ).click(function() {
var link = $( this ).attr( "data" );
$.ajax({url: link,success: function(data) { $('.Icerik').html(data);}});
});
</script>
</div>
<div class="Icerik">
ben bir varsayılan içeriğim<br>
tıklanan linkteki html içerikler benimle değişir.
linklerdeki data="" kısmına yazdığınız adresler çağırır.
</div>
</span>
</body>
</html>
İlgili
