topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

#javascript-css-section-demo.htm / htm



  <head>
  <script type="text/javascript" src="javascript-css-section-script.js"></script>
  </head>
  <body>
  
  <div id="1" style="display: block;">
  <p>
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat..</p>
  <input type="button" class="pagebutton button" onclick="return toggleMe('2')" value="Go to Section 2">
  </div>
  
  <div id="2" style="display: none;">
  <p>
  Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate.</p>
  <input type="button" class="pagebutton  button" onclick="return toggleMe('3')" value="Go to Section 3">
  </div>
  
  <div id="3" style="display: none;">
  <p>
  Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc., li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilit?</p>
  <input type="button" class="pagebutton  button" onclick="return toggleMe('4')" value="Go to Section 4">
  </div>
  
  <div id="4" style="display: none;">
  <p>
  Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues.</p>
  <p>
  <strong>Do not put a button on the last section; your page is done, the user can't go any farther.</strong><p>
  <p>
  <em>You could always add a button to reload the page:</em></p>
  <input type="button" class="pagebutton  button" onclick="window.location.reload()" value="Reload page">
  </div>
  </body>
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.