Navi nicht neu laden

bo-Biggi · 24. Mai 2012

Hallo,
ich bin neu hier und hab' mal gleich ein Problem - eine passende Antwort habe ich über die Suche leider nicht gefunden.

Ich habe eine Navigation mit "Swish" erstellt - ich weiß, viele Flasher belächeln das, aber für meine Zwecke ist das echt super.
Jedenfalls habe ich festgestellt, dass wenn ich die Seite normal mit html und css aufbaue, die Navigation jedesmal neu läd, wenn ich die Seite wechsel und das ist echt nervig!
Jetzt hat mich jemand auf die Idee gebracht, diese Ajax zu verwenden und wenn ich das ganze im html teste klappt das auch wunderbar

Mein JS im header sieht so aus:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#home").click(function(){
$("#section").load("home.htm");
});
});
</script>

Und bei dem entsprechenden Button steht folgendes:

<ul>
<li><img id="home" src="http://www.swishzone.de/button/home.gif" alt="Home"/></li>
</ul>

Mein Problem ist jetzt, welchen Befehl ich meinem flash-Button zuordnen muss, damit es ****t.
Probiert hatte ich folgendes, aber das geht nicht:

on (press) {
$("#section").load("kontakt.htm");
};

Ich wäre für einen Rat super dankbar******!
Gruß Biggi

mOnis · 6. Juni 2012

Hallo Biggi,

in erster Linie sehe ich hier auch kein Zusammenhang mit Flash ^^.

Wenn ich dir ein Rat gegeben darf, wieso machst du die Seite nicht einfach mit PHP dynamisch?

Wenn du unbedingt jQuery nutzten möchtest dann mach es doch so (ist nur ein Beispiel, dass ist mein Workflow):

Erstell eine index.php, home.php und eine navigation.php (Falls du noch eine Sidebar oder ein Footer möchtest kannst du auch eine sidebar.php und footer.php erstellen)

Die index.php baust du einfach so auf:

Code:

<!DOCTYPE HTML> (Entspricht HTML5)
<html>
<title>blablabla</title>
mit jQuery und der document rdy function wo du die index.php angibst.

<body>
<header>
<h1>Meine Seite</h1>
<?php include('navigation.php'); ?>
</header>
<?php include('home.php'); ?>

navigation.php

Code:

<ul>
<li><a href="index.php">News</a></li>
<li><a href="bilder.php">Bilder</a></li>
<li><a href="kontakt.php">Kontakt</a></li>
</ul>

home.php

Code:

<article>
<div id="Newsbereich">
<h1>News Title</h1>
<p>Hier steht mein News Inhalt.</p>
</div>
</article>
</body>
</html>

Jetzt hast du eine schöne dynamische Seite und kannst alles damit machen.
Natürlich alles noch mit CSS schön formatiern, was ich jetzt nicht auf die schnelle dazu geschrieben habe. CSS ist einfach zuerlernen falls du es noch nicht kannst und man wird es immer brauchen, insbesondere wenn du mit Flash Arbeitest ala Flex um Webapplications für das Web oder dein Desktop zu machen.

Update: Du kannst natürlich auch die Liste durch Bilder ersetzten in der Navi, wie das geht weißt du ja.

Grüße,
mOnis

Navi nicht neu laden

bo-Biggi

Grünschnabel

mOnis

Mitglied

Neue Beiträge