Layer mit einem Klick aus und anderen gleichzeitig einblenden
bewusstwerdung
- dhtml
Hallo Forum!
vorerst danke ich alljene die mit ihrem fachwissen und der nötigen geduld vielen hier im forum schon geholfen haben! da ich neu im forum bin, hoffe ich auch auf
den richtigen tip von euch ;-)
für mein freundin möchte ich eine neue page bauen (weiter unten der link).
wie ihr dann im quelltext sehen könnt besteht er aus einem haupttable
einem linken und einem rechten table.
rechts ist die navigation und links die aktion.
für die navi verwende ich einen javascript (habe ich in einem forum gefunden).
und links wird die aktion immer mit einem layer eingeblendet.
beim start der seite sind 2 layer aktiv einer mit einem flash-text (id=astrotxt) und einer mit
einem bild darauf - id= eb01 also beide auf "visible" gesetzt.
id=eb02 und Id=eb03 sind beim start der seite auf "hidden"
wenn ich auf der navi den butten "Aktuell" anklicke öffnet sich ein submenü auf dem ich
den link "Aktuelles" anklicke.
die aktion daraus soll so ablaufen, dass die beiden layer "astrotxt" und "eb01" verschwinden
und dafür der layer "eb02" eingeblendet wird!
es funktioniert alles nur das einblenden mit 'blank' für den layer z.b. "eb03" will einfach nicht - leider!!
das soll mit den andern button auch funktionieren....
die seite wenn möglich bei 1024x768 und 1280x1024 ohne scrollbalken auskommen!
so, nun hoffe ich auf eure hilfe!
nun der link von meinem problem:
http://members.chello.at/pieber/test1.html
greets otto
hallo otto,
na bitte, geht doch, daß du deine Frage im Forum stellst.
die aktion daraus soll so ablaufen, dass die beiden layer "astrotxt" und "eb01" verschwinden und dafür der layer "eb02" eingeblendet wird!
es funktioniert alles nur das einblenden mit 'blank' für den layer z.b. "eb03" will einfach nicht - leider!
Das Prinzip (das du selbtverständlich für deine Bedürfnisse abwandeln mußt) lautet so:
<div id="div1" onClick="document.getElementById('div2').style.display='block'; this.style.display='none'">Layer1</div>
<div id="div2" onClick="document.getElementById('div1').style.display='block'; this.style.display='none'" style="display:none">Layer2</div>
Grüße aus Berlin
Christoph S.
hallo christoph! danke vorab für die schnelle antwort!
morgen werde den code ändern....
gruß otto
so, nun glaube ich habe ich den dreh heraus!!!
es funkt jetzt aber es ist etwas schreibarbeit.
möchte mich an dieser stelle bei Christoph Schnauß
bedanken der mir den entscheidenen hinweis gegeben hat!
DANKE!
hier der test link:
http://members.chello.at/pieber/test2.html
(es funkt nur "Aktuelles" und "Beratungen")
Noch eine Frage: werde ich von Suchmaschinen mit dieser Lösung "schlechter" gefunden als bei einer Lösung mit einzelnen *.htm seiten???
P.S. >Christoph:Wenn du eine Idee hast, wie das eleganter
funktioniert - bitte um tips...
die aktion daraus soll so ablaufen, dass die beiden layer "astrotxt" und "eb01" verschwinden und dafür der layer "eb02" eingeblendet wird!
es funktioniert alles nur das einblenden mit 'blank' für den layer z.b. "eb03" will einfach nicht - leider!Das Prinzip (das du selbtverständlich für deine Bedürfnisse abwandeln mußt) lautet so:
<div id="div1" onClick="document.getElementById('div2').style.display='block'; this.style.display='none'">Layer1</div>
<div id="div2" onClick="document.getElementById('div1').style.display='block'; this.style.display='none'" style="display:none">Layer2</div>Grüße aus Berlin
Christoph S.
Hallo Christoph!
komme einfach nicht dahinter wie ich es richtig bzgl. meinem Beispiel abwandle.
Wo genau deine 2 Zeilen eingefügt werden müssen, darauf komme ich auch nicht.
nur nicht aufgeben >otto.... ;-)
danke
Grüße aus Wien
Otto