Changeset 1762

Timestamp:

10/08/2004 04:33:10 PM (21 years ago)

Author:

donncha

Message:

"Instant Preview" added to Advanced Editing form.

Location:

trunk/wp-admin

Files:

• edit-form-advanced.php (modified) (2 diffs)
• wp-admin.css (modified) (1 diff)

trunk/wp-admin/edit-form-advanced.php

@@ -95 +95 @@
 <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>
@@ -105 +119 @@
  }
 ?>
-<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>
 

trunk/wp-admin/wp-admin.css

@@ -489 +489 @@
     font-size: .4em;
 }
+
+#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;
+}