On Aug 18, 1:49 pm, "Edward K. Ream" <[email protected]> wrote:
> On Wed, Aug 18, 2010 at 1:30 PM, Ville M. Vainio <[email protected]> wrote:
>
> > You can pop out the s5 outline from bottom right corner.
>
> Thanks for the hint.  Discovering how s5 creates the bottom outline
> should point me in a productive direction.

There is an interaction between slides.js and the actual html file
containing the slides.  Apparently, slides.js creates the navList and
jumpList elements in createControls. Bug firebug shows both the
navList and jumpList elements embedded in this structure:

<div id="controls>
    <form id="controlForm" ...>
        <div id="navLinks" ...>
            <div id = "navList">
                <select id="jumpList" ...>
                    <option value="0"> ...the h1 title of the slide>

So this is how the links in the bottom right look *after* being
created.

Here is the boilerplate from the .html file:

<div class="layout">
<div id="controls"><!-- DO NOT EDIT --></div>
<div id="currentSlide"><!-- DO NOT EDIT --></div>
<div id="header"></div>

<div id="footer">
<h1>S5 Testbed</h1>
<h2>Your computer &#8226; Today's date</h2>
</div>
</div>

And here is the createControls functions from slides.js:

function createControls() {
        var controlsDiv = document.getElementById("controls");
        if (!controlsDiv) return;
        var hider = ' onmouseover="showHide(\'s\');" onmouseout="showHide(\'h
\');"';
        var hideDiv, hideList = '';
        if (controlVis == 'hidden') {
                hideDiv = hider;
        } else {
                hideList = hider;
        }
        controlsDiv.innerHTML = '<form action="#" id="controlForm"' + hideDiv
+ '>' +
        '<div id="navLinks">' +
        '<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 id="navList"' + hideList + '><select id="jumplist"
onchange="go(\'j\');"><\/select><\/div>' +
        '<\/div><\/form>';
        if (controlVis == 'hidden') {
                var hidden = document.getElementById('navLinks');
        } else {
                var hidden = document.getElementById('jumplist');
        }
        addClass(hidden,'hideme');
}

This is pretty wild, but the upshot is (I am guessing) that there is
enough exposed so that .css could rearrange the layout of the toc.

Edward

-- 
You received this message because you are subscribed to the Google Groups 
"leo-editor" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/leo-editor?hl=en.

Reply via email to