Below an html file with a mockup of what I am thinking about. Please comment. Also, any browsers out there for which this does not work? ---- Unfortunatly, the dynamic drive usage terms prohibit the use of their script:
"Users may NOT, however, redistribute or repost/ resell for download any DHTML script found on Dynamic Drive. Redistribution is defined as re-offering our scripts for download in any fashion, whether on a competing web site, an application that generates code snippets, or a CD-ROM collection of CSS/JavaScript codes etc" I believe this means the script cannot reside in the sage source tree. Pity. ------------------------------------------------------------------------------- html source below: save to file and load in your browser ------------------------------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"; lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <link rel="stylesheet" type="text/css" href="animatedcollapse_files/ mainstyle.css"> <title>Dynamic Drive DHTML Scripts- Animated Collapsible DIV v2.2</ title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="http://www.dynamicdrive.com/ dynamicindex17/animatedcollapse.js"> <script type="text/javascript">animatedcollapse.init()</script> </head><body> <!-- Heading 1 ****************************************************** --> <h1><a href="javascript:animatedcollapse.toggle('anim_cell_1')">_</ a>Heading 1</h1> <div id="anim_cell_1" style="background: rgb(220, 220, 220) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz- background-origin: -moz-initial; -moz-background-inline-policy: -moz- initial; display: none;"> <b>notebooks can be organized using headings<br>each heading level (section/subsection) defines a fold<br>every fold may contain subsections and/or cells</b><br> <h2><a href="javascript:animatedcollapse.toggle('anim_cell_2')">_</ a>Heading 1.1</h2> <div id="anim_cell_2" style="background: rgb(200, 200, 200) none repeat scroll 0% 0%; width: 300px;-moz-background-clip: -moz-initial; - moz-background-origin: -moz-initial; -moz-background-inline-policy: - moz-initial; display: none;"> <b>more subsections and/or cells</b><br> </div><script type="text/javascript">animatedcollapse.addDiv ('anim_cell_2', 'fade=0,speed=1,persist=1' )</script> </div><script type="text/javascript">animatedcollapse.addDiv ('anim_cell_1', 'fade=0,speed=1,persist=1' )</script> <!-- Heading 2 ****************************************************** --> <h1>Heading 2<a href="javascript:animatedcollapse.toggle ('anim_cell_3')">_</a></h1> <div id="anim_cell_3" style="background: rgb(100, 255, 204) none repeat scroll 0% 0%; width: 300px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: - moz-initial; display: none;"> <b>each (sub)section should allow 1) adding a cell at the top, and 2) adding a cell at the end of the (sub)section</b><br> <h2>Heading 2.1<a href="javascript:animatedcollapse.toggle ('anim_cell_4')">_</a></h2> <div id="anim_cell_4" style="background: rgb(100, 255, 204) none repeat scroll 0% 0%; width: 300px;-moz-background-clip: -moz-initial; - moz-background-origin: -moz-initial; -moz-background-inline-policy: - moz-initial; display: none;"> <b>output from cells should be foldable in the same way</b><br> <h3>Heading 2.1.1<a href="javascript:animatedcollapse.toggle ('anim_cell_5')">_</a></h3> <div id="anim_cell_5" style="background: rgb(100, 255, 204) none repeat scroll 0% 0%; width: 300px;-moz-background-clip: -moz-initial; - moz-background-origin: -moz-initial; -moz-background-inline-policy: - moz-initial; display: none;"> <b>folds persist upon reload</b><br> </div><script type="text/javascript">animatedcollapse.addDiv ('anim_cell_5', 'fade=0,speed=1,persist=1' )</script> </div><script type="text/javascript">animatedcollapse.addDiv ('anim_cell_4', 'fade=0,speed=1,persist=1' )</script> </div><script type="text/javascript">animatedcollapse.addDiv ('anim_cell_3', 'fade=0,speed=1,persist=1' )</script> </body></html> --~--~---------~--~----~------------~-------~--~----~ 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/sage-support URLs: http://www.sagemath.org -~----------~----~----~----~------~----~------~--~---
