Suche im Forum:
Suchen


Autor Nachricht
Beitrag09.03.2007 um 14:45 (UTC)    
Titel: coolmenu geht nicht

Code:
code gelöscht!!!


hi

diese beiden codes sind für ein coolmenu,das ich von einer javascript seite habe.wieso gehen die codes nicht?sie stammen aus js dateien,die ich aber aus irgendeinem grund nur mit dem editor öffnen konnte.liegt es daran? http://www.javarea.de/index.php3?opencat=Javascript&subcat=Navigation&id=132
hier kann man die dateien downloaden.vielleicht kann sie jmd. von euch öffnen und die codes hier posten oder einfach erklären,wieso das hier nicht funzt.


Zuletzt bearbeitet von stuntvideos am 10.03.2007, 16:51, insgesamt einmal bearbeitet
Beitrag09.03.2007 um 14:46 (UTC)    
Titel:

JS-Dateien kannst Du hier nicht verwenden.
Du kannst nur Javascript-Code einbauen.
Beitrag09.03.2007 um 14:55 (UTC)    
Titel:

das ist doch ein javascript code oder?

schade,kannst du mir eine seite empfehlen,auf der es coolmenus mit javascript gibt?oder kennt sonst jmd. eine?
Beitrag09.03.2007 um 15:22 (UTC)    
Titel:

Zitat:
...sie stammen aus js dateien,die ich aber aus irgendeinem grund nur mit dem editor öffnen konnte.liegt es daran?...
Beitrag10.03.2007 um 15:54 (UTC)    
Titel:

ok habs verstanden. Very Happy

