When all else fails, and many other times as well... Script Injector

Script Injector is a neat module, at least for somebody who knows how to program in javascript and html but not in .Net and C# or VB or know how to make custom modules. That would be me. I love DotNetNuke as a Content Management System and a Development Framework, since it has a large Community of developers who've made some great modules, but sometimes I want a web page to act a certain way and can't find a module that I can just configure.

Friend of Sprocket Rick Lochner of RPC Leadership Associates has a DNN website that we built for him. He is a Leadership Trainer and likes interactive graphics. We made him a new diagram recently that looks like this, and on the live site if you hover over the blocks in the diagram you get a pop-up explaining the block. Try it. 

Here's how I made it. I drew it in Photoshop, including the area for the description paragraph, then sliced it up so that the interactive areas were their own individual image files. Then I did a little programming using basic HTML, some DIVs and a little CSS. So onMouseOver, the associated DIV's style changed to visible, and onMouseOut, it changed to hidden. (In a nutshell, of course.) 

This is where Script Injector comes in. If you write some custom Javascript in an HTML module (the most commonly used module), the module actually deletes it now! To get around this, I used Script Injector. I loaded it in the area where I wanted the paragraph and diagram, then "injected" the "script" (HTML, javascript and all) into the Script Injector's Settings page.

I'm not saying this is the most elegant way to do such things, and if a DNN guru is reading this and snickering, please comment on how you'd do it differently, but it worked for me and the client.

 

Don GingoldDon Gingold

Co-Founder and Managing Director of Sprocket Websites, Inc.; Co-Founder Chicago Area DotNetNuke User Group

Other posts by Don Gingold

Contact author Facebook page Twitter Linked In Google Plus