LondonMinistry
Cadet 1st Year
- Registriert
- Mai 2013
- Beiträge
- 15
Hi Leute
Hab mir ein Script durch ein Tutorial geschrieben welches nicht so funktioniert wie ich es dachte.
Ich habe 2 Fragen:
Hab die Links passend gemacht nur sind diese überhaupt richtig?
und
Wo bestimme ich den Bereich welcher nachgeladen werden muss?
Theoretisch sollte der Text sich in der "Section id="main"" öffnen, doch wie gesagt nichts passiert. Die html Files welche sich öffnen sollten, sind im gleichen Ordner wie die css und index File.
Wo liegt der Fehler? Wieso funktioniert es nicht?
LG LondonMinistry
Hab mir ein Script durch ein Tutorial geschrieben welches nicht so funktioniert wie ich es dachte.
Ich habe 2 Fragen:
Hab die Links passend gemacht nur sind diese überhaupt richtig?
und
Wo bestimme ich den Bereich welcher nachgeladen werden muss?
Code:
<!DOCTYPE html>
<html>
<head>
<title>DJ GeneralMinistry</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#m_index").click(function() {
$("#main").animate({opacity:"0", filter:"alpha(opacity-0)"), 400, function() {
$("#main").load("index.html", function() {
$("#main").animate({opacity:"0", filter:"alpha(opacity-100)"), 400
)};
)};
)};
$("#m_news").click(function() {
$("#main").animate({opacity:"0", filter:"alpha(opacity-0)"), 400, function() {
$("#main").load("news.html", function() {
$("#main").animate({opacity:"0", filter:"alpha(opacity-100)"), 400
)};
)};
)};
$("#m_music").click(function() {
$("#main").animate({opacity:"0", filter:"alpha(opacity-0)"), 400, function() {
$("#main").load("music.html", function() {
$("#main").animate({opacity:"0", filter:"alpha(opacity-100)"), 400
)};
)};
)};
$("#m_technic").click(function() {
$("#main").animate({opacity:"0", filter:"alpha(opacity-0)"), 400, function() {
$("#main").load("technic.html", function() {
$("#main").animate({opacity:"0", filter:"alpha(opacity-100)"), 400
)};
)};
)};
$("#m_links").click(function() {
$("#main").animate({opacity:"0", filter:"alpha(opacity-0)"), 400, function() {
$("#main").load("links.html", function() {
$("#main").animate({opacity:"0", filter:"alpha(opacity-100)"), 400
)};
)};
)};
$("#m_contact").click(function() {
$("#main").animate({opacity:"0", filter:"alpha(opacity-0)"), 400, function() {
$("#main").load("contact.html", function() {
$("#main").animate({opacity:"0", filter:"alpha(opacity-100)"), 400
)};
)};
)};
)};
</script>
</head>
<body>
<div id="header">
<img src="img/banner.gif" />
</div>
<div id="menu_cut">
<div id="menu">
<a href="#!/index"><div class="menu_button"><p>HOME</p></div></a>
<a href="#!/news"><div class="menu_button"><p>NEWS</p></div></a>
<a href="#!/music"><div class="menu_button"><p>MUSIC</p></div></a>
<a href="#!/technic"><div class="menu_button"><p>TECHNIK</p></div></a>
<a href="#!/support"><div class="menu_button"><p>LINKS</p></div></a>
<a href="#!/contact"><div class="menu_button"><p>KONTAKT</p></div></a>
</div>
</div>
<div id="webseite">
<div id="infobox">
<div id="info_left_bild">
</div>
<div id="info_right_bild"></div>
<div id="info_middle"></div>
</div>
<div id="cut">
</div>
<div id="text">
<div id="main_text">
</div>
<section id="main">
<h2>Music</h2>
<pre class="Stil1"> House
Electro
Reggaeton
Hip Hop
Pop</pre>
</section>
</div>
<div id="side_banner"></div>
<div id="text_cut"></div
></div>
<div id="footer">
<a href="impressum.html style="text-decoration:none;><div id="impressum"></div></a>
<div id="footer_info"><p> Copyright by DJ GeneralMinistry</p>
</div>
</div>
</div>
</body>
</html>
Theoretisch sollte der Text sich in der "Section id="main"" öffnen, doch wie gesagt nichts passiert. Die html Files welche sich öffnen sollten, sind im gleichen Ordner wie die css und index File.
Wo liegt der Fehler? Wieso funktioniert es nicht?
LG LondonMinistry