Frage zur Top#-Funktion

midtwo · 13.01.2006, 19:34

hallo,
wie kann man in einen link eine top#-funktion einbauen?
mit der top#-funktion meine ich, dass wenn ich eine neue seite in einem iframe öffne, automatisch die seite, wo der iframe einbettet ist, "nach oben springt".
könnt ihr mir bitte weiterhelfen.

danke.

gruß,
constantin

rewboss · 13.01.2006, 23:07

Hmm ja... ich denke, du verwechselst ein paar Sachen.

# -- nun ja, das # in einer URL bedeutet eine bestimmte Stelle an der Seite. Zum Beispiel, irgendwo im HTML-Code steht das hier:

Code:

<div id="anker">

...und irgendwo anders auf der Seite steht das hier:

Code:

<a href="#anker">Klick</a>

Beim Klick auf dem Link springt die Seite so, dass das <div> mit dem ID "anker" oben im Fenster ist. Oft sieht man unten auf einer langen Seite einen Link mit der Beschriften "Top"; das erste Element auf der Seite hat dann den Attribut id="top" (oder auch name="top", aus Kompatibilitätsgründen) und der Link hat das Attribut href="#top". Ich glaube das meinst du -- aber das ist keine Funktion.

Nun, dann redest du irgendetwas von Iframes. Du willst es so haben, dass wenn ein Dokument ins Iframe geladen wird, dass irgendetwas nach oben springt -- ich glaube du meinst die Seite, in der das Iframe eingebettet ist, und nicht etwa die Seite, die im Iframe eingebettet ist.

Das wären also zwei Aktionen gleichzeitig: 1. soll ein neues Dokument ins Iframe geladen werdem, 2. soll ein anderes Dokument nach oben springen. Das geht also nur mit JavaScript.

Befindet sich der Link im Hauptfenster -- also außerhalb des Iframes -- müsste er so aussehen:

Code:

<a href="neueseite.html" target="name_des_iframes"
onclick="self.scrollTo(0,0);">

Befindet sich der Link im Iframe, müsste er so aussehen:

Code:

<a href="neueseite.html"
onclick="parent.scrollTo(0,0);">

Ich habe das allerdings nicht ausprobiert. Theoretisch dürfte es funktionieren, aber ich kann's nicht versprechen...

midtwo · 14.01.2006, 00:42

vielen dank für die antwort.

gruß,
constantin

rewboss · 14.01.2006, 13:50

...ich nehme an, es hat funktioniert? (Möchte es auch wissen.)

midtwo · 14.01.2006, 14:04

ja funktioniert super...
hab aber noch eine kleine frage zu einem anderen thema.

ich möchte auf der startseite auf die neusten artikel verweisen und natürlich müssen die auch verlinkt werden.
nun aber wenn ich es mit der rubrik Musik verlinke, kommt aber eben immer nur der startartikel von musik. man kann dann im hauptfenster auf den gewünschten artikel klicke und dieser läd sich dann im iframe.
aber ich möchte gleich, dass man auf den bestimmten artikel kommt, wenn man auf den link auf der startseite klickt.
gibt es dafür eine lösung?

danke.

gruß,
constantin

rewboss · 14.01.2006, 19:07

Wahrscheinlich. Wie sieht der Code aus?

midtwo · 14.01.2006, 20:00

welchen code?

gruß,
constantin

rewboss · 14.01.2006, 22:54

Ja... das ist so 'ne Frage, gell?

Also, was ist das genau für eine Website? Die "neuesten Artikel"... von was? Reden wir hier über einen Online-Shop oder von journalistischen Beiträgen? Sind alle Artikel auf einer Seite oder jede auf eine eigene Seite? Ist das alles jetzt nur HTML oder PHP? Wenn HTML, musst du nur den richtigen Link setzen; wenn PHP, dann wäre die Frage besser im Dynamik-Forum aufgehoben -- und etwas Code wäre da nicht verkehrt.

midtwo · 15.01.2006, 13:24

ja ok...
Es ist eine website mit journalistischen Inhalt.
Auf der Index-Seite werden die neusten Artikel angezeigt und wenn es einen interessiert klickt man eben auf den link. Du kommst dann zu der entsprechenden Rubrik z.B. Musik und dort findest du dann einen eingebetteten Iframe, wo eigentlich dieser Artikel dann stehen soll.
Wenn ich das dann mit der seite musik.html(also der Artikel von der Index-Seite)verknüpfe, erscheint aber nur der "startartikel" im iframe.
Die ganze Seite ist in html+css programmiert und basiert eben auf diesen iframe(für bessere und schnellere Verwaltung).

