einsiedler: den fehler nicht vor lauter js und html sehen können..... ajax-onepage-inhalt-per-ajax-nachladen

Beitrag lesen

SELF-Forum

den fehler nicht vor lauter js und html sehen können..... ajax-onepage-inhalt-per-ajax-nachladen

einsiedler (Versionen)
– Informationen zu den Bewertungsregeln

leute, ich seh einfach den fehler nicht, normalerweise sollte per a href - KLICK die entsprechende seite per js nachgeladen werden...... macht es aber nicht und ich sehe den fehler nicht.... beispiel

bei arbeiten / neuigkeiten , news und impressum wird der inhalt nicht in des entsprechende div "modul_main" nachgeladen ..... warum???? GRRRRRRRRRRRRRR.......

hier main.js liegt korrekt im order js GRRRRRRRRRRRRR.........

var baseUrl = '/testseite8/';
function bindLinks(links) {
	links.click(function() {
		var page = $(this).attr('href').substr(baseUrl.length);
		if(page.substr(page.length - 1) == '/') {
		    page = page.substr(0, page.length - 1);
		}
		if(page == '') {
		    page = 'index';
		}
		
		changePage(page, true);
		
		return false;
	});
}
function changePage(page, forward) {
	$.ajax(baseUrl + page + '.page.php', {
		success: function(data) {
			$('title').text(titles[page] + ' - Ajax-OnePage');
			$('#modul_main').html(data);
			bindLinks($('#modul_main a.onPage'));
			
			if(forward) {
				if(page == 'index') {
					history.pushState('', titles[page] + ' - Ajax-OnePage', 'http://localhost' + baseUrl);
				} else {
					history.pushState('', titles[page] + ' - Ajax-OnePage', 'http://localhost' + baseUrl + page + '/');
				}
			}
		}
	});
}
$(document).ready(function() {
	bindLinks($('a.onPage'));
	
	$(window).bind('popstate', function(event) {
		var rawFileName = window.location.href.match(/\/([a-z]+)\/?$/);
		
		changePage(rawFileName[1], false);
	});
});

hier das html

<?php
	
	$baseUrl = '/testseite8/';
	
	$titles = array(
		'index' => 'Startseite',
		'works' => 'Arbeitent',
		'news' => 'Neuigkeiten',
		'contact' => 'Kontakt',
		'impressum' => 'Impressum'
	);
	
	$urlParts = array();
	preg_match('/\/([a-z]+)\/?$/', $_SERVER["REQUEST_URI"], $urlParts);
	if(isset($urlParts[1]) && isset($titles[$urlParts[1]])) {
		$page = $urlParts[1];
	} else {
		$page = 'index';
	}
	
	echo '<?xml version="1.0" encoding="UTF-8" ?>'; 
?>


<!DOCTYPE html>
<html lang="de">
	
<head>
		<meta charset="utf-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
		<title>webseite</title>
		<style>
html {font: normal 1em/1.5 Georgia, serif; padding: 0 2em;}
body {padding: 0; margin: auto; max-width: 60em;}
a {color: hsl(0, 50%, 50%); text-decoration: none;}
main {margin: 3em 0;}
h1 {font: bold 1.5em/1 Georgia, serif; margin: 2em 0 1em; color: hsl(0, 0%, 30%);}
h2 {font: bold 1em/1.5 Helvetica, sans-serif; margin: 0; color: hsl(0, 50%, 50%);}

#modul_main {padding: 0; margin: auto; max-width: 40em; border: 3px dotted grey;}
	

		</style>
		
		
		<title><?php echo $titles[$page]; ?> - Ajax-OnePage</title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	
		<script type="text/javascript" src="<?php echo $baseUrl; ?>js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript">
		/* <![CDATA[ */
			var titles = <?php echo json_encode($titles); ?>;
		/* ]> */
		</script>
		<script type="text/javascript" src="<?php echo $baseUrl; ?>js/main.js"></script>

</head>

<body>
	<header>
		Meine allerneueste Website ...
	</header>
	<nav>
		<ul>
			<?php
				foreach($titles as $key => $title) {
					echo '
			<li>
				<a href="' . $baseUrl . ($key != 'index' ? $key . '/' : '') . '" class="onPage" rel="nofollow">' . $title . '</a>
			</li>';
				}
			?>
		</ul>
	</nav>
	<div id="modul_main"><?php include($_SERVER["DOCUMENT_ROOT"] . $baseUrl . $page . '.page.php'); ?></div>
	<footer>
		Hallo, ich bin der Footer. FOOOTER FOOOTER   Ich bleibe immer hier, egal wie du durch die Seite navigierst...
	</footer>
</body>
</html>

seufZ

achso die htaccess datei sieht so aus:

liegt als .htaccess im wurzelmenue (also ./testseite8)

<IfModule mod_rewrite.c>
# Enable URL rewriting
RewriteEngine On
#RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-l
# Main URL rewriting.
RewriteRule .* index.php [L]
</IfModule>

DANKE!

seufZ

Beitrag melden
–
Informationen zu den Bewertungsregeln