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.
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.
<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.