| 

.NET C# Java Javascript Exception

1
Hi Codianer,
bin neu hier und brauche dringend schnelle Hilfe.
Ich möchte auf einer Seite verschiedene Div bei klick auf die einzelnen Unterpunkte anzeigen. Da die Informationen im div nur aus einem Bild und wenig text besteht möchte ich die Seite nicht ständig neu laden.
z.Bsp.
Unser Team
Kollege1
Kollege2
Kollege3
(bei Team steht ein einleitendes Div, alle Kollegen sollen dann nur mit Bild und kurzem Text erscheinen und beim klick auf nächsten soll das div wieder geschlossen werden)
momentan verwende ich folgendens Script
<script language="JavaScript" type="text/javascript">
<!--
function toggleDiv(element){
if(document.getElementById(element).style.display == 'none')
document.getElementById(element).style.display = 'block';
else
document.getElementById(element).style.display = 'none';
}
//-->
</script>
html
"
<li>
<a href="javascript:toggleDiv('start');" title="Das sind wir"style="display:block; ">DAS SIND WIR</a>
<ul> <li> <a href="javascript:toggleDiv('kollege1');" title="Kollege1" style="display:block;"> Kollege1</a> </ul>
<ul> <li> <a href="javascript:toggleDiv('kollege2');" title="Kollege2" style="display:block;"> Kollege2</a> </ul>
<ul> <li> <a href="javascript:toggleDiv('kollege3');" title="Kollege3" style="display:block;"> Kollege3</a> </ul>
</li>
<li>
"
wie kann ich bei klick das jeweils andere div schliessen...
da ich schon lange nichts mehr in diesem Bereich gemacht habe, findet sich ja mittlerweile vielleicht auch eine andere Lösung um mein Problem zu lösen.
08.09.2011
tinchen 11 2
2 Antworten
1
könnte theoretisch gehen, indem du vor dem einblenden eines neuen divs erst alle anderen divs ausblendest.

var d = document.getElementsByTagName('div');
var id = '';
for(var i=0; i<d.length; i++) {
id = d[i].id;
if(id.match(/kollege[0-9]/)) {
d[i].style.display = 'none';
}
}
08.09.2011
lunatigs 1,3k 2 8
1
Ich kann Dir nur empfehlen einen Blick auf JavaScript Frameworks zu werfen. Insbesondere jQuery! Das wird zusammen mit jQuery UI zu einem sehr mächtigen Tool: Accordion Demo.
09.09.2011
Xantiva 2,3k 2 9

Stelle deine Div-Frage jetzt!