Hallo,
ich habe hier: http://www.no-easy-way.de/workout
ein kleines Trainingstagebuch erstellt und wollte die einzelnen Trainingstage in einem Div-Container laden.
Das klappt dank eines JQuery Schnipsels, den ich im Internet gefunden habe, auch ganz gut.
Nur verwenden die geladenen html dateien die angegebene .css datei und auch das angegebene charset nicht.
Die workout dateien haben alle folgendes format:
Die Indexseite, von der aus sie geladen werden, sieht folgendermaßen aus:
was könnte ich tun, damit die workout dateien auch wirklich so aussehen, wie ich es gern hätte?
ich habe hier: http://www.no-easy-way.de/workout
ein kleines Trainingstagebuch erstellt und wollte die einzelnen Trainingstage in einem Div-Container laden.
Das klappt dank eines JQuery Schnipsels, den ich im Internet gefunden habe, auch ganz gut.
Nur verwenden die geladenen html dateien die angegebene .css datei und auch das angegebene charset nicht.
Die workout dateien haben alle folgendes format:
HTML:
<!DOCTYPE html>
<html>
<head>
<link href="wo.css" rel="stylesheet" />
<meta charset="ISO-8859-1" />
<meta name="Dirk Bernau" content="Meine Workouts, Training, Trainingspläne zum nachtrainieren. Viel Spaß mit dem täglichen Workout" />
<title>Workout #3</title>
</head>
<body>
<div id="datum">
20. Juni 2014
</div>
<div id="hull">
<div id="workout">
<h1>Workout</h1>
<b>1.: Kreuzheben gleichbleibendes Gewicht</b>
<ul>
<li>2 Aufwärmsätze</li>
<li>1. Satz: 10 wdh</li>
... usw.
Die Indexseite, von der aus sie geladen werden, sieht folgendermaßen aus:
HTML:
<!DOCTYPE html>
<html>
<head>
<link href="workout.css" rel="stylesheet" />
<meta charset="ISO-8859-1" />
<meta name="Dirk Bernau" content="Meine Workouts, Training, Trainingspläne zum nachtrainieren. Viel Spaß mit dem täglichen Workout" />
<title>Workout Diary</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
var lastWO = 3;
var currentWO = 3;
var starter = "wo-";
// Erst starten wenn das Dokument fertig geladen ist.
$(document).ready(function(){
// Beim ersten Laden muss eine Seite geladen werden.
$("#main").load("wo-"+lastWO+".html");
// WENN auf einen Link innerhalb von .fn-nav geklickt wurde, DANN führe diese Funktion aus.
$('.menu a').click(function(e){
// Verhindert, dass der Browser die Seite beim Klick auf einen Link neulädt.
e.preventDefault();
// Speichert den Inhalt des Attributes in der Variablen site.
var site = $(this).data('site');
// .html an den Namen anhängen.
if (site == "akt")
{
currentWO = lastWO;
site = starter + lastWO + '.html';
}
else if (site == "nxt")
{
if (currentWO > 1)
{
currentWO--;
}
site = starter + currentWO + '.html';
}
// Seite laden und in .content einsetzen.
$("#main").load(site);
});
});
</script>
</head>
<body>
<div id="header">
Dirks Trainingstagebuch
</div>
<div id="hauptmenu">
<div class="menu">
<a data-site="akt" href="#">Aktuell</a>
<a data-site="nxt" href="#">Nächstes</a>
</div>
<a id="home" href="http://www.no-easy-way.de">Home</a>
</div>
<div id="main">
</div>
<div id="hauptmenu">
<div class="menu">
<a data-site="akt" href="#">Aktuell</a>
<a data-site="nxt" href="#">Nächstes</a>
</div>
<a id="home" href="http://www.no-easy-way.de">Home</a>
</div>
</body>
</html>
was könnte ich tun, damit die workout dateien auch wirklich so aussehen, wie ich es gern hätte?