<html><body><div style="color:#000; background-color:#fff; font-family:HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;font-size:12pt"><div class="" style=""><span style="font-size: 18px;"><span style="color: rgb(34, 34, 34); font-family: arial;" class="">I'm preparing my first real slideshow with the notebook, and was just wondering if there's an easy way for javascript to manipulate the slide type. I've added the appropriate code to my custom.js -- almost. Here's what I've tried so far (for the particular case of changing the slide type to a Fragment):</span><br style="color: rgb(34, 34, 34); font-family: arial;"><br style="color: rgb(34, 34, 34); font-family: arial;" class=""><span style="color: rgb(34, 34, 34); font-family: arial;" class=""> 'alt-f' : {</span><br style="color: rgb(34, 34, 34); font-family: arial;" class=""><span style="color: rgb(34, 34, 34); font-family: arial;"
class=""> help : 'Slide Type: Fragment',</span><br style="color: rgb(34, 34, 34); font-family: arial;" class=""><span style="color: rgb(34, 34, 34); font-family: arial;" class=""> help_index : 'sd',</span><br style="color: rgb(34, 34, 34); font-family: arial;" class=""><span style="color: rgb(34, 34, 34); font-family: arial;" class=""> handler : function (event) {</span><br style="color: rgb(34, 34, 34); font-family: arial;" class=""><span style="color: rgb(34, 34, 34); font-family: arial;" class=""> var cell = IPython.notebook.get_selected_cell();</span><br style="color: rgb(34, 34, 34); font-family: arial;" class=""><span style="color: rgb(34, 34, 34); font-family: arial;" class=""> if (cell.metadata.slideshow ==
undefined) {cell.metadata.slideshow = {}}</span><br style="color: rgb(34, 34, 34); font-family: arial;" class=""><span style="color: rgb(34, 34, 34); font-family: arial;" class=""> cell.metadata.slideshow.slide_type = 'fragment';</span><br style="color: rgb(34, 34, 34); font-family: arial;" class=""><span style="color: rgb(34, 34, 34); font-family: arial;" class=""> return false;</span><br style="color: rgb(34, 34, 34); font-family: arial;" class=""><span style="color: rgb(34, 34, 34); font-family: arial;" class=""> }</span><br style="color: rgb(34, 34, 34); font-family: arial;" class=""><span style="color: rgb(34, 34, 34); font-family: arial;" class=""> },</span><br style="color: rgb(34, 34, 34); font-family: arial;" class=""><br style="color: rgb(34, 34, 34); font-family:
arial;" class=""><span style="color: rgb(34, 34, 34); font-family: arial;" class="">This does seem to change the metadata successfully, but obviously it doesn't change the value in that `select` element. But I can't figure out how to get that select element and change its value directly (because I'm terrible at javascript). Anyone more clever than me who knows how to do it?</span><br style="color: rgb(34, 34, 34); font-family: arial;" class=""><br style="color: rgb(34, 34, 34); font-family: arial;" class=""><span style="color: rgb(34, 34, 34); font-family: arial;" class="">Thanks very much!</span><br class="" style=""></span></div><div class="" style="color: rgb(0, 0, 0); font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; background-color: transparent; font-style: normal;"><span style="color: rgb(34, 34, 34); font-family: arial; font-size: 18px;" class="">Mike</span></div><div class="" style=""><br
class="" style=""></div></div></body></html>