Suche Script zum Ein-/Ausfahren von Divs/Tabellen

Computer: Software & Programmierung JavaScript & Script-Sprachen
#1

Hi! Ich suche ein Script (JavaScript/Ajax?), mit dem ich durch den Klick auf einen Link einen Bereich auf der Seite öffne, und der Content darunter verschiebt sich nach unten (schwer zu erklären, siehe HTML-Code unten). Das ganze vllt als DIV oder Tabelle die schon da ist :? Wenn man dann außerhalb des DIVs/ der Tabelle klickt, soll der Inhalt wieder einfachren oder einklappen (wobei was dynamisches natürlich besonders schön wäre). Ich hoffe Ihr konntet mir einigermaßen folgen.

Vielen Dank im Voraus!! :smiley:
hops

P.S:
Hier ist das so in der Art wie ichs machen will. Jetzt fehlt nur noch das Script^^

Test

Logo

header…

Link1 Link2 Link3

Inhalt 1 …lalalalalalallallalala
Inhalt 2
Inhalt 3

ALLES WAS HIER DRUNTER IST SOLL „MITGESCHOBEN“ WERDEN

#2

Hallo,

Hi! Ich suche ein Script (JavaScript/Ajax?), mit dem ich durch
den Klick auf einen Link einen Bereich auf der Seite öffne,
und der Content darunter verschiebt sich nach unten (schwer zu
erklären, siehe HTML-Code unten).

Also du meinst, dass es im unausgeklappten Zustand so aussieht:

+-----------------+
| foo |
+-----------------+

und im ausgeklappten Zustand so:

+-----------------+
| Bla bla bla |
| Noch mehr bla |
+-----------------+
| foo |
+-----------------+

Das geht am einfachsten, indem du den des ersten Containers auf style=„display:none“ setzt und dann im Javascript
document.getElementById(„ersterContainer“).style.display = „block“;

HTH,
Moritz.

#3

Danke, damit komme ich meinen Vorstellungen schon sehr nahe!
Schön wäre es lediglich noch wenn man mit einem erneuten Klick auf den Button das Div wieder schließen könnte und wenn man auf einen anderen Link klickt das aktuelle Div geschlossen wird und das jeweilige dann aufgerufen wird. Wie geht das?

Viele Grüße,
hops :smile:

#4

Ich hab sowas mal gemacht : Das ScoreBoard
http://abc-xyz.no-ip.org/cgi-bin/gt/event/showview.p…

alles was rot ist oder ein icon anklicken, dann öffnet (bei nochmal klick) schliesst es sich wieder.

da ist das Script dazu

http://abc-xyz.no-ip.org/gamesites/praetoria/champio…

[Championship](javascript:svauf(‚champ1‘))

öffnet ein DIV

[

öffner 2 DIV’s

hoffe das hilft

Style is hier http://abc-xyz.no-ip.org/gamesites/praetoria/championship/showview/style_showview.css

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

](javascript:svaufauf(‚plchamp1‘,‚champ1‘))

#5

auf einen anderen Link klickt das aktuelle Div geschlossen
wird und das jeweilige dann aufgerufen wird. Wie geht das?

Wenn es nur um ein Div geht, kann man das ja zwischenspeichern,
und das alte schliessen, dann kann aber logischerweise , immer nur eins
geöffnet sein.

Oder du schliesst in einer SChleife vorher erstmal alle Div’s .

Würd aber paar verschiedene Script functionen dafür nehmen, weil manchmal ist es schönner wenn man viel öffnen kann ohne das alles andere verschwindert , z.b Vergleiche …

#6

Danke für Eure Hilfe!

Jetzt hab ich was ich wollte :smiley:
Danke!!

hops :smile: