Office XP Cmd Bars in Web Pages...
-
Hi all, Some time ago I was very interested in DHTML and played around with the DHTML features in MSIE. I created a little component-based package to add Office XP style command bars (sort of) to a web page. Here's a screenshot. Now the trouble is: I no longer have time to keep up development of this, but I think many people would like to use this stuff. I am willing to give all the sources to somebody who can read them, understand them, improve them, document them and post an article on CodeProject. Anybody interested? My only condition is that you must write an article for CodeProject. "A surprise to be sure, but a welcome one." - Senator Palpatine
-
Hi all, Some time ago I was very interested in DHTML and played around with the DHTML features in MSIE. I created a little component-based package to add Office XP style command bars (sort of) to a web page. Here's a screenshot. Now the trouble is: I no longer have time to keep up development of this, but I think many people would like to use this stuff. I am willing to give all the sources to somebody who can read them, understand them, improve them, document them and post an article on CodeProject. Anybody interested? My only condition is that you must write an article for CodeProject. "A surprise to be sure, but a welcome one." - Senator Palpatine
I am interested! I've just been looking over options for improving layout and navigation and was thinking of doing exactly what you have done. I would *love* to have the code on CodeProject and if noone else has time to write something up (someone, please?) I'll get it sorted out. BTW - have you checked out www.microsoft.com/sql - they have the drop shadow for menus worked out - but you'll laugh when you see how they did it! cheers, Chris Maunder (CodeProject)
-
Hi all, Some time ago I was very interested in DHTML and played around with the DHTML features in MSIE. I created a little component-based package to add Office XP style command bars (sort of) to a web page. Here's a screenshot. Now the trouble is: I no longer have time to keep up development of this, but I think many people would like to use this stuff. I am willing to give all the sources to somebody who can read them, understand them, improve them, document them and post an article on CodeProject. Anybody interested? My only condition is that you must write an article for CodeProject. "A surprise to be sure, but a welcome one." - Senator Palpatine
A co-worker and I might be interested in this. I will talk to him tomorrow and let you know. Just depends on our free time. Jason Gerard, Master of Kung Foo
-
Hi all, Some time ago I was very interested in DHTML and played around with the DHTML features in MSIE. I created a little component-based package to add Office XP style command bars (sort of) to a web page. Here's a screenshot. Now the trouble is: I no longer have time to keep up development of this, but I think many people would like to use this stuff. I am willing to give all the sources to somebody who can read them, understand them, improve them, document them and post an article on CodeProject. Anybody interested? My only condition is that you must write an article for CodeProject. "A surprise to be sure, but a welcome one." - Senator Palpatine
I've put up a zip file with all the sources - download it here. The stuff only works properly with IE 5.5 or better. Great thanks to anyone who would write an article and document the code. "A surprise to be sure, but a welcome one." - Senator Palpatine
-
I am interested! I've just been looking over options for improving layout and navigation and was thinking of doing exactly what you have done. I would *love* to have the code on CodeProject and if noone else has time to write something up (someone, please?) I'll get it sorted out. BTW - have you checked out www.microsoft.com/sql - they have the drop shadow for menus worked out - but you'll laugh when you see how they did it! cheers, Chris Maunder (CodeProject)
You can download the sources now - see my post below. I saw what MS did on their site - but I found that far too inelegant and stupid to add to my package. So I added a shadow anyway, but it doesn't look all that nice. The MS technique looks more of a workaround than anything else. "A surprise to be sure, but a welcome one." - Senator Palpatine
-
I am interested! I've just been looking over options for improving layout and navigation and was thinking of doing exactly what you have done. I would *love* to have the code on CodeProject and if noone else has time to write something up (someone, please?) I'll get it sorted out. BTW - have you checked out www.microsoft.com/sql - they have the drop shadow for menus worked out - but you'll laugh when you see how they did it! cheers, Chris Maunder (CodeProject)
they have the drop shadow for menus worked out - but you'll laugh when you see how they did it! How exactly did they do it? --Mike-- http://home.inreach.com/mdunn/ "Make sure that if you are using a blow torch that you don't set anything on fire." -- Chris Maunder
-
they have the drop shadow for menus worked out - but you'll laugh when you see how they did it! How exactly did they do it? --Mike-- http://home.inreach.com/mdunn/ "Make sure that if you are using a blow torch that you don't set anything on fire." -- Chris Maunder
They made four DIVs with increasing opacity and decreasing offset from the 'shadowed' DIV. All the DIVs have the same size, so they look like a shadow. Here's a part of the code they used: (from http://www.microsoft.com/library/flyoutmenu/default.htc) makeRectangularDropShadow(menuToShow, MENU_SHADOW_COLOR, 4) // ... function makeRectangularDropShadow(el, color, size) { var i; for (i=size; i>0; i--) { var rect = document.createElement('div'); var rs = rect.style rs.position = 'absolute'; rs.left = (el.style.posLeft + i) + 'px'; rs.top = (el.style.posTop + i) + 'px'; rs.width = el.offsetWidth + 'px'; rs.height = el.offsetHeight + 'px'; rs.zIndex = el.style.zIndex - i; rs.backgroundColor = color; var opacity = 1 - i / (i + 1); rs.filter = 'alpha(opacity=' + (100 * opacity) + ')'; el.insertAdjacentElement('afterEnd', rect); global.fo_shadows[global.fo_shadows.length] = rect; } } "A surprise to be sure, but a welcome one." - Senator Palpatine
-
They made four DIVs with increasing opacity and decreasing offset from the 'shadowed' DIV. All the DIVs have the same size, so they look like a shadow. Here's a part of the code they used: (from http://www.microsoft.com/library/flyoutmenu/default.htc) makeRectangularDropShadow(menuToShow, MENU_SHADOW_COLOR, 4) // ... function makeRectangularDropShadow(el, color, size) { var i; for (i=size; i>0; i--) { var rect = document.createElement('div'); var rs = rect.style rs.position = 'absolute'; rs.left = (el.style.posLeft + i) + 'px'; rs.top = (el.style.posTop + i) + 'px'; rs.width = el.offsetWidth + 'px'; rs.height = el.offsetHeight + 'px'; rs.zIndex = el.style.zIndex - i; rs.backgroundColor = color; var opacity = 1 - i / (i + 1); rs.filter = 'alpha(opacity=' + (100 * opacity) + ')'; el.insertAdjacentElement('afterEnd', rect); global.fo_shadows[global.fo_shadows.length] = rect; } } "A surprise to be sure, but a welcome one." - Senator Palpatine
