Menü Klappbar...

KingGO · 22.06.2007, 19:35

http://mylittlehomepage.net/ajax-tutorial-datenabfrage

sowas??? siehe beispiele ?

im übrigen wäre das meine lösung Wink

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, 23:04

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, 01:18

Puhh Gute Frage Big Grin

:bier:

also erstma soll das für boardseven.de sein oder was denke ist fürn Kd. schick mirn Source ich baus ein Wink

**cHAp** · 23.06.2007, 02:12

ne ne is schon für mein portal... ;-)

den code kannst dir ausn quelltext nehmen ;-)

KingGO · 23.06.2007, 02:22

mach ich dan heute zuhause, hab n8schicht da hab ich da eigt. keine zeit.

KingGO · 23.06.2007, 16:14

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">&nbsp;<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, 21:35

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... ;( Confused

chlaf:

**cHAp** · 23.06.2007, 22:05

Portal BoardSeven und Aktuelle Nachrichten eingebaut aber funktioniert nicht.

http://www.boardseven.net/header-too.php

KingGO · 24.06.2007, 00:35

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

chlaf:

**cHAp** · 24.06.2007, 01:53

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 ?

Login




Merken Passwort vergessen?