Inhaltsverzeichnis Beispiele & Vorlagen extra.html

extra.html

Ein Grundgerüst beim Erstellen von neuen Reitern.

Vorlage

QuelltextHTML Code:
  1. <form name="extra" onsubmit="return false"> 
  2. <div align="center"> 
  3. <table class="table"> 
  4.     <tr> 
  5.         <td colspan="2" class="cell"> 
  6.             <table border="0" cellspacing="1" cellpadding="4" class="table"> 
  7.                 <tr> 
  8.                     <td> 
  9.                         {t}Tiefe{/t} 
  10.                     </td> 
  11.                     <td> 
  12.                         <select name="tiefe"> 
  13.                             <option value="1000">{t}unbegrenzt{/t}</option> 
  14.                             <option value="1">1</option> 
  15.                             <option value="2">2</option> 
  16.                             <option value="3">3</option> 
  17.                             <option value="4">4</option> 
  18.                             <option value="5">5</option> 
  19.                             <option value="6">6</option> 
  20.                             <option value="7">7</option> 
  21.                             <option value="8">8</option> 
  22.                             <option value="9">9</option> 
  23.                         </select> 
  24.                     </td> 
  25.                 </tr> 
  26.                 <tr> 
  27.                     <td colspan="2"> 
  28.  
  29.                         {* Einfacher Text *} 
  30.                         {input type="text" name="anzahl_news" title="Anzahl"} 
  31.  
  32.                         {* Link *} 
  33.                         {input type="link" name="mm_link" title="Link"} 
  34.  
  35.                         {* Checkbox *} 
  36.                         {input type="checkbox" name="test_checkbox" title="Checkbox" short="wenn gewünscht bitte aktivieren"} 
  37.  
  38.                         {* Farbpicker *} 
  39.                         {input type="color" name="farbe" title="Farbe" short="Wählen Sie eine Farbe"} 
  40.  
  41.                         {* Datum / Uhrzeit *} 
  42.                         {input type="datetime" name="input_datetime" title="Datum" short="Bitte geben Sie ein Datum ein, hier mit Uhrzeit"} 
  43.                         {input type="datetime" name="input_datetime_2" title="Datum" short="Bitte geben Sie ein Datum ein, hier ohne Uhrzeit" only_date=1} 
  44.  
  45.                         {* Bild *} 
  46.                         {input type="image" name="input_image" title="Bild" short="Wählen Sie eine Bild"} 
  47.  
  48.                     </td> 
  49.                 </tr> 
  50.             </table> 
  51.         </td> 
  52.     </tr> 
  53. </table> 
  54. </div> 
  55. </form> 
  56.  
  57. {literal} 
  58. <script language="javascript"> 
  59. <!-- 
  60.  
  61. var f = document.forms["extra"] 
  62.  
  63. function do_load() 
  64. { 
  65.     // Text/Link 
  66.     f.elements["tiefe"].value = window.parent.get_extra("tiefe") 
  67.     f.elements["extra[anzahl_news]"].value = window.parent.get_extra("anzahl_news") 
  68.     f.elements["extra[mm_link]"].value = window.parent.get_extra("mm_link") 
  69.  
  70.     // Checkbox 
  71.     if(window.parent.get_extra("test_checkbox") == "checked") { 
  72.         f.elements["extra[test_checkbox]"].checked = true; 
  73.     } else { 
  74.         f.elements["extra[test_checkbox]"].checked = false; 
  75.     } 
  76.  
  77.     // Farbpicker 
  78.     f.elements["extra[farbe]"].value = window.parent.get_extra("farbe") 
  79.  
  80.     // Datum/Uhrzeit 
  81.     f.elements["extra[input_datetime]"].value = window.parent.get_extra("input_datetime") 
  82.     f.elements["extra[input_datetime_2]"].value = window.parent.get_extra("input_datetime_2") 
  83.  
  84.     // Bild 
  85.     f.elements["extra[input_image]"].value = window.parent.get_extra("input_image") 
  86. } 
  87.  
  88. function do_unload() 
  89. { 
  90.     // Text/Link 
  91.     window.parent.set_extra("tiefe", f.elements["tiefe"].value) 
  92.     window.parent.set_extra("anzahl_news", f.elements["extra[anzahl_news]"].value) 
  93.     window.parent.set_extra("mm_link", f.elements["extra[mm_link]"].value) 
  94.  
  95.     // Checkbox 
  96.     if(f.elements["extra[test_checkbox]"].checked) { 
  97.         window.parent.set_extra('test_checkbox', 'checked'); 
  98.     } else  { 
  99.         window.parent.set_extra('test_checkbox', 'unchecked'); 
  100.     } 
  101.  
  102.     // Farbpicker 
  103.     window.parent.set_extra("farbe", f.elements["extra[farbe]"].value) 
  104.  
  105.     // Datum / Uhrzeit 
  106.     window.parent.set_extra("input_datetime", f.elements["extra[input_datetime]"].value) 
  107.     window.parent.set_extra("input_datetime_2", f.elements["extra[input_datetime_2]"].value) 
  108.  
  109.     // Bild 
  110.     window.parent.set_extra("input_image", f.elements["extra[input_image]"].value) 
  111.  
  112. } 
  113. //--> 
  114. </script> 
  115. {/literal}