Subshame
Grünschnabel
huhu,
habe mich seit heute Nacht hier versucht schlau zu lesen...leider nichts Passendes bzw. Helfendes gefunden...
nun bin ich hier und hier kommt schon meine Frage:
Ich möchte einen Kontent wechsel haben. Der von der Navi aus gesteuert wird.
hier der Code
Bin für alle Ratschläge offen. Wegen meiner auch mit .PHP wenn es einer kann
Gruß
habe mich seit heute Nacht hier versucht schlau zu lesen...leider nichts Passendes bzw. Helfendes gefunden...
nun bin ich hier und hier kommt schon meine Frage:
Ich möchte einen Kontent wechsel haben. Der von der Navi aus gesteuert wird.
hier der Code
HTML:
<!DOCTYPE html>
<html lang="de">
<head>
<title>C&N Floer | ::..*.-Home</title>
<link rel="stylesheet" href="css/style.css" type="text/css"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="scripts/changeContent.js"></script>
</head>
<body>
<section id="menubar">
<ul>
<li><a class="menubutton" href="#menu"><img src="images/menu.png" /></a></li>
</ul>
</section>
<header>
<ul>
<li>
<a><h1>C&T | Computer & Technik</h1></a>
<div id="box1" class="box">F</div>
<div id="box2" class="box">L</div>
<div id="box3" class="box">O</div>
<div id="box4" class="box">E</div>
<div id="box5" class="box">R</div>
</li>
</ul>
</header>
<script type="text/javascript">
$(document).ready(function(){
$("#about").load("about.html");
$("#kontent1").click(function(){$("#service").load("service.html");});
$("#kontent2").click(function(){$("#kontakt").load("kontakt.html");});
$("#kontent3").click(function(){$("#imprint").load("imprint.html");});
$("#kontent4").click(function());}
</script>
<nav class="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#" id="about">Über C&T</a></li>
<li><a href="#" id="service">Leistungen</a></li>
<li><a href="#" id="kontakt"Kontakt</a></li>
<li><a href="#" id="imprint">Impressum</a></li>
</ul>
</nav>
<section id="main">
<article>
<h2>Schön das Sie da sind!</h2>
<img src="images/artikel.jpg">
<p id="kontent1">test1</p>
<p id="kontent2">test2</p>
<p id="kontent3">test3</p>
<p id="kontent4">test4</p>
</article>
<aside>
<section>
<h2>Weitere Artikel</h2>
<ul>
<li><a>Spannend oder?</a></li>
<li><a>Lese das auch!</a></li>
<li><a>Und diesen Artikel</a></li>
</ul>
</section>
<section>
<h2>Ein Textfeld</h2>
<ul>
<li>Das ist Lustig</li>
<li>Das finde ich auch gut</li>
<li>Ich schaffe das</li>
<li>Meine eigene Homepage</li>
<li>Ich möchte HTML Lernen</li>
</ul>
</section>
<section>
<h2>Kategorien</h2>
<ul>
<li>TEST1</li>
<li>TEST2</li>
<li>TEST3</li>
<li>TEST4</li>
<li>TEST5</li>
</ul>
</section>
</aside>
</section>
<footer>
<ul>
<li><a>© 2016 Dennis Floer</a></li>
<li><a>Kontakt</a></li>
<li><a>Datenschutz</a></li>
<li><a>Impressum</a></li>
</ul>
</footer>
</body>
</html>Bin für alle Ratschläge offen. Wegen meiner auch mit .PHP wenn es einer kann
Gruß
