Eingabeerleichertung BB-Code/Html

      Eingabeerleichertung BB-Code/Html

      Art: Skript

      Beschreibung: Ein kleines JavaScript um den Benutzern eines Gästebuch die Verwendung von BB-Codes oder Html-EIngaben zu erleichtern.

      Autor: Kleine Veränderungen durch Daniel; Skript stammt von dieser Quelle: aktuell.de.selfhtml.org/artikel/j…bcode/index.htm
      Demo: ?
      Sonstiges: Weitere Details in diesem Thread: Eingabeerleichterung (HTML/BB)


      C O D E

      HTML-Quellcode

      1. <html>
      2. <head>
      3. <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
      4. <script type="text/javascript">
      5. <!--
      6. function insert(aTag, eTag) {
      7. var input = document.forms['neu'].elements['nachricht'];
      8. input.focus();
      9. /* für Internet Explorer */
      10. if(typeof document.selection != 'undefined') {
      11. /* Einfügen des Formatierungscodes */
      12. var range = document.selection.createRange();
      13. var insText = range.text;
      14. range.text = aTag + insText + eTag;
      15. /* Anpassen der Cursorposition */
      16. range = document.selection.createRange();
      17. if (insText.length == 0) {
      18. range.move('character', -eTag.length);
      19. } else {
      20. range.moveStart('character', aTag.length + insText.length + eTag.length);
      21. }
      22. range.select();
      23. }
      24. /* für neuere auf Gecko basierende Browser */
      25. else if(typeof input.selectionStart != 'undefined')
      26. {
      27. /* Einfügen des Formatierungscodes */
      28. var start = input.selectionStart;
      29. var end = input.selectionEnd;
      30. var insText = input.value.substring(start, end);
      31. input.value = input.value.substr(0, start) + aTag + insText + eTag + input.value.substr(end);
      32. /* Anpassen der Cursorposition */
      33. var pos;
      34. if (insText.length == 0) {
      35. pos = start + aTag.length;
      36. } else {
      37. pos = start + aTag.length + insText.length + eTag.length;
      38. }
      39. input.selectionStart = pos;
      40. input.selectionEnd = pos;
      41. }
      42. /* für die übrigen Browser */
      43. else
      44. {
      45. /* Abfrage der Einfügeposition */
      46. var pos;
      47. var re = new RegExp('^[0-9]{0,3}$');
      48. while(!re.test(pos)) {
      49. pos = prompt("Einfügen an Position (0.." + input.value.length + "):", "0");
      50. }
      51. if(pos > input.value.length) {
      52. pos = input.value.length;
      53. }
      54. /* Einfügen des Formatierungscodes */
      55. var insText = prompt("Bitte geben Sie den zu formatierenden Text ein:");
      56. input.value = input.value.substr(0, pos) + aTag + insText + eTag + input.value.substr(pos);
      57. }
      58. }
      59. //-->
      60. </script>
      61. </head>
      62. <body>
      63. <form name="neu" action="">
      64. <textarea name="nachricht" cols="30" rows="10"></textarea>
      65. <br>
      66. <input type="button" value="Fett" onClick="insert('[b]', '[/b]')">
      67. <input type="button" value="Kursiv" onClick="insert('[i]', '[/i]')">
      68. <input type="button" value="Unterstrichen" onClick="insert('[u]', '[/u]')">
      69. </form>
      70. </body>
      71. </html>