Other Bits: JavaScript and CSS

On request, a set of flashcards will be loaded into the browser. A much abbreviated set is shown below. The display of these cards is controlled by JavaScript and CSS files. These aren’t relevant to the Go server so are omitted. Those interested can download the code.

  1. <html>
  2.   <head>
  3.     <title>
  4.       Flashcards for Common Words
  5.     </title>
  7.     <link type="text/css" rel="stylesheet" 
  8.           href="/html/CardStylesheet.css">
  9.     </link>
  11.     <script type="text/javascript" 
  12.             language="JavaScript1.2" src="/jscript/jquery.js">
  13.       <!-- empty -->
  14.     </script>
  16.     <script type="text/javascript" 
  17.             language="JavaScript1.2" src="/jscript/slideviewer.js">
  18.       <!-- empty -->
  19.     </script>
  21.     <script type="text/javascript" 
  22.             language="JavaScript1.2">
  23.       cardOrder = RANDOM;
  24.       showHalfCard = RANDOM_HALF;
  25.     </script>
  26.   </head>
  27.   <body onload="showSlides();"> 
  28.     <h1> 
  29.       Flashcards for Common Words
  30.     </h1>
  31.     <p>
  32.         <div class="card">
  34.       <div class="english">
  35.         <div class="vcenter">
  36.           hello
  37.         </div>
  38.       </div>
  40.           <div class="pinyin">
  41.         <div class="vcenter">
  42.           nǐ hǎo
  43.         </div>
  45.           </div>
  47.           <div class="traditional">
  48.         <div class="vcenter">
  49.           你好
  50.         </div>
  51.           </div>
  53.           <div class="simplified">
  54.         <div class="vcenter">
  55.           你好
  56.         </div>
  58.           </div>
  60.           <div class ="translations">
  61.         <div class="vcenter">
  62.           hello <br />
  63.           hi <br />
  64.           how are you? <br />
  65.         </div>
  67.               </div>
  68.         </div>
  69.         <div class="card">
  70.       <div class="english">
  71.         <div class="vcenter">
  72.           hello (interj., esp. on telephone)
  73.         </div>
  74.       </div>
  76.           <div class="pinyin">
  78.         <div class="vcenter">
  79.           wèi
  80.         </div>
  81.           </div>
  83.           <div class="traditional">
  84.         <div class="vcenter">
  85.           喂
  86.         </div>
  87.           </div>
  89.           <div class="simplified">
  91.         <div class="vcenter">
  92.           喂
  93.         </div>
  94.           </div>
  96.           <div class ="translations">
  97.         <div class="vcenter">
  98.           hello (interj., esp. on telephone) <br />
  99.           hey <br />
  101.           to feed (sb or some animal) <br />
  102.         </div>
  103.               </div>
  104.         </div>
  105.     </p>
  107.     <p class ="return">
  108.       Press &lt;Space&gt; to continue
  109.     <br/>    
  110.       <a href="http:/flashcards.html"> Return to Flash Cards list</a>
  111.     </p>
  112.   </body>
  113. </html>