Avatar billede hostmaster Nybegynder
21. maj 2000 - 11:44 Der er 5 kommentarer og
1 løsning

Foldeud menu!!!!

Nu har jeg fucking ledt overalt på nettet for at finde en menu, som kan folde sig ud når man trykker på det!!
Nu vil jeg have fat i et, så jeg satser alle mine point (altså 360) til det rigtige svar!!!
Avatar billede ahl Nybegynder
21. maj 2000 - 11:47 #1
Her er et lille script:


<HTML><HEAD><TITLE>JavaScript Menu 1.0</TITLE><SCRIPT LANGUAGE="JavaScript1.2"><!--
if (document.layers) NS4 = 1; else NS4 = 0; if (document.all) IE4 = 1; else IE4 = 0; function display(id, str) { if (NS4) { with (document[id].document) { open(); write(str); close(); } } else { document.all[id].innerHTML = str; } }; function repstr(_in,_rep) { out = ""; for(_c=0; _c<_rep; _c++) out = out + _in; return out }; function showtree(node,level,str,expand) { if ( node.childs() == 0 ) { str = str + repstr("&nbsp;",level*4) + "<A HREF=\"" + node.url + "\" TARGET=" + menu_frame + " onMouseOver=\"window.status='" + node.text + "';return true\" onMouseOut=\"window.status='';return true\">-" + node.text + "</A><BR>"; } else { if ( expand == 0 ) { str = str + repstr("&nbsp;",level*4) + "<A HREF=\"java script:toggle('" + node.name + "')\" onMouseOver=\"window.status='" + node.text + "';return true\" onMouseOut=\"window.status='';return true\">" + node.text + "</A><BR>"; } if ( expand == 1 ) { str = str + repstr("&nbsp;",level*4) + node.text + "<BR>"; } } if ( ( ( node.unfold == 1 ) || ( expand == 1 ) ) && ( node.childs() > 0 ) ) { for (node.movefirst() ; node.notlastchild() ; node.movenext() ) { str = showtree(node.getchild(),level + 1,str,expand); } } return str; }; function toggle(name) { node = findnode(MyNode,eval(name)); if ( node.unfold == 0 ) { node.unfold = 1; } else { node.unfold = 0; } updatemenu(); }; function updatemenu() { str = '<P><A HREF="java script:showhelp()">?</A>&nbsp;'; display("menu",showtree(MyNode,0,str,0) + "</P>"); }; function showhelp() { str = '<P><A HREF="java script:updatemenu()">!</A>&nbsp;<A HREF="java script:updatemenu()">menu</A><BR><BR>Click in the menu, to view the submenu and links.</P>'; display("menu",str); }; function Node_childs() { return this.child.length; }; function Node_movefirst() { this.cchild = 0; }; function Node_movenext() { this.cchild++; }; function Node_notlastchild() { if ( this.cchild < this.childs() ) return 1; else return 0; }; function Node_getchild() { return this.child[this.cchild]; }; function Node(_text,_url) { this.text = _text; this.url = _url; this.unfold = 0; this.child = []; this.cchild = 0; this.childs = Node_childs; this.notlastchild = Node_notlastchild; this.movefirst = Node_movefirst; this.movenext = Node_movenext; this.getchild = Node_getchild; this.name = Math.random(); return this; }; function findnode(node,name) { if ( node.name == name ) return node; if ( node.childs() > 0 ) { for (node.movefirst(); node.notlastchild() ; node.movenext() ) { temp = findnode(node.getchild(),name); if ( temp != null ) return temp; } } return null; }

//-- RET HER FOR OPSÆTNING AF MENU --
var menu_title = "JavaScript Menu";
var menu_frame = "main";
var MyNode = new Node("menu","");
MyNode.child[0] = new Node("søgemaskiner","");
MyNode.child[0].child[0] = new Node("danske","");
MyNode.child[0].child[0].child[0] = new Node("jubii","http://www.jubii.dk/");
MyNode.child[0].child[0].child[1] = new Node("yahoo","http://www.yahoo.dk/");
MyNode.child[0].child[1] = new Node("internationale","");
MyNode.child[0].child[1].child[0] = new Node("altavista","http://www.altavista.com/");
MyNode.child[0].child[1].child[1] = new Node("yahoo","http://www.yahoo.com/");
MyNode.child[1] = new Node("e-mails","");
MyNode.child[1].child[0] = new Node("hotmail","http://www.hotmail.com/");
MyNode.child[2] = new Node("javascript","");
MyNode.child[2].child[0] = new Node("script.dk","http://www.hjemmesiden.com/");

//--></SCRIPT><STYLE>

<!-- OPSÆTNING AF UDSEENDE -->
a {text-decoration: none; color: black;}
p {text-decoration: none; color: black;}
</STYLE></HEAD><BODY onLoad="if ( ( NS4 == 1 ) || ( IE4 == 1 ) ) setTimeout('updatemenu()',1)"><SCRIPT>document.write(menu_title);</SCRIPT><P><DIV ID="menu" STYLE="position: absolute;"><SCRIPT>if ( ( NS4 != 1 ) && ( IE4 != 1 ) ) document.write(showtree(MyNode,0,'',1))</SCRIPT><NOSCRIPT>Dette er en javascript menu. Din browser understøtter desværre ikke javascript</NOSCRIPT><BODY></HTML>
Avatar billede tigerdyr Nybegynder
21. maj 2000 - 13:02 #2
Du kunne jo eventuelt bare have hentet det hos www.bratta.com :o)
Avatar billede hostmaster Nybegynder
21. maj 2000 - 13:05 #3
til ahl:
Det var næsten det jeg skulle bruge, jeg kan selv lave resten, så du får pointe alligevel!!
Avatar billede krogen Nybegynder
22. maj 2000 - 14:49 #4
Hvordan kan man ændre teksten til
f.eks. Ariel?

Hilsen

Krogen
Avatar billede tigerdyr Nybegynder
22. maj 2000 - 19:12 #5
og svaret er:
CSS...
Avatar billede ahl Nybegynder
22. maj 2000 - 20:13 #6
ja CSS eller bare sætte <font face=Arial> foran og </font> bagved alt der skal være Arial!!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester