I have been experimenting with Hotdog. Now for anyone thinking this might be a new designer drug, my apologies, you'll just have to check out Hotdog's blog.
We've been working on an experiment to reduce the amount of screen real estate our blogs take up - well to be honest, Hotdog's blog takes up ;-)
We've come up with the Eddie and Hotdog BlogBlock. The buttons can be used to hide/reveal large quantities of code.
<DIV style="border: navy 1px solid;">
<button style="font-size:8pt;width:100px;" onclick="SEE BELOW: BUTTON 1">
Show Code
</button>
<button style="font-size:8pt;width:100px;" onclick="SEE BELOW: Button 2">
Full View
</button>
<DIV style="display: none; overflow: auto;">
*** TEXT ***
</DIV>
</DIV>
<!--
onclick Scripts for the buttons
Button 1 Script:
onclick =
"var vis,sty;
vis='';
sty=this.nextSibling.nextSibling;
sty=sty.nextSibling;
sty=sty.style;
vis=sty.display;
vis=(vis=='')?'none':(vis=='none')?'':vis;
sty.display=vis;
vis=(vis=='')?'Hide Code':'Show Code';
this.innerText=vis;"
Button 2 Script:
onclick =
"var vis,sty;
vis='';
sty=this.nextSibling.nextSibling;
sty=sty.style;
vis=sty.height;vis=(vis=='')?'8em':(vis=='8em')?'':vis;
sty.height=vis;
vis=(vis=='')?'Scroll View':'Full View';
this.innerText=vis;"
!-->
Now we'd be the first to admit that we are not javascript guru's. And if any sad anorak wants to correct or comment on how appauling our scripting is, then please feel free to do so at leave-me-alone-you-irritating-yak.com or contact Hotdog.
We may also have broken some cardinal rules about blogging ... "Thou shalt not script in thy blog" and if we have we are humbly sorry and shall pop down to the "Poopsville* Correctional Facility for Naughty Bloggers" for a quick term of imprisonment.
Edit: 19 September
I seem to have big-upped my role in this joint venture. While I've been charrier dans les bégonias with a few divs and buttons, Robert has created a great tool for creating BlogBlocks that allows you to paste code from VS.NET and create great looking HTML for your Blog. It now features options to choose the style and settings for the block and the options for the user including hidden, scrollable and copy code. See Hotdog's RTF to HTML converter (visual studio -> internet)
EHBlock ... its in the Blog
* Poopsville is the registered trade mark of Sir Gerald of Mead, used without permission but I'm sure he wouldn't mind.