a href="#" wie verhindern das die ganze Seite neu geladen wird?

[Nikon231]

Hallo zusammen,

habe ein kleines Problem .. und zwar habe ich auf einer Projektübersichtsseite ein Javascript eingebunden welches es erlaubt die Projekte die dargestellt werden nach Tags zu sortieren.

Das Menü dafür sieht dann wie folgt aus:

<li class="filter-item jahr last"><h2>Jahr</h2>
  <ul class="jahr-dropdown">
    <li><a href="#" rel="Alle">Alle</a></li>
    <li><a href="#" rel="2011">2011</a></li>
    <li><a href="#" rel="2010">2010</a></li>
    <li><a href="#" rel="2009">2009</a></li>
  </ul>
</li>

Mein JS blendet nun anhand der rel="xyz" Projekte ein und aus das funktioniert auch soweit gut, allerdings habe ich das Problem wenn ich das erste mal auf einen Link klicke wird die eigentliche Seite noch einmal neu geladen und es werden alle Projekte dargestellt. Was dann vorher www.domain.de/projekte.html war ist dann www.domain.de/#

Und wenn ich jetzt klicke funktioniert auch alles korrekt, lediglich beim ersten mal wird eben die Seite neu geladen, jemand eine Idee wie ich das neuladen der Seite unterbinden kann?

Viele Grüße
Flo

[schman]

Reicht es nicht wenn du hier zB #alle angibst.
Dann ist es ein normaler Anklerlink der auf alle springen will, das leider nicht existiert.

[Nikon231]

Eine gute Idee, hatte ich grade mal versucht funktioniert aber leider nicht.

So sieht der Link vorher aus:

http://www.domain.de/projekte.html

und so nach dem anklicken Beispielsweise einer Jahreszahl und neu laden der Seite

http://www.domain.de/#2009

Noch eine Idee?

[schman]

nagut das projekte.html darfst du natürlich nicht weglasen der Link müsste dann so aussehen:

http://www.domain.de/projekte.html#2009

Um das projekte.html behalten zu können kannst du einen inserttag verwenden.

[Nikon231]

Very nice!

Das war es, vielen Dank!

Grüße
Flo