Hallo,
Habe folgende Fragen:
1. Wie kann ich die Seite, auf der ich mich gerade befinde, farblich in der Navigation hervorheben?
Benutze auf meiner Seite AJAX um die Inhalte dynamisch zu laden.
2. Wenn ich die Seite aktualisiere (F5), werde ich immer auf die Startseite geworfen (bzw. die index.html wird geladen). Gibt es eine Möglichkeit, beim Aktualisieren auf der Seite zu bleiben, auf der ich mich gerade befinde?
Hier die Seite: www.top-web-leasing.de/betatest/marcel
Hier die index.html:
Danke schonmal :)
Marcel
Habe folgende Fragen:
1. Wie kann ich die Seite, auf der ich mich gerade befinde, farblich in der Navigation hervorheben?
Benutze auf meiner Seite AJAX um die Inhalte dynamisch zu laden.
2. Wenn ich die Seite aktualisiere (F5), werde ich immer auf die Startseite geworfen (bzw. die index.html wird geladen). Gibt es eine Möglichkeit, beim Aktualisieren auf der Seite zu bleiben, auf der ich mich gerade befinde?
Hier die Seite: www.top-web-leasing.de/betatest/marcel
Hier die index.html:
HTML:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css" media="all" />
<link href="css/lightbox.css" rel="stylesheet">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<title>Marcel</title>
<script type="text/javascript">
$(document).ready(function(){
$("#m_home").click(function() {
$("#cLeft").animate({opacity:"0", filter:"alpha(opacity=0)"}, 400, function() {
$("#cLeft").load("home.html", function() {
$("#cLeft").animate({opacity:"1", filter:"alpha(opacity=100)"}, 400);
});
});
});
$("#m_about").click(function() {
$("#cLeft").animate({opacity:"0", filter:"alpha(opacity=0)"}, 400, function() {
$("#cLeft").load("about.html", function() {
$("#cLeft").animate({opacity:"1", filter:"alpha(opacity=100)"}, 400);
});
});
});
$("#m_portfolio").click(function() {
$("#cLeft").animate({opacity:"0", filter:"alpha(opacity=0)"}, 400, function() {
$("#cLeft").load("portfolio.html", function() {
$("#cLeft").animate({opacity:"1", filter:"alpha(opacity=100)"}, 400);
});
});
});
$("#m_contact").click(function() {
$("#cLeft").animate({opacity:"0", filter:"alpha(opacity=0)"}, 400, function() {
$("#cLeft").load("contact.html", function() {
$("#cLeft").animate({opacity:"1", filter:"alpha(opacity=100)"}, 400);
});
});
});
});
</script>
</head>
<body>
<div id="content">
<div id="cLeft">
<div id="logo_container">
<div id="logo"></div>
</div>
</div><!-- #cLeft -->
<div id="cLine"></div><!-- #cLine -->
<div id="cRight">
<ul class="menulist">
<li><a href="#" id="m_home">Home</li>
<li><a href="#" id="m_about">About</li>
<li><a href="#" id="m_portfolio">Portfolio</li>
<li><a href="#" id="m_contact">Contact</li></a>
</ul>
</div><!-- #cRight -->
</div><!-- #content -->
<script src="js/lightbox.js"></script>
</body>
</html>
Danke schonmal :)
Marcel