also hab jetzt mal rumgesucht und einen navi editor gefunden.rein zufällig und er ist sehr empfehlenswert ( http://www.php-development.ru/services/menu-builder.php)
da habe ich jetzt einen code erstellt.jetzt fehlt nur noch die positionierung.ich habe im code schon gesucht,aber nichts gefunden.wo kann man die positionierung einfügen?
dann weiß ich auch noch nicht,wie man links einbringt Laughing
Code:
<!DOCTYPE html PUBLIC
          "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<body>

<!--

===== DHTML MENU START =========================================================

Copyright (C) 2005 Ilya S. Lyubinskiy. All rights reserved.
Technical support: http://www.php-development.ru/

YOU MAY NOT
(1) Remove or modify this copyright notice.
(2) Distribute this code, any part or any modified version of it.
    Instead, you can link to the homepage of this code:
    http://www.php-development.ru/javascripts/menu.php.

YOU MAY
(1) Use this code on your website.
(2) Use this code as a part of another product provided that
    its main use is not creating javascript menus.

NO WARRANTY
This code is provided "as is" without warranty of any kind, either
expressed or implied, including, but not limited to, the implied warranties
of merchantability and fitness for a particular purpose. You expressly
acknowledge and agree that use of this code is at your own risk.

-->


<script type="text/javascript">

var at_timeout = 50;


function at_show_aux(parent, child)
{
  var p = document.getElementById(parent);
  var c = document.getElementById(child);

  p.className = "active";

  var top  = (c["at_position"] == "y") ? p.offsetHeight+2 : 0;
  var left = (c["at_position"] == "x") ? p.offsetWidth +2 : 0;

  for (; p; p = p.offsetParent)
  {
    if (p.style.position != 'absolute')
    {
      left += p.offsetLeft;
      top  += p.offsetTop;
    }
  }

  c.style.position   = "absolute";
  c.style.top        = top +'px';
  c.style.left       = left+'px';
  c.style.visibility = "visible";
}


function at_hide_aux(parent, child)
{
  document.getElementById(parent).className        = "parent";
  document.getElementById(child ).style.visibility = "hidden";
}


function at_show()
{
  var p = document.getElementById(this["at_parent"]);
  var c = document.getElementById(this["at_child" ]);

  at_show_aux(p.id, c.id);

  clearTimeout(c["at_timeout"]);
}


function at_hide()
{
  var c = document.getElementById(this["at_child"]);

  c["at_timeout"] = setTimeout("at_hide_aux('"+this["at_parent"]+"', '"+this["at_child" ]+"')", at_timeout);
}


function at_attach(parent, child, position)
{
  p = document.getElementById(parent);
  c = document.getElementById(child );

  p["at_child"]    = c.id;
  c["at_child"]    = c.id;
  p["at_parent"]   = p.id;
  c["at_parent"]   = p.id;
  c["at_position"] = position;

  p.onmouseover = at_show;
  p.onmouseout  = at_hide;
  c.onmouseover = at_show;
  c.onmouseout  = at_hide;
}


function dhtmlmenu_build_aux(parent, child, position)
{
  document.getElementById(parent).className = "parent";

  document.write('<div class="vert_menu" id="'+parent+'_child">');

  var n = 0;
  for (var i in child)
  {
    if (i == '-')
    {
      document.getElementById(parent).href = child[i];
      continue;
    }

    if (typeof child[i] == "object")
    {
      document.write('<a class="parent" id="'+parent+'_'+n+'">'+i+'</a>');
      dhtmlmenu_build_aux(parent+'_'+n, child[i], "x");
    }
    else document.write('<a id="'+parent+'_'+n+'" href="'+child[i]+'">'+i+'</a>');
    n++;
  }

  document.write('</div>');

  at_attach(parent, parent+"_child", position);
}


function dhtmlmenu_build(menu)
{
  for (var i in menu) dhtmlmenu_build_aux(i, menu[i], "y");
}

</script>


<style type="text/css">

div.dhtml_menu div.vert_menu
{
  position: absolute;
  visibility: hidden;
}

div.dhtml_menu div.horz_menu a { display: block; float: left; }
div.dhtml_menu div.vert_menu a { display: block; float: none; }

div.dhtml_menu div.vert_menu
{
  border-bottom: 1px solid #000000;
}

div.dhtml_menu div.horz_menu a,
div.dhtml_menu div.vert_menu a
{
  width:       140px;
  height:      25px;
  line-height: 24px;
  vertical-align: middle;

  border: 1px solid #000000;

  text-decoration: none;
  font-family: verdana;
  font-weight: 900;
  font-size: 15px;
  color: #ffa500;

  background: url('')
              0px
              0px;
  background-color: #153e52;
}

div.dhtml_menu div.horz_menu a
{
  margin-right:  -1px;
}

div.dhtml_menu div.vert_menu a
{
  margin-bottom: -1px;
}

div.dhtml_menu div.horz_menu a:hover,
div.dhtml_menu div.vert_menu a:hover
{
  color: #ff0000;

  background: url('')
              0px
              0px;
  background-color: #27408b;
}

div.dhtml_menu div.horz_menu a.parent,
div.dhtml_menu div.vert_menu a.parent
{
  color: #ffa500;

  background: url('')
              0px
              0px;
  background-color: #153e52;
}

div.dhtml_menu div.horz_menu a.active,
div.dhtml_menu div.vert_menu a.active,
div.dhtml_menu div.horz_menu a.active:hover,
div.dhtml_menu div.vert_menu a.active:hover
{
  color: #ff0000;

  background: url('')
              0px
              0px;
  background-color: #27408b;
}

</style>


<div class="dhtml_menu">

<div class="horz_menu">
<a id="dhtml_menu_1" href="Array">&nbsp;&nbsp;&nbsp;&nbsp;dfkdlf</a>
<a id="dhtml_menu_2" href="Array">&nbsp;&nbsp;&nbsp;&nbsp;Main 2 </a>
<a id="dhtml_menu_3" href="Array">&nbsp;&nbsp;&nbsp;&nbsp;Main 3</a>
<a id="dhtml_menu_4" href="Array">&nbsp;&nbsp;&nbsp;&nbsp;Main4</a>
<br clear="both" />
</div>

<script type="text/javascript">

dhtmlmenu_build({"dhtml_menu_1" : {"-" : "javascript:alert(\'Main 1\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 1-1" : "javascript:alert(\'Level 1-1\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 1-2 &gt;&gt;" : {"-" : "javascript:alert(\'Level 1-2\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 2-1" : "javascript:alert(\'Level 2-1\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 2-2" : "javascript:alert(\'Level 2-2\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 2-3" : "javascript:alert(\'Level 2-3\');"}, "&nbsp;&nbsp;&nbsp;&nbsp;Level 1-3" : "javascript:alert(\'Level 1-3\');"}, "dhtml_menu_2" : {"-" : "javascript:alert(\'Main 2\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 1-1" : "javascript:alert(\'Level 1-1\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 1-2 &gt;&gt;" : {"-" : "javascript:alert(\'Level 1-2\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 2-1" : "javascript:alert(\'Level 2-1\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 2-2" : "javascript:alert(\'Level 2-2\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 2-3" : "javascript:alert(\'Level 2-3\');"}, "&nbsp;&nbsp;&nbsp;&nbsp;Level 1-3" : "javascript:alert(\'Level 1-3\');"}, "dhtml_menu_3" : {"-" : "javascript:alert(\'Main 3\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 1-1" : "javascript:alert(\'Level 1-1\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 1-2 &gt;&gt;" : {"-" : "javascript:alert(\'Level 1-2\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 2-1" : "javascript:alert(\'Level 2-1\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 2-2" : "javascript:alert(\'Level 2-2\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 2-3" : "javascript:alert(\'Level 2-3\');"}, "&nbsp;&nbsp;&nbsp;&nbsp;Level 1-3" : "javascript:alert(\'Level 1-3\');"}, "dhtml_menu_4" : {"&nbsp;&nbsp;&nbsp;&nbsp;Level 1-1" : "javascript:", "&nbsp;&nbsp;&nbsp;&nbsp;Level 1-2 &gt;&gt;" : {"-" : "javascript:", "&nbsp;&nbsp;&nbsp;&nbsp;Level 2-1" : "javascript:", "&nbsp;&nbsp;&nbsp;&nbsp;Level 2-2" : "javascript:", "&nbsp;&nbsp;&nbsp;&nbsp;Level 2-3" : "javascript:"}, "&nbsp;&nbsp;&nbsp;&nbsp;Level 1-3" : "javascript:"}});

</script>

</div>

<!--

===== DHTML MENU END ===========================================================

-->

</body>
</html>
Beitrag10.03.2007 um 16:57 (UTC)    
Titel:

Hier kannst Du das einfügen (Das Rote):
Kannst Du natürlich die Werte anpassen Wink

Zitat:
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<body>

<!--

===== DHTML MENU START =========================================================

Copyright (C) 2005 Ilya S. Lyubinskiy. All rights reserved.
Technical support: http://www.php-development.ru/

YOU MAY NOT
(1) Remove or modify this copyright notice.
(2) Distribute this code, any part or any modified version of it.
Instead, you can link to the homepage of this code:
http://www.php-development.ru/javascripts/menu.php.

YOU MAY
(1) Use this code on your website.
(2) Use this code as a part of another product provided that
its main use is not creating javascript menus.

NO WARRANTY
This code is provided "as is" without warranty of any kind, either
expressed or implied, including, but not limited to, the implied warranties
of merchantability and fitness for a particular purpose. You expressly
acknowledge and agree that use of this code is at your own risk.

-->


<script type="text/javascript">

var at_timeout = 50;


function at_show_aux(parent, child)
{
var p = document.getElementById(parent);
var c = document.getElementById(child);

p.className = "active";

var top = (c["at_position"] == "y") ? p.offsetHeight+2 : 0;
var left = (c["at_position"] == "x") ? p.offsetWidth +2 : 0;

for (; p; p = p.offsetParent)
{
if (p.style.position != 'absolute')
{
left += p.offsetLeft;
top += p.offsetTop;
}
}

c.style.position = "absolute";
c.style.top = top +'px';
c.style.left = left+'px';
c.style.visibility = "visible";
}


function at_hide_aux(parent, child)
{
document.getElementById(parent).className = "parent";
document.getElementById(child ).style.visibility = "hidden";
}


function at_show()
{
var p = document.getElementById(this["at_parent"]);
var c = document.getElementById(this["at_child" ]);

at_show_aux(p.id, c.id);

clearTimeout(c["at_timeout"]);
}


function at_hide()
{
var c = document.getElementById(this["at_child"]);

c["at_timeout"] = setTimeout("at_hide_aux('"+this["at_parent"]+"', '"+this["at_child" ]+"')", at_timeout);
}


function at_attach(parent, child, position)
{
p = document.getElementById(parent);
c = document.getElementById(child );

p["at_child"] = c.id;
c["at_child"] = c.id;
p["at_parent"] = p.id;
c["at_parent"] = p.id;
c["at_position"] = position;

p.onmouseover = at_show;
p.onmouseout = at_hide;
c.onmouseover = at_show;
c.onmouseout = at_hide;
}


function dhtmlmenu_build_aux(parent, child, position)
{
document.getElementById(parent).className = "parent";

document.write('<div class="vert_menu" id="'+parent+'_child">');

var n = 0;
for (var i in child)
{
if (i == '-')
{
document.getElementById(parent).href = child[i];
continue;
}

if (typeof child[i] == "object")
{
document.write('<a class="parent" id="'+parent+'_'+n+'">'+i+'</a>');
dhtmlmenu_build_aux(parent+'_'+n, child[i], "x");
}
else document.write('<a id="'+parent+'_'+n+'" href="'+child[i]+'">'+i+'</a>');
n++;
}

document.write('</div>');

at_attach(parent, parent+"_child", position);
}


function dhtmlmenu_build(menu)
{
for (var i in menu) dhtmlmenu_build_aux(i, menu[i], "y");
}

</script>


<style type="text/css">

div.dhtml_menu div.vert_menu
{
position: absolute;
visibility: hidden;
}

div.dhtml_menu div.horz_menu a { display: block; float: left; }
div.dhtml_menu div.vert_menu a { display: block; float: none; }

div.dhtml_menu div.vert_menu
{
border-bottom: 1px solid #000000;
}

div.dhtml_menu div.horz_menu a,
div.dhtml_menu div.vert_menu a
{
width: 140px;
height: 25px;
line-height: 24px;
vertical-align: middle;

border: 1px solid #000000;

text-decoration: none;
font-family: verdana;
font-weight: 900;
font-size: 15px;
color: #ffa500;

background: url('')
0px
0px;
background-color: #153e52;
}

div.dhtml_menu div.horz_menu a
{
margin-right: -1px;
}

div.dhtml_menu div.vert_menu a
{
margin-bottom: -1px;
}

div.dhtml_menu div.horz_menu a:hover,
div.dhtml_menu div.vert_menu a:hover
{
color: #ff0000;

background: url('')
0px
0px;
background-color: #27408b;
}

div.dhtml_menu div.horz_menu a.parent,
div.dhtml_menu div.vert_menu a.parent
{
color: #ffa500;

background: url('')
0px
0px;
background-color: #153e52;
}

div.dhtml_menu div.horz_menu a.active,
div.dhtml_menu div.vert_menu a.active,
div.dhtml_menu div.horz_menu a.active:hover,
div.dhtml_menu div.vert_menu a.active:hover
{
color: #ff0000;

background: url('')
0px
0px;
background-color: #27408b;
}
div.horz_menu{position: absolute;left: 200px; top: 200px;}

</style>


<div class="dhtml_menu">

<div class="horz_menu">
<a id="dhtml_menu_1" href="Array">&nbsp;&nbsp;&nbsp;&nbsp;dfkdlf</a>
<a id="dhtml_menu_2" href="Array">&nbsp;&nbsp;&nbsp;&nbsp;Main 2 </a>
<a id="dhtml_menu_3" href="Array">&nbsp;&nbsp;&nbsp;&nbsp;Main 3</a>
<a id="dhtml_menu_4" href="Array">&nbsp;&nbsp;&nbsp;&nbsp;Main4</a>
<br clear="both" />
</div>

<script type="text/javascript">

dhtmlmenu_build({"dhtml_menu_1" : {"-" : "javascript:alert(\'Main 1\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 1-1" : "javascript:alert(\'Level 1-1\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 1-2 &gt;&gt;" : {"-" : "javascript:alert(\'Level 1-2\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 2-1" : "javascript:alert(\'Level 2-1\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 2-2" : "javascript:alert(\'Level 2-2\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 2-3" : "javascript:alert(\'Level 2-3\');"}, "&nbsp;&nbsp;&nbsp;&nbsp;Level 1-3" : "javascript:alert(\'Level 1-3\');"}, "dhtml_menu_2" : {"-" : "javascript:alert(\'Main 2\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 1-1" : "javascript:alert(\'Level 1-1\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 1-2 &gt;&gt;" : {"-" : "javascript:alert(\'Level 1-2\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 2-1" : "javascript:alert(\'Level 2-1\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 2-2" : "javascript:alert(\'Level 2-2\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 2-3" : "javascript:alert(\'Level 2-3\');"}, "&nbsp;&nbsp;&nbsp;&nbsp;Level 1-3" : "javascript:alert(\'Level 1-3\');"}, "dhtml_menu_3" : {"-" : "javascript:alert(\'Main 3\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 1-1" : "javascript:alert(\'Level 1-1\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 1-2 &gt;&gt;" : {"-" : "javascript:alert(\'Level 1-2\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 2-1" : "javascript:alert(\'Level 2-1\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 2-2" : "javascript:alert(\'Level 2-2\');", "&nbsp;&nbsp;&nbsp;&nbsp;Level 2-3" : "javascript:alert(\'Level 2-3\');"}, "&nbsp;&nbsp;&nbsp;&nbsp;Level 1-3" : "javascript:alert(\'Level 1-3\');"}, "dhtml_menu_4" : {"&nbsp;&nbsp;&nbsp;&nbsp;Level 1-1" : "javascript:", "&nbsp;&nbsp;&nbsp;&nbsp;Level 1-2 &gt;&gt;" : {"-" : "javascript:", "&nbsp;&nbsp;&nbsp;&nbsp;Level 2-1" : "javascript:", "&nbsp;&nbsp;&nbsp;&nbsp;Level 2-2" : "javascript:", "&nbsp;&nbsp;&nbsp;&nbsp;Level 2-3" : "javascript:"}, "&nbsp;&nbsp;&nbsp;&nbsp;Level 1-3" : "javascript:"}});

</script>

</div>

<!--

===== DHTML MENU END ===========================================================

-->

</body>
</html>
Beitrag11.03.2007 um 09:50 (UTC)    
Titel:

sehr schön,es hatt geklappt Very Happy

jetzt ist nur noch die frage mir den links offen.ich glaube das muss man da irgendwie direkt einstellen ( http://www.php-development.ru/services/menu-builder.php)
schau mal bitte bei url prefix.ist es das?

außerdem kann man kein html verwenden.da muss man irgendwie id präfix aktivieren,denn ich möchte wieder kleine bildchen einbauen.

sorry,dass ich hier fragen muss.dort hilft mir leider keiner Crying or Very sad


Zuletzt bearbeitet von stuntvideos am 11.03.2007, 10:53, insgesamt einmal bearbeitet
Beitrag11.03.2007 um 13:09 (UTC)    
Titel:

Ist etwas verwirrend, was die dort anbieten.
Ich empfehle Dir eher einen Blick auf www.javarea.de
Dort ist so ein Menü besser gemacht Wink
Beitrag12.03.2007 um 12:57 (UTC)    
Titel:

von dort habe ich meine erste navi schon aber ich wollte eine,bei der noch unterpunkte ausfahren.da gibt es zwar ein coolmenu aber das ist mit einer js datei,wie oben beschrieben.daraufhin habe ich zudiesem menu gewechselt.
Beitrag12.03.2007 um 14:14 (UTC)    
Titel:

Irgendwie ist Dein Code nur mit Alertfunktionen bestückt. Nicht mit Links.
Beitrag12.03.2007 um 15:14 (UTC)    
Titel:

ja auf der seite sieht man ja unten in der rechten box das alert teil.meines wissens nach heißt das alarm Surprised

muss man in dieser box vielleicht die links irgendwie einfügen?
Beitrag12.03.2007 um 15:16 (UTC)    
Titel:

ja auf der seite sieht man ja unten in der rechten box das alert teil.meines wissens nach heißt das alarm Surprised

muss man in dieser box vielleicht die links irgendwie einfügen?

das hier ist von alten code:
Code:
<li><a href="http://www.stuntvideos.de.tl/Lustiges.htm"><img src= http://img.webme.com/pic/s/stuntvideos/lol.gif>  Lustiges</a></li>
<li><a href="">Subkategorie 3.3</a></li>
<li><a href="">Subkategorie 3.4</a></li>
<li><a href="">Subkategorie 3.5</a></li>
</ul>
</li>

kann man das iwie einbauen?(einzelne teile)
Beitrag13.03.2007 um 21:03 (UTC)    
Titel:

Ich muss ehrlich sagen, dass dieser Code sehr verwirrend ist.
Beitrag14.03.2007 um 00:03 (UTC)    
Titel:

hab das jetzt ein bisschen verfolgt, stuntvideos will, oder benutzt doch jetzt drop down menüs, kann mir jemand ein programm empfehlen, was einfach ist? um sowas zu erstellen?
______________
www.djcoxx.de.vu
Beitrag14.03.2007 um 04:51 (UTC)    
Titel:

Hier gibt es erstmal ein funktionierendes Menü:
http://www.javarea.de/index.php3?opencat=Javascript&subcat=Navigation&id=132#

Ein Programm, das genau das erstellt, kenne ich jetzt nicht, aber hier gibt es eins, das kann schon eine ganze Menge: http://www.greencow.se/jsc_index.shtml
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de