+- net-board.net Archiv (https://net-board.net)
+-- Forum: Deine eigene Homepage (https://net-board.net/forumdisplay.php?fid=26)
+--- Forum: Scriptsprachen (+Datenbanksysteme) (https://net-board.net/forumdisplay.php?fid=19)
+--- Thema: Menü Klappbar... (/showthread.php?tid=5589)
- KingGO - 22.06.2007
http://mylittlehomepage.net/ajax-tutorial-datenabfrage
sowas??? siehe beispiele ?
im übrigen wäre das meine lösung
wie du sie gern hättest.
macht ja das java alles. setzt die andern tests auf hidden und das angeklickte auf vissible
du musst aber noch bei der <div id="test1"></div> ... ein style mit hidden festlegen. da die sonst beim ersten aufruf alle angezeigt werden.
- cHAp - 22.06.2007
Ok, also nun bin ich ganz verwirrt...
Wie müsste das beispiel dann aussehen in meinen menü kinggo ? Schau dir einfach mal den quelltext an ;-)
- KingGO - 23.06.2007
Puhh Gute Frage
:bier:
also erstma soll das für boardseven.de sein oder was denke ist fürn Kd. schick mirn Source ich baus ein
- cHAp - 23.06.2007
ne ne is schon für mein portal... ;-)
den code kannst dir ausn quelltext nehmen ;-)
- KingGO - 23.06.2007
mach ich dan heute zuhause, hab n8schicht da hab ich da eigt. keine zeit.
- KingGO - 23.06.2007
Code:
..........
<script type=text/javascript>
function punkt1() {
if(document.getElementByID('test1').style.visibility=='hidden') {
document.getElementByID('test1').style.visibility='visible';
document.getElementByID('test2').style.visibility='hidden';
document.getElementByID('test3').style.visibility='hidden';
}
}
function punkt2() {
if(document.getElementByID('test2').style.visibility=='hidden') {
document.getElementByID('test1').style.visibility='hidden';
document.getElementByID('test2').style.visibility='visible';
document.getElementByID('test3').style.visibility='hidden';
}
}
function punkt3() {
if(document.getElementByID('test3').style.visibility=='hidden') {
document.getElementByID('test1').style.visibility='hidden';
document.getElementByID('test2').style.visibility='hidden';
document.getElementByID('test3').style.visibility='visible';
}
}
</script>
.........
<td onclick=punkt1() class="tdhead"> <b>Sport</b></td>
</tr>
<tr>
<td width="2"><img src="images/spacer.gif" border="0" height="1" width="2"></td>
</tr>
<!-- DIV -->
<div id="test1" style="visibility: hidden;">
<tr>
<td class="topnavi"><a href="index.php?show=portal/sport/index" class="linkwxb">» Sport Allgemein</a></td>
</tr>
<tr>
<td width="2"><img src="images/spacer.gif" border="0" height="1" width="2"></td>
</tr>
<tr>
<td class="topnavi"><a href="index.php?show=portal/sport/formel1" class="linkwxb">» Formel 1</a></td>
</tr>
<tr>
<td width="2"><img src="images/spacer.gif" border="0" height="1" width="2"></td>
</tr>
<tr>
<td class="topnavi"><a href="index.php?show=portal/sport/fussball" class="linkwxb">» Fußball-Bundesliga</a></td>
</tr>
<tr>
<td width="2"><img src="images/spacer.gif" border="0" height="1" width="2"></td>
</tr>
<tr>
<td class="topnavi"><a href="index.php?show=portal/sport/skispringen" class="linkwxb">» Skispringen</a></td>
</tr>
</div>
<!-- DIV -->so und dan immer so weiter z.b.
- cHAp - 23.06.2007
Zitat:Original von KingGO
mach ich dan heute zuhause, hab n8schicht da hab ich da eigt. keine zeit.
Ne sollst du ja auch nicht und danke für das Script ... :knuddel: :daumen:
Werde es heute nacht, sofern mein Kreislauf wieder flott ist einbaun... Hab eben die ganze zeit geschlafen... ;(
chlaf:
- cHAp - 23.06.2007
Portal BoardSeven und Aktuelle Nachrichten eingebaut aber funktioniert nicht.
http://www.boardseven.net/header-too.php
- KingGO - 24.06.2007
Code:
<script language="javascript">
currentShownDiv = "";
function klapp(id)
{
currentShownObj = document.getElementById(currentShownDiv);
if (currentShownObj != null)
currentShownObj.style.display='none';
if (id == currentShownDiv)
{
currentShownDiv = "";
return;
}
currentShownDiv = id;
objToShow = document.getElementById(id);
if (objToShow.style.display == 'none')
{
objToShow.style.display='block';
}
else
{
objToShow.style.display='none';
}
}
</script>
</head>
<body>
<a href="javascript:void(0);" onclick="klapp('1');" onfocus="blur();">MENÜ 1</a><br /><br />
<div id="1" style="display:none;">
- UNTERPUNKT<br />
- UNTERPUNKT<br />
- UNTERPUNKT<br />
- UNTERPUNKT<br />
</div>
<a href="javascript:void(0);" onclick="klapp('2');" onfocus="blur();">MENÜ 2</a><br /><br />
<div id="2" style="display:none;">
- UNTERPUNKT<br />
- UNTERPUNKT<br />
- UNTERPUNKT<br />
- UNTERPUNKT<br />
</div>
<a href="javascript:void(0);" onclick="klapp('3');" onfocus="blur();">MENÜ 3</a><br /><br />
<div id="3" style="display:none;">
- UNTERPUNKT<br />
- UNTERPUNKT<br />
- UNTERPUNKT<br />
- UNTERPUNKT<br />
</div>
</body>Der geht hab ich auf Arbeit gemacht. bitte.
chlaf:
- cHAp - 24.06.2007
Das ist perfekt. Funktioniert. Gibts ne möglichkeit noch das wenn man beispielsweise Community offen hat und wenn man dann dort im menü geklickt hat die Katekorie auch offen bleibt. Geht das irgendwie ?