Ergebnis 1 bis 3 von 3
  1. #1
    Phil2 ist offline Grünschnabel
    registriert
    21-05-2007
    Beiträge
    1

    Problem mit Javascript BBCode und mehreren Textareas

    Ich habe eine Seite mit zwei Textareas und möchte das man bei beiden mit Hilfe von Javascript BBCode einfügen kann. Leider funktioniert es nur bei einen. Da ich mich nicht so gut mit Javascript auskennen, würde ich Euch bitten den Code einmal anzusehen und mir zu schreiben was ich noch ändern muss.

    Die Seite: BBCode Test

    Der Code:

    Code:
    <?php	
    
    print'	
    
    <html>
    <head>
    <title>BBCode Test</title>
    <link href="../blackmetal.css" rel="stylesheet" type="text/css">
    
    <script type="text/javascript">
    <!--
    function insert(aTag, eTag) {
      var input = document.forms["formular"].elements["textarea1"];
      input.focus();
      /* für Internet Explorer */
      if(typeof document.selection != "undefined") {
        /* Einfügen des Formatierungscodes */
        var range = document.selection.createRange();
        var insText = range.text;
        range.text = aTag + insText + eTag;
        /* Anpassen der Cursorposition */
        range = document.selection.createRange();
        if (insText.length == 0) {
          range.move("character", -eTag.length);
        } else {
          range.moveStart("character", aTag.length + insText.length + eTag.length);      
        }
        range.select();
      }
      /* für neuere auf Gecko basierende Browser */
      else if(typeof input.selectionStart != "undefined")
      {
        /* Einfügen des Formatierungscodes */
        var start = input.selectionStart;
        var end = input.selectionEnd;
        var insText = input.value.substring(start, end);
        input.value = input.value.substr(0, start) + aTag + insText + eTag + input.value.substr(end);
        /* Anpassen der Cursorposition */
        var pos;
        if (insText.length == 0) {
          pos = start + aTag.length;
        } else {
          pos = start + aTag.length + insText.length + eTag.length;
        }
        input.selectionStart = pos;
        input.selectionEnd = pos;
      }
      /* für die übrigen Browser */
      else
      {
        /* Abfrage der Einfügeposition */
        var pos;
        var re = new RegExp("^[0-9]{0,3}$");
        while(!re.test(pos)) {
          pos = prompt("Einfügen an Position (0.." + input.value.length + "):", "0");
        }
        if(pos > input.value.length) {
          pos = input.value.length;
        }
        /* Einfügen des Formatierungscodes */
        var insText = prompt("Bitte geben Sie den zu formatierenden Text ein:");
        input.value = input.value.substr(0, pos) + aTag + insText + eTag + input.value.substr(pos);
      }
    }
    //-->
    </script>
    
    </head>
    
    <body bgcolor="#000000" text="#FFFFFF" link="#999999" vlink="#666666" alink="#666666">
    <div align="center" class="normal"><br>
    
    <FORM ENCTYPE="multipart/form-data" ACTION="bands_eintrag.php" METHOD="POST" name="formular"> 
    
    <table width="80%" border="0">
        	<tr> 
    		<td><div align="right" class="normalbold">Textarea1:&nbsp;</div></td>
        		<td class="klein">
    			<br>
    
    			<input type="hidden" value="" 	    onClick="insert(\'\', \'\')">
    			<input type="button" value="fett"   onClick="insert(\'\', \'\')"> 
    			<input type="button" value="kursiv" onClick="insert(\'\', \'\')">
    			<input type="button" value="url"    onClick="insert(\'\', \'\')">
    			<input type="button" value="mail"   onClick="insert(\'[mail]\', \'[/mail]\')"><br>
    
    			<textarea name="textarea1" cols="70" rows="20" id="textarea1"></textarea>
    
        			</label>
          			(...)
    			<br><br>
    		</td>
    	</tr>
       	<tr>
            	<td><div align="right" class="normalbold">Textarea2:&nbsp;</div></td>
         		<td class="klein"><label>
    
    			<input type="hidden" value="" 	    onClick="insert(\'\', \'\')">
    			<input type="button" value="fett"   onClick="insert(\'\', \'\')"> 
    			<input type="button" value="kursiv" onClick="insert(\'\', \'\')">
    			<input type="button" value="url"    onClick="insert(\'\', \'\')">
    			<input type="button" value="mail"   onClick="insert(\'[mail]\', \'[/mail]\')"><br>
    
           			<textarea name="textarea2" cols="70" rows="15" id="textarea2"></textarea>
    
           			</label>
    	       		(...)
    			<br><br>
    		</td>
       	</tr>
    	<tr valign="bottom"> 
        		<td height="30">&nbsp;</td>
        		<td><input type="submit" name="Submit" value="Eintragen"> <input name="Reset" type="reset" id="Reset" value="Reset"></td>
    	</tr>
    </table>
    
    </form>
    
    <br>
    </div>
    
    </body>
    </html>';
    
    ?>
    Geändert von Phil2 (21-05-2007 um 18:19 Uhr)

  2. #2
    [del!x] ist offline Jungspund
    registriert
    21-05-2007
    Beiträge
    21

    AW: Problem mit Javascript BBCode und mehreren Textareas

    du musst villeicht die seite noch .php nennen und nicht .txt??

    Edit: Achsoo habs gefunden BBCode Test
    Geändert von [del!x] (21-05-2007 um 18:33 Uhr) Grund: war auf www.google.de suchen gehn

  3. #3
    Avatar von René
    René ist offline Lebende Foren-Legende
    registriert
    09-06-2000
    Ort
    Boitzenburger Land
    Beiträge
    1.790

    AW: Problem mit Javascript BBCode und mehreren Textareas

    in deinen Buttons, mußt du das gewünschte Formularfeld mitgeben damit die Funktion weis wo es reinschreiben soll.

    Code:
    function insert(aTag, eTag, feld) {
      var input = document.forms["formular"].elements[feld];
    Code:
    <input type="hidden" value="" onClick="insert('', '', 'textarea1')">
    Geändert von René (21-05-2007 um 20:07 Uhr)
    Gruß
    René

    ----------------------------------------------------
    » WebExplorer
    » Lange Weile, Webchess 2003
    » PHP unter JanaServer 2 installieren

Ähnliche Themen

  1. JavaScript Spiel - Problem mit Drag&Drop
    Von nova im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 30-04-2007, 17:30
  2. BBcode & Mehrere Textareas
    Von Kobalt im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 29-04-2007, 22:03
  3. Komisches Javascript Problem
    Von mm124 im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 27-04-2007, 18:33
  4. javascript iframe problem
    Von wa(a)r im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 24-08-2006, 15:35
  5. schwieriges javascript problem :((
    Von Hilty im Forum JavaScript
    Antworten: 6
    Letzter Beitrag: 10-07-2002, 16:18

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •