• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Div einblenden

Status
Für weitere Antworten geschlossen.

THE_fan

Neues Mitglied
Hiho,

möchte mit einem onclick-Event ein Div-Container einblenden lassen:

(steht in einer PHP-Datei drin mit vielen Echos. Habe diese mal weggemacht.
Code:
...
function showdiv() {
	if(document.getElementById('bbcode').style.visibility=='hidden'){
		document.getElementById('bbcode').style.visibility=='visible';
	}
	if(document.getElementById('bbcode').style.visibility=='visible'){
		document.getElementById('bbcode').style.visibility=='hidden';
	}
}

...

<a href='#' onclick='showdiv()'>Klick mich</a>

...

<div id='bbcode' style='width:250px;height:100px;visibility:hidden;'>
	Ganz viel Text..
	Noch mehr
</div>

Sollte doch eigentlich funktionieren, oder etwa nicht?
Weder im IE noch im FF wird es dargestellt.
Fehler bekomm ich keine.

Danke im Voraus!

LG
fan
 
Werbung:
Mach's doch mit einer Klasse:
Code:
function showdiv () {
    var div = document.getElementById("bbcode");
    div.className = div.className == "hidden" ? "" : "hidden";
}
und
Code:
.hidden { visibility: hidden; }
(willst du nicht eher display: none?)

Setze die Klasse, im Load-Event für das DIV, damit es ohne JS sichtbar ist.
 
Danke erstmal :)

Könntest du das evtl noch ein bisschen erläutern?
Was das ? macht, wieso dort 2x hidden steht..

Versuche mich gerade da etwas reinzuarbeiten, wobei ich für den Anfang erstmal nur diese Funktion brauche.

Danke!
LG
fan

//edit:
Irgendwie funzt das auch nich wirklich :/
Das Komische bei der Sache ist, dass bevor ich die Datei in der das geschrieben ist aus Versehen gelöscht habe, es funktioniert hat! Und ich bin mir sicher, dass ich es nicht anders als oben angegeben geschrieben hatte! Komische Sache..
 
Zuletzt bearbeitet:
Werbung:
Erläuterung siehe: Conditional Operator - MDC

WENN DAS WAHR IST ? DANN GIB DAZU ZURÜCK : SONST DAS HIER.

Konkret an dem Beispiel oben:
Setzte className, wenn className gleich hidden ist auf einen Leerstring, sonst auf hidden.

*edit*
Hast du die CSS-Klasse definiert? Werden irgendwelche Fehler geworfen? Kannst du einen Link zu der Seite posten?
 
Danke!

Ja, habe das genauso übernommen wie du es gepostet hast.
Sowohl Link als auch Div wurden nicht angerührt.

Fehler kommen keine. Normalerweise zeigt der IE unten Links ein Warnsysmbol - das bleibt allerdings aus.
Habe das im Intrante drin, tut mir leid, kann es nirgendwo hochladen..

LG
fan

//edit:
Es funktioniert, hatte vergessen die Klasse in das Div einzufügen *baum*
Danke vielmals!
 
Zuletzt bearbeitet:
Status
Für weitere Antworten geschlossen.
Zurück
Oben