SELFHTML Forum  SELFHTML Forumsarchiv  2003  März

	SELFHTML Forumsarchiv HTML Inhalte verschieben sich nach unten
	(JAVASCRIPT) HTML Inhalte verschieben sich nach unten von Sandra, 31. 03. 2003, 12:35  (JAVASCRIPT) display:block; von Christoph, 31. 03. 2003, 17:54  (JAVASCRIPT) display:block; von Sandra, 31. 03. 2003, 23:09  (JAVASCRIPT) display:block; von Sandra, 01. 04. 2003, 17:09

HTML Inhalte verschieben sich nach unten

Die folgende Nachricht zum Thema stammt von: Sandra, 31. 03. 2003, 12:35

Hi
hat jemand ein Script für mich, mit dem ich folgendes realisieren kann:
ich möchte eine Anwender Oberfläche mit JavaScript in HTML erstellen.
Die Oberfläche besteht aus 3 Hauptkonfigurationskapiteln, die untereinander angeordnet werden sollen.
Unter jedem dieser Hauptkapitel befinden sich Textfiels, Radiobuttons, Checkboxes usw.
Damit man nich so viel scrollen muss, möchte ich, dass man jedes dieser 3 Hauptkapitel einzeln schliessen kann, so dass diese Checkboxes... wieder verschwinden und DAS SICH BEIM SCHLIESSEN DAS DAS DARUNTER LIEGENDE KAPITEL AUTOMATISCH NACH OBEN NACHRÜCKT:
öffnet man dann z.b wieder das mittlere oder obere Kapitel, SOLL SICH DAS DARUNTER BEFINDENDE KAPITEL AUTOMATISCH NACH UNTEN MIT VERSCHIEBEN.
es soll durch das Aufklappen eines Kapitels also das darunter liegende nicht überdeckt werden, sondern nach unten versetzt werden.
Es wäre ganz toll, wenn mir jemand helfen könnte.
vielen Dank
Sandra

display:block;

Die folgende Nachricht zum Thema stammt von: Christoph, 31. 03. 2003, 17:54

Hallo,

wie darf ich mir das vorstellen? Ist jedes Kapitel in einem eigenen Fenster oder alle drei Kapitel in einer Internetseite?

Für den letzten Fall:
Verwende Div's!
<div id='KapitelEins>Inhalt des gesamten Kapitels..</div>

function KapitelEinsSichtbar() {
document.getElementById('KapitelEins').style.display = 'block';
document.getElementById('KapitelZwei').style.display = 'none';
document.getElementById('KapitelDrei').style.display = 'none';
}

function KapitelZweiSichtbar() {
document.getElementById('KapitelEins').style.display = 'none';
document.getElementById('KapitelZwei').style.display = 'block';
document.getElementById('KapitelDrei').style.display = 'none';
}

Und so weiter..
Um Kapitel Zwei in den Vordergrund zu holen, oder z.B. Kapitel Drei zu schließen, verwende: KapitelZweiSichtbar();

Etwa so:
<a href='javascript:KapitelZweiSichtbar();'>Kapitel Zwei</a>

Grüße,
Christoph

display:block;

Die folgende Nachricht zum Thema stammt von: Sandra, 31. 03. 2003, 23:09

Hi Christoph,
vielen Dank für dein Skript das mir sicherlich weiterhelfen wird.

Und eine Entschuldigung an die, denen mein Fehlposting von vorhin so gravierend ins Auge gestochen hat.

Grüße Sandra

display:block;

Die folgende Nachricht zum Thema stammt von: Sandra, 01. 04. 2003, 17:09

Hallo Christoph,
ja alle Kapitel stehen in einer Internetseite.
Kannst du vielleicht die Scripte für den Body genauer ausführen? Für den Fall, das diese Scriptzeile:

»» <div id='KapitelEins>Inhalt des gesamten Kapitels..</div>

nicht im Body Teil steht?
vielen Dank
sandra

 SELFHTML Forum  SELFHTML Forumsarchiv  2003  März

© 1998-2006  Impressum, Software: Classic Forum