euc/nucleus/javascript/edit.js

   1 /**\r
   2   * Nucleus: PHP/MySQL Weblog CMS (http://nucleuscms.org/) \r
   3   * Copyright (C) 2002-2005 The Nucleus Group\r
   4   *\r
   5   * This program is free software; you can redistribute it and/or\r
   6   * modify it under the terms of the GNU General Public License\r
   7   * as published by the Free Software Foundation; either version 2\r
   8   * of the License, or (at your option) any later version.\r
   9   * (see nucleus/documentation/index.html#license for more info)\r
  10   *\r
  11   * This file contains functions to allow adding items from inside the weblog.\r
  12   * Also contains code to avoid submitting form data twice.\r
  13   *\r
  14   * $Id: edit.js,v 1.3 2005-03-16 08:07:50 kimitake Exp $\r
  15   * $NucleusJP: edit.js,v 1.3 2005/03/12 06:19:04 kimitake Exp $\r
  16   */\r
  17 \r
  18 var nucleusConvertBreaks = true;\r
  19 var nucleusMediaPopupURL = '';\r
  20 var nucleusMediaURL = 'media/';\r
  21 var nucleusAuthorId = 0;\r
  22 \r
  23 function setConvertBreaks(newval) {     nucleusConvertBreaks = newval; }\r
  24 function setMediaUrl(url) { nucleusMediaURL = url; }\r
  25 function setAuthorId(id) { nucleusAuthorId = id; }\r
  26 \r
  27 function preview(id, value) {\r
  28         elem = document.getElementById(id);\r
  29         if (!elem) return;\r
  30         \r
  31         var preview = nucleusConvertBreaks ? str_replace("\n","<br />",value)+"&nbsp;" : value+"&nbsp;";\r
  32         \r
  33         // expand the media commands (without explicit collection)\r
  34         preview = preview.replace(/\<\%image\(([^\/\|]*)\|([^\|]*)\|([^\|]*)\|([^)]*)\)\%\>/g,"<img src='"+nucleusMediaURL+nucleusAuthorId+"/$1' width='$2' height='$3' alt=\"$4\" />");\r
  35         \r
  36         // expand the media commands (with collection)\r
  37         preview = preview.replace(/\<\%image\(([^\|]*)\|([^\|]*)\|([^\|]*)\|([^)]*)\)\%\>/g,"<img src='"+nucleusMediaURL+"$1' width='$2' height='$3' alt=\"$4\" />");\r
  38         preview = preview.replace(/\<\%popup\(([^\|]*)\|([^\|]*)\|([^\|]*)\|([^)]*)\)\%\>/g,"<a href='' onclick='if (event &amp;&amp; event.preventDefault) event.preventDefault(); alert(\"popup image\"); return false;' title='popup'>$4</a>");\r
  39         preview = preview.replace(/\<\%media\(([^\|]*)\|([^)]*)\)\%\>/g,"<a href='' title='media link'>$2</a>");        \r
  40         \r
  41         elem.innerHTML = preview;\r
  42 }\r
  43 \r
  44 function showedit() {\r
  45         prevval = document.getElementById('edit').style.display;\r
  46         if (prevval == "block")\r
  47                 newval = "none";\r
  48         else\r
  49                 newval = "block";\r
  50         document.getElementById('edit').style.display = newval;\r
  51 \r
  52         if (newval == "block")\r
  53                 updAllPreviews();       \r
  54 }\r
  55 \r
  56 function updAllPreviews() {\r
  57         updPreview('title');\r
  58         updPreview('body');\r
  59         updPreview('more');\r
  60 }\r
  61 \r
  62 function isEditVisible() {\r
  63         var editform = document.getElementById('edit');\r
  64         if (!editform) return true;\r
  65         var prevval = editform.style.display;\r
  66         return (prevval == "none") ? false : true;\r
  67 }\r
  68 \r
  69 function updPreview(id) {\r
  70         // don't update when preview is hidden\r
  71         if (!isEditVisible()) return;\r
  72         \r
  73         var inputField = document.getElementById('input' + id);\r
  74         if (!inputField) return;\r
  75         preview('prev' + id, inputField.value);\r
  76 }\r
  77 \r
  78 // replace a in s by b (taken from milov.nl)\r
  79 function str_replace(a, b, s)\r
  80 {\r
  81         if (a == b || !s.length || !a.length) return s;\r
  82         if ((p=s.indexOf(a)) == -1) { return s; }\r
  83         else { ns = s.substring(0,p) + b + s.substring(p+a.length,s.length); }\r
  84         return (s.indexOf(a) != -1) ? str_replace(a, b, ns) : ns;\r
  85 }\r
  86 \r
  87 function shortCuts() {\r
  88         if (!event || (event.ctrlKey != true)) return;\r
  89         \r
  90         switch (event.keyCode) {\r
  91                 case 1:\r
  92                         ahrefThis(); break; // ctrl-shift-a\r
  93                 case 2:\r
  94                         boldThis(); break; // ctrl-shift-b\r
  95                 case 9:\r
  96                         italicThis(); break; // ctrl-shift-i\r
  97                 case 13:\r
  98                         addMedia(); break; // ctrl-shift-m\r
  99                 default: \r
 100                         return;\r
 101         }\r
 102         return;\r
 103 }\r
 104 \r
 105 function cutThis() { execAndUpdate('cut'); }\r
 106 function copyThis() { execAndUpdate('copy'); }\r
 107 function pasteThis() { execAndUpdate('paste'); }\r
 108 function boldThis() { insertAroundCaret('<b>','</b>'); }\r
 109 function italicThis() { insertAroundCaret('<i>','</i>'); }\r
 110 function leftThis() { insertAroundCaret('<div class="leftbox">','</div>'); }\r
 111 function rightThis() { insertAroundCaret('<div class="rightbox">','</div>'); }\r
 112 function alignleftThis() { insertAroundCaret('<div style="text-align: left">','</div>'); }\r
 113 function alignrightThis() { insertAroundCaret('<div style="text-align: right">','</div>'); }\r
 114 function aligncenterThis() { insertAroundCaret('<div style="text-align: center">','</div>'); }\r
 115 \r
 116 \r
 117 function ahrefThis() {\r
 118         if (document.selection)\r
 119                 strSelection = document.selection.createRange().text;\r
 120         else\r
 121                 strSelection = '';\r
 122                 \r
 123         strHref = prompt("Create a link to:","http://");\r
 124         if (strHref == null) return;\r
 125         \r
 126         var textpre = "<a href=\"" + strHref + "\">";\r
 127         insertAroundCaret(textpre, "</a>");\r
 128 }\r
 129 \r
 130 function execAndUpdate(action) {\r
 131         lastSelected.caretPos.execCommand(action);\r
 132         updAllPreviews();       \r
 133 }\r
 134 \r
 135 \r
 136 var nonie_FormType = 'body';\r
 137 \r
 138 // Add media to new item\r
 139 function addMedia() {\r
 140         \r
 141         var mediapopup = window.open(nucleusMediaPopupURL + 'media.php','name',\r
 142                 'status=yes,toolbar=no,scrollbars=yes,resizable=yes,width=500,height=450,top=0,left=0');\r
 143 \r
 144         return;\r
 145 } \r
 146 \r
 147 \r
 148 function setMediaPopupURL(url) {\r
 149         nucleusMediaPopupURL = url;\r
 150 }\r
 151 \r
 152 function includeImage(collection, filename, type, width, height) {\r
 153         if (isCaretEmpty()) {\r
 154                 text = prompt("Text to display ?","");\r
 155         } else {\r
 156                 text = getCaretText();\r
 157         }\r
 158         \r
 159         // add collection name when not private collection (or editing a message that's not your)\r
 160         var fullName;\r
 161         if (isNaN(collection) || (nucleusAuthorId != collection)) {\r
 162                 fullName = collection + '/' + filename;\r
 163         } else {\r
 164                 fullName = filename;\r
 165         }\r
 166                 \r
 167         \r
 168         var replaceBy;\r
 169         switch(type) {\r
 170                 case 'popup':\r
 171                         replaceBy = '<%popup(' +  fullName + '|'+width+'|'+height+'|' + text +')%>';\r
 172                         break;\r
 173                 case 'inline':\r
 174                 default:\r
 175                         replaceBy = '<%image(' +  fullName + '|'+width+'|'+height+'|' + text +')%>';\r
 176         }\r
 177         \r
 178         insertAtCaret(replaceBy);\r
 179         updAllPreviews();       \r
 180 \r
 181 }\r
 182 \r
 183 \r
 184 function includeOtherMedia(collection, filename) {\r
 185         if (isCaretEmpty()) {\r
 186                 text = prompt("Text to display ?","");\r
 187         } else {\r
 188                 text = getCaretText();\r
 189         }\r
 190         \r
 191         // add collection name when not private collection (or editing a message that's not your)\r
 192         var fullName;\r
 193         if (isNaN(collection) || (nucleusAuthorId != collection)) {\r
 194                 fullName = collection + '/' + filename;\r
 195         } else {\r
 196                 fullName = filename;\r
 197         }       \r
 198         \r
 199         var replaceBy = '<%media(' +  fullName + '|' + text +')%>';\r
 200         \r
 201         insertAtCaret(replaceBy);\r
 202         updAllPreviews();       \r
 203 }\r
 204 \r
 205 \r
 206 \r
 207 // function to prevent submitting form data twice\r
 208 var submitcount=0;\r
 209 function checkSubmit() {\r
 210         if (submitcount == 0) {\r
 211                 submitcount++;\r
 212                 return true;\r
 213         } else {\r
 214                 return false;\r
 215         }\r
 216 }\r
 217 \r
 218 \r
 219 // code to store the caret (cursor) position of a text field/text area\r
 220 // taken from javascript.faqts and modified\r
 221 // http://www.faqts.com/knowledge_base/view.phtml/aid/1052/fid/130\r
 222 \r
 223 // stores the caret\r
 224 function storeCaret (textEl) {\r
 225 \r
 226         // store caret\r
 227         if (textEl.createTextRange) \r
 228                 //textEl.caretPos = document.selection.createRange().duplicate();\r
 229                 lastCaretPos = document.selection.createRange().duplicate();\r
 230 \r
 231         // also store lastselectedelement\r
 232         lastSelected = textEl;\r
 233         \r
 234         nonie_FormType = textEl.name;\r
 235 }\r
 236 \r
 237 var lastSelected;\r
 238 \r
 239 // inserts text at caret (overwriting selection)\r
 240 function insertAtCaret (text) {\r
 241         var textEl = lastSelected;\r
 242         if (textEl && textEl.createTextRange && textEl.caretPos) {\r
 243                 var caretPos = textEl.caretPos;\r
 244                 caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;\r
 245         } else if (!document.all && document.getElementById) {\r
 246                 mozReplace(document.getElementById('input' + nonie_FormType), text);                            \r
 247         } else if (textEl) {\r
 248                 textEl.value  += text;\r
 249         } else {\r
 250                 document.getElementById('input' + nonie_FormType).value += text;                \r
 251         }\r
 252         updAllPreviews();\r
 253 }\r
 254 \r
 255 // inserts a tag around the selected text\r
 256 function insertAroundCaret (textpre, textpost) {\r
 257         var textEl = lastSelected;\r
 258         \r
 259         if (textEl && textEl.createTextRange && textEl.caretPos) {\r
 260                 var caretPos = textEl.caretPos;\r
 261                 caretPos.text = textpre + caretPos.text + textpost;\r
 262         } else if (!document.all && document.getElementById) {\r
 263                 mozWrap(document.getElementById('input' + nonie_FormType), textpre, textpost);          \r
 264         } else {\r
 265                 document.getElementById('input' + nonie_FormType).value += textpre + textpost;\r
 266         }\r
 267 \r
 268         updAllPreviews();\r
 269 }\r
 270 \r
 271 /* some methods to get things working in Mozilla as well */\r
 272 function mozWrap(txtarea, lft, rgt) {\r
 273         var selLength = txtarea.textLength;\r
 274         var selStart = txtarea.selectionStart;\r
 275         var selEnd = txtarea.selectionEnd;\r
 276         if (selEnd==1 || selEnd==2) selEnd=selLength;\r
 277         var s1 = (txtarea.value).substring(0,selStart);\r
 278         var s2 = (txtarea.value).substring(selStart, selEnd)\r
 279         var s3 = (txtarea.value).substring(selEnd, selLength);\r
 280         txtarea.value = s1 + lft + s2 + rgt + s3;\r
 281 }\r
 282 function mozReplace(txtarea, newText) {\r
 283         var selLength = txtarea.textLength;\r
 284         var selStart = txtarea.selectionStart;\r
 285         var selEnd = txtarea.selectionEnd;\r
 286         if (selEnd==1 || selEnd==2) selEnd=selLength;\r
 287         var s1 = (txtarea.value).substring(0,selStart);\r
 288         var s2 = (txtarea.value).substring(selStart, selEnd)\r
 289         var s3 = (txtarea.value).substring(selEnd, selLength);\r
 290         txtarea.value = s1 + newText + s3;\r
 291 }\r
 292 function mozSelectedText() {\r
 293         var txtarea = document.getElementById('input' + nonie_FormType);\r
 294         var selLength = txtarea.textLength;\r
 295         var selStart = txtarea.selectionStart;\r
 296         var selEnd = txtarea.selectionEnd;\r
 297         if (selEnd==1 || selEnd==2) selEnd=selLength;\r
 298         return (txtarea.value).substring(selStart, selEnd);\r
 299 }\r
 300 \r
 301 function getCaretText() {\r
 302         if (!document.all && document.getElementById)\r
 303                 return mozSelectedText();\r
 304         else\r
 305                 return lastSelected.caretPos.text;\r
 306 }\r
 307 \r
 308 function isCaretEmpty() {\r
 309         if (lastSelected && lastSelected.createTextRange && lastSelected.caretPos)\r
 310                 return (lastSelected.caretPos.text == '');\r
 311         else if (!document.all && document.getElementById)\r
 312                 return (mozSelectedText() == '');\r
 313         else\r
 314                 return true;\r
 315 }\r
 316 \r
 317 function BtnHighlight(el) {\r
 318         with(el.style){\r
 319                 borderLeft="1px solid gray";\r
 320                 borderRight="1px solid #e9e9e9";\r
 321                 borderTop="1px solid gray";\r
 322                 borderBottom="1px solid #e9e9e9";\r
 323         }\r
 324 }\r
 325 \r
 326 function BtnNormal(el) {\r
 327         with(el.style){\r
 328                 padding="3px";\r
 329                 border="1px solid #dddddd";\r
 330         }\r
 331 }\r
 332 \r