php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 18.05.2005, 16:13  
Erfahrener Benutzer
 
Registriert seit: 16.08.2004
Beiträge: 145
DDogg
Standard Javascript input problemschen

Hallo.

Hab heute mal ein kleines Javascript problem.

Ich habe eine textarea die unten drunter Buttons hat, die wenn man sie klickt, in die textarea html code reinschreiben.

Eigentlich genauso wie das hier im Forum ist. Mit Bold und italic usw.

Funktioniert auch alles wunderbar.

Jetzt müssen da aber zwei textfelder hin. Und ich weiss nich wie ich die Buttons den einzelnen textareas zuordnen kann?? Aber hier erstmal das java script:

Code:
<script type="text/javascript">
<!--
function insert(aTag, eTag) {
  var input = document.forms['eingabe'].elements['Haupttext1'];
  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>
Und hier meine zwei textareas

Code:
<form action="artikelaendern.php" method="post" name="eingabe">

 <textarea name="Haupttext1" cols="90" rows="5">$Teasertext</textarea>
 

 <input type="button" value="f" onclick="insert('', '')" class=bold>
 
 <input type="button" value="k" onclick="insert('', '')" class=italic>
 
 <input type="button" value="u" onclick="insert('<u>', '</u>')" class=underline>
 
 <input name="Haupttext1"type="button" value="Zeilenumbruch" onclick="insert('
', '')" accesskey="k">
 
 <input type="button" value="Zentrieren" onclick="insert('<div align=center>', '</div>')">

<textarea name="Haupttext2" cols="90" rows="20">$Haupttext</textarea>


<input type="button" value="f" onclick="insert('', '')" class=bold>

<input type="button" value="k" onclick="insert('', '')" class=italic>

<input type="button" value="u" onclick="insert('<u>', '</u>')" class=underline>

<input type="button" value="Zeilenumbruch" onclick="insert('
', '')">

<input type="button" value="Zentrieren" onclick="insert('<div align=center>', '</div>')">


</form>
Japs.

Im moment passiert folgendes:

Wenn ich im unteren textfeld einen button anklicke, wird der code im oberen Textfeld eingefügt. Is ja auch klar, weil das script ihm sagt füge es im "Haupttext1" ein. Wie kann ich nun dem script und/oder dem Button sagen das er es im unteren Textfeld eintragen soll??!!??

Hab alles ausprobiert was mir eingefallen is, hat aber nichts geklappt.

Wär schön wenn mir jemand helfen könnte
DDogg ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
JS: Einführung - Javascript im Schichtenmodell nikosch Tutorials 4 11.04.2009 17:06
Dateityp mit Javascript in einem Input erkennen Plague HTML, Usability und Barrierefreiheit 11 01.07.2007 16:31
Lange Verarbeitungszeiten - Zuviel JavaScript? [-UFO-]Melkor HTML, Usability und Barrierefreiheit 2 15.06.2007 23:54
Javascript von Smileys und Buttons wie B U I ändern... mickschen HTML, Usability und Barrierefreiheit 10 07.06.2006 15:56
PHP + Javascript + MYSQL socke PHP Tipps 2006 4 02.04.2006 22:02
javascript probleme bei Ajax anwendung Sclot HTML, Usability und Barrierefreiheit 11 22.03.2006 13:06
Variable wird geändert bei Übergabe an Javascript PHP Tipps 2007 4 17.12.2005 16:53
2 javascript fragen Rotti HTML, Usability und Barrierefreiheit 4 03.08.2005 11:40
[Erledigt] Input value und Input text PHP Tipps 2005-2 4 12.07.2005 16:46
Javascript ON/OFF Connar PHP Tipps 2005 3 03.04.2005 09:47
[Erledigt] input type's HTML, Usability und Barrierefreiheit 4 27.03.2005 18:23
Wert des Attributs "class" mit JavaScript dynamisc Stümper HTML, Usability und Barrierefreiheit 1 08.09.2004 10:33
JavaScript in JavaScript geschriebene Html-Datei einbinden. woods HTML, Usability und Barrierefreiheit 6 06.09.2004 18:33
Javascript HTML, Usability und Barrierefreiheit 5 31.08.2004 18:30
php + Javascript, Variablenübergabe PHP Tipps 2004 14 28.07.2004 15:42

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
javascript selectionstart, javascript input text value undefined, value.length ie6, html input selection start, javascript movestart, ie6 javascript input text value, javascript input undefined, input get slection, eingabefelder html java mit smilie, html input anfügen, http://www.php.de/html-usability-und-barrierefreiheit/23258-javascript-input-problemschen.html, input text center, javascript movestart zeilenumbruch, javascript zeilenumbruch select html, javascript input value ie6, <input type=\button\ value=\zentrieren\, html input erkennen, js zeilenumbruch range.text, input move html javascript text, moveable input types html

Alle Zeitangaben in WEZ +2. Es ist jetzt 23:49 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum

Creative Commons License
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.