Dropdownmenü

Beitrag von **NS-6** » 14.07.2003 08:56

Hallo ich binn auf der suche nach nem Dropdownmenü das sich horizontal öffnen lässt, in php/html/js ! Bitte kein Flash (kenne mich damit nicht aus)

Wer nen link weiß wo es das gibt, sollt das hier bitte mal posten. Gut wäre auch ne Demo (muss aber nicht) !

Je mehr links desto besser....

:: Ich glaube sowas gab es hier schon mal, weiß aber nicht mehr wo ::

Salarion · Beitrag von **Salarion** » 14.07.2003 09:56

Ich weiss nen Link wo es genau sowas gibt.

MfG,

Salarion.

Beitrag von **NS-6** » 14.07.2003 11:04

Dann solltest du diesen etweiligen Link doch bitte hier einmal posten !

King Crusty · Beitrag von **King Crusty** » 14.07.2003 11:48

http://www.xtreeme.com/de/sitexpert/dhtmlmenubuilder/

Beitrag von **NS-6** » 14.07.2003 19:07

Hm...naja nichr ganz das was ich gesucht habe aber auch jut. Noch weiter Vorschläge ? Also das Proggy ist zwar fein, aber so einfach sollte es dann doch nicht sein !

Gast · Beitrag von **Gast** » 15.07.2003 16:15

Den Link meinte ich.

Wenn das zu primitiv ist: wenn du deinen Bildschirm um 90 Grad drehst werden aus den Dropdown-Boxen automatisch Dropleft-Boxen (Wenn du ihn nach rechts drehst, sonst dropright).

Diese Möglichkeit ist technisch am einfachsten, da sie mit fast jedem Browser funktioniert. Du brauchst jetzt nur noch ein Tool, was das restliche Forum (alles außer der Box) in die entgegengesetzte Richtung rotiert.

Sag bescheid, wenn du was gefunden hast,

Salarion.

JumpinJack · Beitrag von **JumpinJack** » 15.07.2003 16:46

Guck mal auf meiner Page. Da iss sowas:

http://gis-portal.com

Das Menü sieht für angemeldete User und nicht angemeldete Unterschiedlich aus. Weiter werden die persönlichen Link (favorite hack) aus der db dort geladen und eingefügt.
In Planung ist noch die Downloadsection.

btw: Es besteht dort auch die Möglichkit Untermenüs anzulegen. Also wenn du genauer gucken magst...meld dich einfach probeweise an!

Beitrag von **NS-6** » 15.07.2003 17:27

King Crusty hat geschrieben:http://www.xtreeme.com/de/sitexpert/dhtmlmenubuilder/

Hm, das proggy ist doch garnicht mal so übel. Nur schitte das dass dingen ne Begrenzung für max.15 Datein drinne hat. Schitt Demo !

Haste keinen C**** barat ??

Beitrag von **NS-6** » 17.07.2003 08:37

Hab da noch ne Frage, und zwar ob jemand nen DHTML-Menü parat hat ? Also ne Scriptvorlage ? Weil das Proggy hat leider ne Begrenzung von max.15 Datein drinne, und da komme ich nicht grade weit mit !

Tuxman · Beitrag von **Tuxman** » 17.07.2003 11:45

Code: Alles auswählen

<html>
<head>
<title>DHTML-Menü</title>
<style type="text/css">
.ebene1 {position:absolute; top:40px; left:10px; visibility:hidden;}
.ebene2 {position:absolute; top:40px; left:100px; visibility:hidden;}
.ebene3 {position:absolute; top:40px; left:200px; visibility:hidden;}
</style>
<script type="text/javascript">
var ie= ((document.all)&&(!document.layers)) ? true : false;
var ns= ((document.layers)&&(!document.getElementById)) ? true : false;
var moz= ((document.getElementById)&&(!document.all)) ? true : false;

function show(div){
if(ie) {document.all[div].style.visibility="visible";}
if(ns) {document.layers[div].visibility="show";}
if(moz) {document.getElementById(div).style.visibility="visible";}
}

function hide(div){
if(ie) (document.all[div].style.visibility="hidden")
if(ns) (document.layers[div].visibility="hide")
if(moz) (document.getElementById(div).style.visibility="hidden")
}

var hideMenue = null;

function setTopOn() {
hideMenue=setTimeout('hideAll()',500)
}

function setTopOff() {
clearTimeout(hideMenue);
hideAll();
}

function setOn() {
hideMenue=setTimeout('hideAll()',500)
}

function setOff() {
clearTimeout(hideMenue);
}

function hideAll(){
hide('m1');
hide('m2');
hide('m3');
}

</script>
</head>
<body>
<table>
<tr>
<td><a href="#" onmouseover="setTopOff(); show('m1');" onmouseout="setTopOn();">Menuepunkt 1</a></td>
<td><a href="#" onmouseover="setTopOff(); show('m2');" onmouseout="setTopOn();">Menuepunkt 2</a></td>
<td><a href="#" onmouseover="setTopOff(); show('m3');" onmouseout="setTopOn();">Menuepunkt 3</a></td>
</tr>
</table>
<div id="m1" class="ebene1">
<table>
<tr>
<td width="100"><a href="#" onmouseover="setOff();" onmouseout="setOn();">Link 1</a></td>
</tr>
<tr>
<td width="100"><a href="#" onmouseover="setOff();" onmouseout="setOn();">Link 2</a></td>
</tr>
<tr>
<td width="100"><a href="#" onmouseover="setOff();" onmouseout="setOn();">Link 3</a></td>
</tr>
</table>
</div>
<div id="m2" class="ebene2">
<table>
<tr>
<td width="100"><a href="#" onmouseover="setOff();" onmouseout="setOn();">Link 1</a></td>
</tr>
<tr>
<td width="100"><a href="#" onmouseover="setOff();" onmouseout="setOn();">Link 2</a></td>
</tr>
<tr>
<td width="100"><a href="#" onmouseover="setOff();" onmouseout="setOn();">Link 3</a></td>
</tr>
</table>
</div>
<div id="m3" class="ebene3">
<table>
<tr>
<td width="100"><a href="#" onmouseover="setOff();" onmouseout="setOn();">Link 1</a></td>
</tr>
<tr>
<td width="100"><a href="#" onmouseover="setOff();" onmouseout="setOn();">Link 2</a></td>
</tr>
<tr>
<td width="100"><a href="#" onmouseover="setOff();" onmouseout="setOn();">Link 3</a></td>
</tr>
</table>
</div>
</body>
</html>