YourWBB


yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Div-Boxen "minimieren" » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 3.288 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

Zum Ende der Seite springen Div-Boxen "minimieren"
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Pilleslife
Mitglied


images/avatars/avatar-5378.jpg

Dabei seit: 22.04.06
Beiträge: 446
Forenversion: 2.3; 2.1

 Div-Boxen "minimieren" Antworten Zitieren Editieren Melden       UP

Hallo,

ich möchte eine Div-Box über einen Button verstecken, bzw. anzeigen lassen. Das ganze soll so wie im wbb3 funktionieren. Dort kann man ja "Foren" verstecken und wieder anzeigen lassen.

Danke für eure Hilfe.
Gruß
Pilleslife
09.06.09 20:52 Pilleslife ist offline E-Mail WWW Finden Als Freund hinzufügen Füge Pilleslife in deine Kontaktliste ein MSN Passport-Profil von Pilleslife anzeigen
mkkcs mkkcs ist männlich
Mitglied


images/avatars/avatar-5746.gif

Dabei seit: 06.10.04
Beiträge: 2.051
Fähigkeiten: WBB2 Profi; WBB2 Fortgeschritten; WBB Lite 1 Profi
Herkunft: aus Mamas Bauch
Forenversion: 2.3; 2.2

Antworten Zitieren Editieren Melden       UP

dann schau Dir mal den Spoiler-Hack an, das sollte die Funktion sein die Du suchst !
ansonsten einfach mal mit "Spoiler" bei google schauen !

__________________
LG Martin
-
grafix-board
http://www.wbbcoderforum.de
hat seine Tore wieder geöffnet!
Style-Einbau-Anleitung
WCF-News: mywbb goes to WCF
09.06.09 21:14 mkkcs ist offline E-Mail WWW Finden Als Freund hinzufügen
Marvin0704 Marvin0704 ist männlich
PHP-Friend ;-)


Dabei seit: 24.03.07
Beiträge: 113
Herkunft: Deutschland

Antworten Zitieren Editieren Melden       UP

http://www.google.de/search?hl=de&client...tnG=Suche&meta=

lg Marvin

//e: sry^^

__________________
PHP-Friends - Internet, Soft- & Hardware, Erfahrungsberichte, PHP. Unsere Artikel zum digitalen Leben.

Dieser Beitrag wurde 3 mal editiert, zum letzten Mal von Marvin0704: 10.06.09 19:10.

09.06.09 22:00 Marvin0704 ist offline E-Mail WWW Finden Als Freund hinzufügen Füge Marvin0704 in deine Kontaktliste ein
Hawkes
gesperrt 10/01/10


Dabei seit: 31.03.04
Beiträge: 213

Antworten Zitieren Editieren Melden       UP

Soll es so WIE im WBB 3 funktionien, oder setzt du es auch wiederum in einer WCF/WBB Umgebung ein? Wenn ja, dann kannst du mit dem WCF/WBB sowas mit ein paar Zeilen Templatecode ganz schnell selber bauen.
10.06.09 19:03 Hawkes ist offline Finden Als Freund hinzufügen
Pilleslife
Mitglied


images/avatars/avatar-5378.jpg

Dabei seit: 22.04.06
Beiträge: 446
Forenversion: 2.3; 2.1

Themenstarter Thema begonnen von Pilleslife
Antworten Zitieren Editieren Melden       UP

Es soll wie im wbb3 funktionieren. Ich habe dies nur als Beispiel genannt. Es soll in einem eigenständigen Script, sprich ohne WBB/WCF Umgebung.

Danke für den Tipp mit "Spoiler" werde mal schauen, was ich da finden kann.
10.06.09 20:45 Pilleslife ist offline E-Mail WWW Finden Als Freund hinzufügen Füge Pilleslife in deine Kontaktliste ein MSN Passport-Profil von Pilleslife anzeigen
Pilleslife
Mitglied


images/avatars/avatar-5378.jpg

Dabei seit: 22.04.06
Beiträge: 446
Forenversion: 2.3; 2.1

Themenstarter Thema begonnen von Pilleslife
Antworten Zitieren Editieren Melden       UP

Ich habe jetzt folgenden Code verwendet:

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
<script type="text/javascript">
function getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}
window.onload = function() {
var spoilers = getElementsByClass('spoiler');
for(x in spoilers) {
spoilers[x].getElementsByTagName('span')[0].style.display = 'none';
}
};

function spoiler(obj) {
var st = obj.getElementsByTagName('span')[0].style;
st.display = (st.display == 'none' || st.display == '') ? 'block' : 'none';
}
</script>

<p class="spoiler">
<b>Spoiler</b> <input type="button" value="Anzeigen" onclick="spoiler(this.parentNode);" />
<span>das ist geheim.</span>
</p>


Problem ist jetzt, dass ich den Button nicht wie im Beispielcode direkt in dem <p> Element, sondern in einem <div> innerhalb des <p> Elements verwenden möchte.

Kann mir jemand den JS-Code dafür umbauen?

Danke.
Gruß
Pilleslife
19.07.09 19:27 Pilleslife ist offline E-Mail WWW Finden Als Freund hinzufügen Füge Pilleslife in deine Kontaktliste ein MSN Passport-Profil von Pilleslife anzeigen
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Div-Boxen "minimieren"