Steven P. Administrators Posted November 1, 2001 Administrators Share Posted November 1, 2001 Go here: http://www.microsoft.com/technet/ see those menus on the right (the collapsable ones) how can we do this ourselves simply (for possible use on Neowin) anyone got any idea? Link to comment Share on other sites More sharing options...
0 rb338 Posted November 1, 2001 Share Posted November 1, 2001 Wow! Those are really cool. They're not only collapsable, you can move them around as well :) I think it demands some advanced coding. As far as I can see it's a combination between Javascript, stylesheets and html. Not easy :p Link to comment Share on other sites More sharing options...
0 digital.death Posted November 1, 2001 Share Posted November 1, 2001 I looked through the page and javascript source code, and I couldn't figure out the code they used to do it. :( But, I found some software that does it: DHTML Menu Builder, but its shareware. Link to comment Share on other sites More sharing options...
0 Kheldar Posted November 1, 2001 Share Posted November 1, 2001 It's simply l33t java coding, I'm good but I don't think I could code that. The moving around is a trait called "rubber banding" Link to comment Share on other sites More sharing options...
0 neo1980 Posted November 1, 2001 Share Posted November 1, 2001 The best thing to do is that someone over here who knows how to create Flash HTML to use flash, one should be a regular version and one should be flash, flash can be easily made into even better menu`s than those in the microsoft technet site Link to comment Share on other sites More sharing options...
0 Lectos Posted November 1, 2001 Share Posted November 1, 2001 Blah, those are easy. I have similar ones on my site. It's DHTML/Javascript not java and you don't need flash either. http://lectos.tripod.com/main.html Link to comment Share on other sites More sharing options...
0 Kheldar Posted November 1, 2001 Share Posted November 1, 2001 How do I make your windows move? IT Community Looks like a precompiled Java class to me, not javascript. Scrolling menus in dhtml is a piece of pap yes, these menus are a lil more sophisticated. Link to comment Share on other sites More sharing options...
0 Lectos Posted November 1, 2001 Share Posted November 1, 2001 They are more than likely using a HTA/HTC IE bevahior for that. You can just add a simple DHTML drag and drop script to it and a "snap to" function. If they were using java or flash it would work in Slowzilla as well, which it doesn't. These are the only 2 htc that I see in the CSS. I would say the second one contains all the functions for the menu dragging: http://www.microsoft.com/library/shared/we...ts/webparts.htc http://www.microsoft.com/library/flyoutmen...enu/default.htc It shouldn't be that difficult to convert it over to cross browser DHTML. Link to comment Share on other sites More sharing options...
0 Lectos Posted November 1, 2001 Share Posted November 1, 2001 I just temporarily ripped the site code to see exactly how they did it. (Don't worry M$ I deleted it after looking. I am not gonna use your crappy code. Please don't DCMA me either.) Yes indeed they are using HTC IE Behaviors for that menu. They just use the http://www.microsoft.com/library/shared/we...ts/webparts.htc as far as I can see. Behaviors are more or less VBScript/Javascript with IE components. They threw in some behaviors as a storage container instead of cookies too, which I think it pretty interesting. They are not using any JS files at all. Those are for the other DHTML menus on the page. If I were not busy with other things I would redo this sucker in pure DHTML and it to my menus as proof of concept. I may do it later this weekend or I may not :old: Link to comment Share on other sites More sharing options...
0 Kheldar Posted November 1, 2001 Share Posted November 1, 2001 I am not taking the michael here I would be very interested to see it if you do, keep us posted :) Link to comment Share on other sites More sharing options...
0 Lectos Posted November 2, 2001 Share Posted November 2, 2001 I mucked a round for a bit. It's still very very buggy and only works in IE at the moment. There is no "snap to" (or whatever you wanna call it) functions yet but you can drag the menus up and down. There are no save states yet either. If IE wasn't so buggy with CSS and the DOM box model it'd be easier. I want my "position:fixed" CSS!!! http://lectos.tripod.com/main-test.html Link to comment Share on other sites More sharing options...
0 Dave B Posted November 2, 2001 Share Posted November 2, 2001 Check this site out for some excellent DHTML stuff. The menu across the top is really nice but for some nice draging windows etc... goto the DHTML menu and select "Bride of Windows". Dave Link to comment Share on other sites More sharing options...
0 Kheldar Posted November 2, 2001 Share Posted November 2, 2001 Hehe that is pretty sweeeet :) Link to comment Share on other sites More sharing options...
0 baphomet_irl Veteran Posted November 2, 2001 Veteran Share Posted November 2, 2001 this site has a pretty good archive of DHTML: http://www.dynamicdrive.com/ Link to comment Share on other sites More sharing options...
0 gregor Posted November 3, 2001 Share Posted November 3, 2001 the only thing is, the netscape doesn't support that kind of dealing with dhtml - moving things around, hiding them etc. take a look. you cannot close neither move the boxes around in netscape :right: Link to comment Share on other sites More sharing options...
0 Lectos Posted November 3, 2001 Share Posted November 3, 2001 Gregor, Netscape 4.x, Mozilla 0.9.5, and Netscape 6.x all will support this. They won't on M$ site ever because they use HTC behaviors, but my version will indeed work eventually when I get time to sit down and go through it all. First things first, I have to get it working before I can add the NS and Moz compatibility. It will be simple to add it after I finish the entire IE parts. If you go to my http://lectos.tripod.com/main.html page, you should be able to collpase my menus in Moz and NS 6.x. It doesn't work exactly right in NS 4.x because the document and table widths change when you collpase a menu. Their box model is extremely flawwed. It makes it look horrible. NS 4.x is also very very old. since NS 6.x is out and working way better than NS 4.x, I am not supporting that old of a browser. It'd be like supporting IE 3!! Pick your fav version of netscape 4+ or mozilla and try this drag and drop demo: http://lectos.tripod.com/dragdrop.html It looks like it can do DHTML drag and drop in NS to me :) Link to comment Share on other sites More sharing options...
0 nXP_151 Veteran Posted November 7, 2001 Veteran Share Posted November 7, 2001 Hmmm is it called Hierchical menu ? Link to comment Share on other sites More sharing options...
0 Sleeper Veteran Posted December 2, 2001 Veteran Share Posted December 2, 2001 I come across this site, just wondering if it would be of any use http://www.dhtmlcentral.com Link to comment Share on other sites More sharing options...
0 gregor Posted December 3, 2001 Share Posted December 3, 2001 Lectos, wtf is HTC behavior? Link to comment Share on other sites More sharing options...
0 Lectos Posted December 3, 2001 Share Posted December 3, 2001 Gregor, HTC = Hypertext components and HTA = Hypertext application. They are Microsoft proprietary browser elements, somewhat like Mozilla's XUL (XML-based User-interface Language) but not as powerful. The most common application is DHTML Behaviors, which are basically script libraries that can influence how a browser/webpage works. They are a little more involved than standard JS/VBScript. You can use parts of the browser itself in web pages, basically. Or you can change how elements work on the page. I tend to avoid them because they only work in IE and I hate VBScript. Microsoft uses them any chance they get of course. They degrade gracefully in other browsers most of the time at least. I am still working on this thing. I am a tad busy with pre-holiday break projects but I will get it finished and working in cross browser DHTML as soon as I can. I may drop NS4 support in favor of speed and to maintain my sanity. Link to comment Share on other sites More sharing options...
0 Redmak Administrators Posted December 3, 2001 Administrators Share Posted December 3, 2001 we are actually looking for menus like the ones on your site Lectos. (the side menus which can be collapsed or opened) But they need to work in all major browsers (NS4 not included) :) Link to comment Share on other sites More sharing options...
0 Lectos Posted December 3, 2001 Share Posted December 3, 2001 I will open source them when I am finished. I will be happy to share the library if I ever get it done. I will definately have IE 5/6, NS 6, Mozilla, and possibly Opera support in the least. NS 4 has bad CSS support and the DHTML support is flawwed so it's slightly more difficult. It's mostly getting time to do it because I know it's possible :) If I could find a way to use it on my Oracle web reports site I would use it as part of work and be done in no time :D Link to comment Share on other sites More sharing options...
0 Lectos Posted December 4, 2001 Share Posted December 4, 2001 Ok, I decided to just go ahead and do this....Here is a beta version: http://lectos.tripod.com/main-test.html It should function in IE 5/6, NS 6, and Mozilla... I can't promise anything else :) Yes, I am aware that it NS 4 fatal exceptions while viewing this script at the moment. I am no sure why. That'swhy I said 'beta." I will add a section that allows the menus to be viewed but not moved in IE 4 and NS 4 as soon as I fix the NS4 problem. I scrapped my drag and drop library for one from http://www.youngpup.net His library does everything that I needed mine to do short of NS4 compatibility. His doesnt bubble the z-index but that won't be too hard to modify. I will clean it up and make it into a javascript library with instructions oncei figure out the NS 4 crashing problems. Link to comment Share on other sites More sharing options...
0 Lectos Posted December 4, 2001 Share Posted December 4, 2001 The netscape 4 crash only occurs on my site, meaning it's not a problem with this script. It's a nested table or CSS thing I bet. Oh well. My site looks like crap in NS 4 anyway. I am going to say this is a "semi-finished product" for now. It works the way it is supposed to in IE 5/6 and Mozilla. It somewhat works in Opera 5/6. It's more than likely just a CSS flaw in the browser. It depricates to static non-draggable menus in NS 4. If anyone has IE 4 lying around, you can see if it works for viewing purposes as I have no way to test it. Anyway, I made menus that look like the technet ones this morning: http://lectos.tripod.com/TechNetClone/tech...chnetclone.html You can download the example source here: http://lectos.tripod.com/TechNetClone/TechNetClone.zip There is a readme file in the archive with basic instructions and licensing information. If you have any comments or concerns or suggestions you can contact me through the information in the readme or through this forum. Link to comment Share on other sites More sharing options...
0 xpfreak Posted December 4, 2001 Share Posted December 4, 2001 Hey thats cool, Lectos. :cool: Great Work! Link to comment Share on other sites More sharing options...
0 wintech2003 Posted December 4, 2001 Share Posted December 4, 2001 Take a look at www.readyforxp.com They use this kind of blocks too. It's really cool isn't it? :) [WiNuX] P.S. By installing NukePack you can do this with every (i think every) nuke theme in PHP-Nuke :) Link to comment Share on other sites More sharing options...
Question
Steven P. Administrators
Go here: http://www.microsoft.com/technet/
see those menus on the right (the collapsable ones) how can we do this ourselves simply (for possible use on Neowin) anyone got any idea?
Link to comment
Share on other sites
25 answers to this question
Recommended Posts