more title stuff

diff --git a/view/theme/dispy/jot-header.tpl b/view/theme/dispy/jot-header.tpl
index a3464f3f7a45294133755ce2f554755dcab7411e..a30b4182507449c3bf2e63ce8aaac1b7f70de158 100644 (file)
--- a/view/theme/dispy/jot-header.tpl
+++ b/view/theme/dispy/jot-header.tpl
@@ -102,9 +102,28 @@ function initEditor(cb) {
                     initEditor();
                 }); 
 
+               $("#jot-title").mouseout(function() {
+                       $("#jot-title").hide();
+                       var ttl = $("#jot-title").val();
+                       $('#jot-title-display').html(ttl);
+                       if(ttl.length) {
+                               $("#jot-title-display").show();
+                       }
+                       else {
+                               $("#jot-title-desc").show();
+                       }
+               });
+
+               $("#jot-title-display").click(function() {
+                       $("#jot-title-display").hide();
+                       $("#jot-title").show();
+                       $("#jot-title").focus();
+               });             
+
                $("#jot-title-desc").click(function() {
                        $("#jot-title-desc").hide();
                        $("#jot-title").show();
+                       $("#jot-title").focus();
                });             
 
                var uploader = new window.AjaxUpload(

diff --git a/view/theme/dispy/jot.tpl b/view/theme/dispy/jot.tpl
index b340b532b3bd003ecb74c9c07f5efdbc4787c5cb..57f320d4ce6eaced30db0eafb5343af091384d45 100644 (file)
--- a/view/theme/dispy/jot.tpl
+++ b/view/theme/dispy/jot.tpl
@@ -17,6 +17,7 @@
                <input type="hidden" name="post_id" value="$post_id" />
                <div id="jot-title-wrapper">
                <span id="jot-title-desc" style="display: none;">$addtitle</span>
+               <span id="jot-title-display" style="display: none;"></span>
                <input type="text" name="title" id="jot-title" value="" style="display: none;" />
                </div>
 

diff --git a/view/theme/dispy/style.css b/view/theme/dispy/style.css
index 59425a05a2dca7c219eb28938548d40fd7abb5e3..08582f1d572747320e9eda2170570e1f908da124 100644 (file)
--- a/view/theme/dispy/style.css
+++ b/view/theme/dispy/style.css
@@ -354,6 +354,9 @@ aside #viewcontacts { text-align: right;}
        border: 1px solid #cccccc;
        width: 530px;
 }
+#jot-title-display {
+       font-weight: bold;
+}
 
 
 /**

diff --git a/view/theme/loozah/style.css b/view/theme/loozah/style.css
index daacba7fc5778a2d89e68420a63bb5e4698610b7..6b8aef500bde7ad4eb0eaac12a874e0682e59ddf 100644 (file)
--- a/view/theme/loozah/style.css
+++ b/view/theme/loozah/style.css
@@ -144,6 +144,9 @@ blockquote:before {
        width: 530px;
 }
 
+#jot-title-display {
+       font-weight: bold;
+}
 
 .fakelink, .fakelink:visited {
        color: #15607B;

diff --git a/view/theme/quattro/jot.tpl b/view/theme/quattro/jot.tpl
index 9aeea2df941a7585353c76aa2e766128da79f7ce..61ba75234be606db30ec1d5ac89a9e9f7f1b4ab0 100644 (file)
--- a/view/theme/quattro/jot.tpl
+++ b/view/theme/quattro/jot.tpl
@@ -15,6 +15,7 @@
                <input type="hidden" name="post_id" value="$post_id" />
                <div id="jot-title-wrapper">
                <span id="jot-title-desc" style="display: none;">$addtitle</span>
+               <span id="jot-title-display" style="display: none;"></span>
                <input type="text" name="title" id="jot-title" value="" style="display: none;" />
                </div>
 

diff --git a/view/theme/testbubble/jot-header.tpl b/view/theme/testbubble/jot-header.tpl
index dba6cfd2b897237ca3ee86479135fdd491274207..bf3b3cbe700164a9c621ba0d4f097ec80d64f31c 100644 (file)
--- a/view/theme/testbubble/jot-header.tpl
+++ b/view/theme/testbubble/jot-header.tpl
@@ -124,11 +124,30 @@ function initEditor(cb) {
                     initEditor();
                 }); 
 
-               $("#jot-title-desc").click(function() {
-            $("#jot-title-desc").hide();
-            $("#jot-title").show();
-        });
 
+               $("#jot-title").mouseout(function() {
+                       $("#jot-title").hide();
+                       var ttl = $("#jot-title").val();
+                       $('#jot-title-display').html(ttl);
+                       if(ttl.length) {
+                               $("#jot-title-display").show();
+                       }
+                       else {
+                               $("#jot-title-desc").show();
+                       }
+               });
+
+               $("#jot-title-display").click(function() {
+                       $("#jot-title-display").hide();
+                       $("#jot-title").show();
+                       $("#jot-title").focus();
+               });             
+
+               $("#jot-title-desc").click(function() {
+                       $("#jot-title-desc").hide();
+                       $("#jot-title").show();
+                       $("#jot-title").focus();
+               });             
 
                var uploader = new window.AjaxUpload(
                        'wall-image-upload',

diff --git a/view/theme/testbubble/jot.tpl b/view/theme/testbubble/jot.tpl
index dce5fb616cecd72e963e569a061b87c546595173..be536aff404506736512b1e7795e6c3da495d8d1 100644 (file)
--- a/view/theme/testbubble/jot.tpl
+++ b/view/theme/testbubble/jot.tpl
@@ -18,6 +18,7 @@
 
                <div id="jot-title-wrapper">
         <span id="jot-title-desc" style="display: none;">$addtitle</span>
+               <span id="jot-title-display" style="display: none;"></span>
         <input type="text" name="title" id="jot-title" value="" style="display: none;" />
         </div>
 

diff --git a/view/theme/testbubble/style.css b/view/theme/testbubble/style.css
index 5c31f2f41161cce5a5b28a384fe57b5c41ee71b5..3a5d9f178808a9c18c3c4ab49b06f0cfdf6cbe28 100644 (file)
--- a/view/theme/testbubble/style.css
+++ b/view/theme/testbubble/style.css
@@ -757,6 +757,9 @@ ul .sidebar-group-li .icon{
        width: 460px;
 }
 
+#jot-title-display {
+       font-weight: bold;
+}
 
 #profile-jot-perms, #profile-jot-submit {
        width: 60px;