http://hchg.co.uk/js/external.js

Peter: Absolutely. Just drop back to XHTML 1.0 Transitional and use good old base target — http://www.w3.org/TR/xhtml1/dtds.html#dtdentry_xhtml1-transitional.dtd_base — or else use a tabbed browser and hold down the “open in new tab” key when you click on an external link (this is what I usually do). I’ll make S⁵ 1.1 accept any XHTML 1.x flavor, and will probably have 1.0 do the same retroactively.

The next slide is “Expanding The Field II”, but the list contents seem to be identical; and the bullet point highlighting breaks when it reaches the nested ul element: all the bullet points are highlighted at once.

From that point on, bullet points are no longer sequentially highlighted.

Still works in Firefox except for the same slight behavior change.

Firefox and Opera work because of the code in pretty.css:

div#controls #navList #jumplist {visibility: hidden; background: #DDD; color: #227;}
div#controls #navList:hover #jumplist {visibility: visible;}

IE doesn’t support :hover on non-links, right?

So the solution should be to (1) assign “hideme” to both jumplist and navButtons, and (2) modify showHide() to use a loop and support more than one object with the class.

Or maybe assign ‘hideme’ to controlForm? But this doesn’t work when I try it.

And the controls show/hide correctly after I changed ‘controls’ in slides4.js line 440 to match the new meta name.

It shows as an outline in IE instead of as a slideshow, though. Don’t know why.

controlsDiv.innerHTML = ‘<form action=”#” id=”controlForm”‘ + hideDiv + ‘>’ +
‘<div id=”navButtons”>’ +
‘<a accesskey=”t” id=”toggle” href=”javascript:toggle();”>&#216;< /a>’ +
‘<a accesskey=”z” id=”prev” href=”javascript:go(-1);”>&laquo;< /a>’ +
‘<a accesskey=”x” id=”next” href=”javascript:go(1);”>&raquo;< /a>’ +
‘< /div>’ +
‘<div id=”navList”‘ + hideList + ‘><select id=”jumplist” onchange=”go(‘j’);”>< /select>< /div>’ +
‘< /form>’;