Pilleslife
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
mkkcs
dann schau Dir mal den Spoiler-Hack an, das sollte die Funktion sein die Du suchst !
ansonsten einfach mal mit "Spoiler" bei google schauen !
Hawkes
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.
Pilleslife
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.
Pilleslife
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