Artikkel<br>
<form action="" method="post">
{[id]}<input type="hidden" name="id" value="{id}">{[/id]}
<div id="prevdiv1" style="position: absolute; left: 0px; top: 25px; width: 580px; height: 20px; visibility: hidden;"><input type="button" value="Sulge eelvaade" onclick="javascript:sulge();" class="kast">&nbsp;<b>NB! Eelvaade ei pruugi 100% täpne olla.</b></div>
<div id="prevdiv2" style="position: absolute; left: 0px; top: 45px; width: 580px; height: 400px; visibility: hidden; overflow: auto;"></div>
<div id="tavadiv" style="position: absolute; left: 0px; top: 25px; visibility: visible;">
<table style="width: 580px;">
<tr>
       <td>Artikli pealkiri</td>
       <td><input type="text" class="kast" name="pealkiri" value="{pealkiri}"></td>
</tr>
<tr>
       <td valign="top">Artikli sisu</td>
       <td><textarea name="tekst" id="tekst" rows="8" cols="40" class="kast" style="width: 450px; height: 260px;">{tekst}</textarea></td>
</tr>
<tr>
       <td valign="top"></td>
       <td><input type="submit" value="Lisa" class="kast">&nbsp;<input type="button" value="Eelvaade" onclick="javascript:eelvaade();" class="kast"></td>
</tr>
</table>
</div>
</form>
<script language="javascript">
function eelvaade() {
  var tekst;
  tekst = document.getElementById('tekst').value;

  var i = tekst.indexOf('\n');

  while (i > -1) {
    tekst = tekst.replace('\n', '<br>');
    i = tekst.indexOf('\n', i+4);
  }

  document.getElementById('prevdiv2').innerHTML = tekst;
  document.getElementById('tavadiv').style.visibility = 'hidden';
  document.getElementById('prevdiv1').style.visibility = 'visible';
  document.getElementById('prevdiv2').style.visibility = 'visible';
}
function sulge() {
  document.getElementById('prevdiv1').style.visibility = 'hidden';
  document.getElementById('prevdiv2').style.visibility = 'hidden';
  document.getElementById('prevdiv2').innerHTML = '';
  document.getElementById('tavadiv').style.visibility = 'visible';
}
</script>