From 62332983cfcf9e4d9eb9af41e90c8b90c5a6b6ee Mon Sep 17 00:00:00 2001
From: Donncha O Caoimh <donncha@git.wordpress.org>
Date: Fri, 8 Oct 2004 16:33:10 +0000
Subject: [PATCH] "Instant Preview" added to Advanced Editing form.

git-svn-id: https://develop.svn.wordpress.org/trunk@1762 602fd350-edb4-49c9-b593-d223f7449a82
---
 wp-admin/edit-form-advanced.php | 23 +++++++++++++++++++++--
 wp-admin/wp-admin.css           | 14 +++++++++++++-
 2 files changed, 34 insertions(+), 3 deletions(-)

diff --git a/wp-admin/edit-form-advanced.php b/wp-admin/edit-form-advanced.php
index 7f2da1a591..3fdd72898a 100644
--- a/wp-admin/edit-form-advanced.php
+++ b/wp-admin/edit-form-advanced.php
@@ -94,7 +94,21 @@ window.onload = focusit;
 <legend><a href="http://wordpress.org/docs/reference/post/#excerpt" title="<?php _e('Help with excerpts') ?>"><?php _e('Excerpt') ?></a></legend>
 <div><textarea rows="1" cols="40" name="excerpt" tabindex="4" id="excerpt"><?php echo $excerpt ?></textarea></div>
 </fieldset>
-
+<script type="text/javascript">
+<!--
+function ReloadTextDiv()
+{
+    var UseInstantPreview = document.getElementById("use_instant_preview").checked;
+    if( UseInstantPreview == true )
+    {
+        var NewText = document.getElementById("content").value;
+        splitText = NewText.split(/\n/).join("<br />");
+        var DivElement = document.getElementById("TextDisplay");
+        DivElement.innerHTML = splitText;
+    }
+}
+// -->
+</script>
 <fieldset id="postdiv">
        <legend><a href="http://wordpress.org/docs/reference/post/#post" title="<?php _e('Help with post field') ?>"><?php _e('Post') ?></a></legend>
 <?php the_quicktags(); ?>
@@ -104,7 +118,12 @@ window.onload = focusit;
      $rows = 10;
  }
 ?>
-<div><textarea rows="<?php echo $rows; ?>" cols="40" name="content" tabindex="5" id="content"><?php echo $content ?></textarea></div>
+<div><textarea rows="<?php echo $rows; ?>" cols="40" name="content" tabindex="5" onkeyup="ReloadTextDiv();" id="content"><?php echo $content ?></textarea></div>
+<input onclick='ReloadTextDiv();' name="use_instant_preview" type="checkbox" id="use_instant_preview" value="1" checked /> <label for='use_instant_preview'>Use Instant Preview</label> <br />
+</fieldset>
+<fieldset id="previewdiv">
+<legend><a href="http://wordpress.org/docs/reference/post/#post" title="Help with post field">Preview</a></legend>
+<div><p id="TextDisplay"></p></div>
 </fieldset>
 
 <?php
diff --git a/wp-admin/wp-admin.css b/wp-admin/wp-admin.css
index 6fa419ed89..43470db112 100644
--- a/wp-admin/wp-admin.css
+++ b/wp-admin/wp-admin.css
@@ -487,4 +487,16 @@ textarea, input, select {
 
 #wphead h1 span {
 	font-size: .4em;
-}
\ No newline at end of file
+}
+
+#TextDisplay{
+border-left: solid 1px #666666;
+border-right: solid 1px #000000;
+border-top: solid 1px #666666;
+border-bottom: solid 1px #000000;
+background:#f2f9a5;
+margin:10px 30px 10px 30px;
+padding:3px;
+font-size: 11px;
+font-family:verdana;
+}