per klick text in einem div ändern/tauschen

[sunkist]

Halli Hallo!

Ich bin HTMl-Neuling und versuche gerade eine Seite zu basteln. Ich habe eine Menüleiste mit Buttons und möchte gerne per Klick auf den Button "Info" bzw. "Contact" oder "Bio"  den Text in einem div ändern. Der Rest der Seite wird über iframes (youtubeinhalte) eingebaut. Es gibt sehr wenig Text, daher würde ich gerne nur den Text im div ändern, damit ich nicht für jede Textseite eine eigene Seite bauen muss.

Ich möchte gerne auf iframes (Suchmaschinenuntauglich) und Javascript (weil die Seite auch bei ausgeschaltetem Javascript funktionieren soll) verzichten, wenn das möglich ist. Im Moment habe ich keine Ahnung, wie ich das mit css lösen könnte.

Hat jemand eine Idee? Falls dies nur über Javascript zu lösen ist, wie würde das funktionieren?

Danke!

Sunkist

[Matthias Apsel]

Om nah hoo pez nyeetz, sunkist!

[…] und möchte gerne per Klick auf den Button "Info" bzw. "Contact" oder "Bio"  den Text in einem div ändern. […] Es gibt sehr wenig Text, daher würde ich gerne nur den Text im div ändern, damit ich nicht für jede Textseite eine eigene Seite bauen muss.

Ich möchte gerne auf iframes (Suchmaschinenuntauglich) und Javascript (weil die Seite auch bei ausgeschaltetem Javascript funktionieren soll) verzichten, wenn das möglich ist. Im Moment habe ich keine Ahnung, wie ich das mit css lösen könnte.

Es ist mit CSS nicht zu lösen.

Hat jemand eine Idee? Falls dies nur über Javascript zu lösen ist, wie würde das funktionieren?

Wenn du schon die Suchmaschinen ansprichst: Wenn du den Text per JS austauschst, gibt es im Original-HTML-Dokument nur genau einen Text. Du solltest für jede Textseite eine eigene Seite bauen. Falls du serveseitige Techniken (PHP, SSI, …) zur Verfügung hast, musst du nicht alles mehrfach schreiben.

Matthias

[sunkist]

Hallo Matthias,

danke für Deine Antwort.

Wie würde das mit Javascript funktionieren? Und finden dann die Suchmaschinen den Text?

Danke und lg
Sunkist

[Matthias Apsel]

Om nah hoo pez nyeetz, sunkist!

Wie würde das mit Javascript funktionieren? Und finden dann die Suchmaschinen den Text?

Wie gesagt, das ist keine gute Lösung. Damit Suchmaschinen überhaupt eine Chance haben, schlage ich eine JS-CSS-Kombination vor.

<article class="wechsel aktuell">Text1</article>  
<article class="wechsel">Text2</article>  
<article class="wechsel">Text3</article>  
<article class="wechsel">Text4</article>

article.wechsel { display: none; }  
article.wechsel.aktuell { display: block; }

und per JS die Klasse "aktuell" für alle Elemente der Klasse "wechsel" entfernen sowie im Anschluss für das bestimmte die Klasse "aktuell" hinzufügen.

Du solltest aber jeweils eigene Seiten schreiben.

Matthias

[sunkist]

dankeschön!

[Gunther]

Hallo!

Ich bin HTMl-Neuling und versuche gerade eine Seite zu basteln. Ich habe eine Menüleiste mit Buttons und möchte gerne per Klick auf den Button "Info" bzw. "Contact" oder "Bio"  den Text in einem div ändern. Der Rest der Seite wird über iframes (youtubeinhalte) eingebaut. Es gibt sehr wenig Text, daher würde ich gerne nur den Text im div ändern, damit ich nicht für jede Textseite eine eigene Seite bauen muss.

Für verschiedene Bereiche/ Inhalte einer Webpräsenz jeweils eigene Seiten zu haben, hat aber durchaus seine Vorteile, nämlich den, dass jede Seite eine eigene URL hat, und somit bspw. direkt verlinkbar ist.

Deine angepeilte "Lösung" ist also unter diesem Gesichtspunkt keinen Deut besser, als die Verwendung von Frames.

Gruß Gunther