This is a great read indeed, i have had a go at implementing this. I have issues in Firefox v1.0 on xp, The menu seems to disappear to the right side.

I am not sure what i am to do here really…. has anyone got a live link to the presentation so i can see the code and work ouw where i am going wrong. I have a presentation to give on tuesday at NCL, and would like to use this presentation technique.

All help is much appreciated.

Check & Uncheck All

var defaultValue=’twos’;
var flag = false;
function buttonClick(input){
if(!flag){
for(i=0;i

I tried to present them in a way that the Firefox and Opera stylesheet switcher shows them as available themes. Firefox sometimes makes some trouble while switching; you’ll have to reload the page then. I thought the themes available for switching would inherit from your main theme, but they don’t, while they seem to inherit some classes from each other. Weirdo!)
No Problems with Opera 7.11 at all!

How do I change the space between the first h2 and the following text in a normal slide? I didn’t get it. The IEXplorer has some problems with the right space here.

And I noticed two small features which don’t work: My cursor does not stay (or become) a pointer (like the CSS says) when hovering over the controls. And I can’t jump back to slide 0 with the navigation form when I used the arrows (or mouse klicks or the keyboard) right before. I am using Firefox 0.9.3 and IExplorer 6 (yes, and Opera) on a WinXP machine.

Martin

That way you can send the slideshow as a single file to other people via eMail, rather than sending 6-7 files and trying to explain to non-web folks how these need to be saved in alsorts of sub-folders.

function changefont() {
   var size=window.innerWidth;
   if(size >=1600)
     chf(42);
   else if(size>=1200)
     chf(30);
   else if(size>=800)
     chf(24);
   else
     chf(12);
}

function chf(fSize){
  if (document.getElementsByTagName) {
    var body = document.getElementsByTagName("body")[0];
    body.style.fontSize = fSize+'px';
  }  
}

changefont would be called in startup().

I have not experimented much with the value-pairs (viewport-/font-size), and the css would have to be adapted, I think.

And I’m not even going to mention the Opera Show Generator: an idiot-proof web application to make these presentations (complete with slide navigation panels and tacky animations, if you insist).

var targ;
if (!e) var e = window.event;
if (e.target) targ = e.target;
else if (e.srcElement) targ = e.srcElement;
if (targ.nodeType == 3) // defeat Safari bug
targ = targ.parentNode;

The problem with IE is that it uses the srcElement-property to convey the same information as other browsers do with the target-property of the event-object.
Adding this snipped before the first call to isParentOrSelf should make it work in IE, too.

Old:
newopt.setAttribute('value',n); list.appendChild(newopt).appendChild(opttext);

New:
list.options[list.length] = new Option(n+' : '+otext,n,false,false);

Oh, im using Firefox 1.0 Win, by the way..

-jl

I can push “T” to change styles (but it beeps when that occurs).
I can NOT push “Z” or “X”. I CAN push “Control Z” and “Control X”, and that works, but “Control T” does not work! The left and right arrow keys to do the job splendidly.

The menu on the bottom pops up as you say it will. However, I would suggest supplying a user indication of some kind so that a user knows he can mouse over there for something interesting.

Good stuff.

I think this is just about ready to exit beta status.