Topic: keyboarder

I found this and thought that it maybe useful keyboarder, but can I hell get it to work.

I've put the .js and .css files in the innovation theme folder and referenced the in the header.php, i've even using script injector, but to no avail :(

can anyone lead me in the right direction

Thanks in advance

RichE

SelloString Network - Holding the world together since 1972!

Re: keyboarder

please tell us more, what this is for and why you want to use it

i don't get the idea ;=(

|--
Die deutsche GetSimple-Webseite: http://www.Get-Simple.de = the german Get-Simple-Website!
Das deutschsprachige GetSimple-(Unter-)Forum:   http://get-simple.info/forum/forum/16/german-deutsch/

Re: keyboarder

if say your have a document with keyboard shortcuts on (for reference) it will render the shortcuts e.g. alt+enter as key classes, see the link for a proper example.

SelloString Network - Holding the world together since 1972!

4 (edited by webmonkeyukcom 2011-09-22 18:14:40)

Re: keyboarder

good find - useful for accessibility pages and showing things like access keys ;)

Re: keyboarder

webmonkeyukcom wrote:

good find - useful for accessibility pages and showing things like access keys ;)

did you get it to work?

|--
Die deutsche GetSimple-Webseite: http://www.Get-Simple.de = the german Get-Simple-Website!
Das deutschsprachige GetSimple-(Unter-)Forum:   http://get-simple.info/forum/forum/16/german-deutsch/

Re: keyboarder

I haven't yet but I'm thinking of just creating an HTM or HTML page and link to that, sort of defeats the object of just linking to the .css and .js, will post back if I get it working.

P.S, I've reworked the innovation theme (just changed the colors and added a forum page for punbb) on my site, could you give feedback on it .

thanks in advance :D

SelloString Network - Holding the world together since 1972!

7 (edited by riche 2011-09-23 08:47:35)

Re: keyboarder

ok I got it working to a fashion, here's the step to get it to work

  • I used the original HTML file just edited to my own needs

  • uploaded it all via FTP to the uploads dir in data

  • then created a component with the following content (see code entry below)

  • then referenced that component on a page.

I know it's abit convoluted but I got it working in the end

<Iframe src="data/uploads/keyboarder/keyboarder.html" width="100%" height="580px" scrolling="auto" frameborder='0'>&nbsp;</Iframe>

to see it in action go here

regards

RichE

SelloString Network - Holding the world together since 1972!

Re: keyboarder

riche wrote:

to see it in action go here

For me this works in Opera, Safari and Chrome, but not with IE 9 and Firefox 3.6.

I18N, I18N Search, I18N Gallery, I18N Special Pages - essential plugins for multi-language sites.

Re: keyboarder

I'm presuming that it's to do with the .JS file as in chrome you can see it render the keys as it loads, maybe it's not compatible with IE, and FF 3.6.

TBH I've used chrome for ages now, but I should have checked it in IE.

but I've put a disclaimer onto the page as I didn't write the .js.

SelloString Network - Holding the world together since 1972!

Re: keyboarder

well I've tried copying the CSS into the GS Style CSS file, and putting the res folder and .js file in the theme folder, @importing the css in the header, no matter what I do I can't get this to work directly in a GS page, the only way I've found so far is via an .HTM/HTML page in an iframe (ugh!)

anyone else got any ideas..?

RichE

SelloString Network - Holding the world together since 1972!