Guten Tag,
ich beschäftige mich noch nicht lange mit PHP/JavaScript.
Also ich habe folgendes Problem:
Ich habe eine Menüleiste. Diese soll bei einem Click auf ein unter Punkt diesen seiteninhalt in den Container "text" laden.
Dies geschieht aber nicht da er ein '.php' nich ans ende setzt. Beim öffnen der Seite lädt er bereits die "index.php" und setzt diese in den richtigen Container.
Meine ordner struktur + inhalt wie folgt:
/ = content & js & style & index.php
/content =head.php & index.php & beispiel.php & foot.php & kontakt.php & index.php (mit inhalt)etc..
/js = general.js & jquery.js & menu.js
/style = style.css
index.php:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=WINDOWS-1252" >
<title>Test-Page</title>
<link href="style/style.css" type="text/css" rel="stylesheet">
<script src="js/menu.js"></script>
<script src="js/jquery.js"></script>
</head>
<div id="body">
<script src="js/general.js"></script>
<?php include 'content/head.php' ?>
<div id="text">
</div>
</div>
<?php include 'content/foot.php' ?>
</html>
content/head.php
<link href="style/style.css" type="text/css" rel="stylesheet">
<div id='cssmenu'>
<ul>
<li class='active'><a href='content/index'><span>Home</span></a></li>
<li class='has-sub'><a href='#'><span>Ober Menu 1</span></a>
<ul>
<li><a href='content/p1'><span>Punkt 1</span></a></li>
<li><a href='p2'><span>Punkt 2</span></a></li>
</ul>
</li>
<li><a href='content/us'><span>Über uns</span></a></li>
<li class='last'><a href='content/kontakt'><span>Kontakt</span></a></li>
</ul>
</div>
jquery, heute erst herunter geladen in der 1.x variante.
js/general.js zuständig für ajax
$(document).ready(function () {
//@ Start
$('#text').load('content/index.php');
$('ul#cssmenu').click(function () {
var page = $(this).attr('href');
$('#text').load(page + '.php');
return false;
});
});
Ich hoffe mir kann jemand weiterhelfen.
xkrush