Wie kann jetzt einen Artikel, der auf der Index-Seite steht, mit dem richtigen Artikel in der Rubrik Musik verknüpfen, ohne das der startartikel im Iframe erscheint sonder gleich dieser bestimmte.

----
also geht folgender link schon mal nicht:
<a href="musik.htm">[...mehr]</a>

ich brauch was spezifischen was gleich auf den bestimmten artikel verweist.
----

Verständlicher??!!??

Vielen dank

Gruß,
constantin

LimaX · 15.01.2006, 15:09

Die Anker, die rewboss im zweiten Beitrag beschrieben hat, kannst Du auch fensterübergreifend nutzen.
Markiere Deinen Artikel mit einem Anker
<a name="musik3"></a>
Der Link auf der Startseite springt dann direkt mit
<a href="musik.html#musik3">hier gehts weiter</a>
an die bezeichnete Stelle.

rewboss · 15.01.2006, 16:14

...vorausgesetzt, alle Artikel befinden sich im selben HTML-Dokument.

Wenn jeder Artikel in einem eigenen Dokument erscheint, musst du dafür sorgen, dass der Link eben auf das richtige Dokument verweist. Wenn du mit reinem statischen HTML arbeitest dann musst du, jedesmal wenn du einen neuen Artikel schreibst, alle Links, die auf den letzten Artikel verweisen sollen, anpassen.

Das wird aber mit der Zeit recht lästig. Wenn du aber z.B. PHP lernst, kannst du es so programmieren, dass alles automatisch angepasst wird. Aber das geht nicht von heute auf morgen...

midtwo · 15.01.2006, 17:49

also irgendwie kapiere ich es nicht...

naja...aber danke.

gruß,
constantin

LimaX · 15.01.2006, 19:05

Also nochmal von vorn:
Du gibst Deinem Artikel eine eigene ID. Diese kann in dem DIV stehen, das den Artikel umrahmt oder z.B. in der Artikelüberschrift. Wichtig ist, daß diese ID einmalig ist. Sie markiert den Einsprungspunkt.

Code:

<div id="artikel_4">bla bla ...  ganz spannender Artikel</div>

Der Artikel befindet sich zum Beispiel auf der Seite musik.htm.
Dann lautet der Link, der genau zu diesem Artikel auf der Seite hüpft, so:

Code:

<a href="musik.htm#artikel_4">spannender Musikartikel</a>

Den Link kannst Du natürlich einbauen, wo Du möchtest, also auch auf Deiner Startseite.

Jetzt alles klar?

midtwo · 15.01.2006, 22:21

aber jeder artikel befindet sich auf einer eigenen seite und wird auf musik.html nur durch ein iframe geladen...wenn auf den entsprechenden link auf musik.html klickt.
geht es dann auch???

------------------------
------------------------

hab noch ein klitze kleine frage...

hab an der seite noch so ein listenmenü(im Hauptfenster), es dient als Archiv.
Links etc. funktionieren, jedoch möchte ich noch folgendes:
Wenn jemand auf den link klickt, schnappt das Listenmenü sozusagen mit dem linknamen zurück, jedoch soll es wieder in den ursprünglichen Zustand mit der eigentlichen Überschrift.
Habt ihr da eine lösung???

code:
---------------------------------------
<form name="form1">

<select name="menu1" class="sprungmenü-text" onChange="MM_jumpMenu('Fensterlein',this,0)" >
<option selected>:// Archiv-Musik</option><***feste Überschrift***>
<option value="iframe_FettesBrot_Seite1.htm" >Fettes Brot(K)</option> <***der besagte link***>
<option>---------------------</option>
<option>K=Konzertbericht</option>
<option>I=Interview</option>
<option>A=Artikel</option>
<option>C=CD-Tipp</option>
</select>
</form>
----------------------------------------------

Vielen dank.

gruß,
constantin

rewboss · 16.01.2006, 09:53

Zitat:

Zitat von midtwo

aber jeder artikel befindet sich auf einer eigenen seite und wird auf musik.html nur durch ein iframe geladen...wenn auf den entsprechenden link auf musik.html klickt.
geht es dann auch???

Nun, wie hast du das eigentlich gelöst? Ist jetzt music.html eine Seite, in der sich ein Iframe befindet, in das sich ein weiteres Dokument laden soll? Oder wie geht das?

Zitat:

Wenn jemand auf den link klickt, schnappt das Listenmenü sozusagen mit dem linknamen zurück

Das ist auch sinnvoll, ja...

Zitat:

jedoch soll es wieder in den ursprünglichen Zustand mit der eigentlichen Überschrift.
Habt ihr da eine lösung???

Geht mit JavaScript. Versuch's so:

Code:

<select name="menu1" class="sprungmenü-text"
onChange="MM_jumpMenu('Fensterlein', this, 0); this.selectedIndex=0;">