BlackBoard » Design, Programmierung & Entwicklung » Webdesign » Zeilenumbruch in JavaScript » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen
Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen Zeilenumbruch in JavaScript
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Trutzy Trutzy ist männlich
Neuling

Dabei seit: 04.05.2002
Beiträge: 4

Zeilenumbruch in JavaScript       Zum Anfang der Seite springen

Tach,


ich habe folgendes Problem:

ich muss den in ein Textfeld eingegebenen Text über ein JavaScript so verändern dass die Zeilenumbrüche in eine Leerstelle (" ") umgewandelt werden. Weiss jemand wie ich dat hinbekommen könnte?
04.05.2002 01:05 Trutzy ist offline E-Mail an Trutzy senden Homepage von Trutzy Beiträge von Trutzy suchen
LX LX ist männlich
El Comandante en Jefe


images/avatars/avatar-2290.gif

Dabei seit: 25.11.2001
Beiträge: 5.372
Herkunft: Berliner Bronx

Achtung       Zum Anfang der Seite springen

Nehmen wir an, du hast ein Textfeld und einen Button, mit dem du dessen Inhalt übermittelst:
code:
1:
2:
3:
<textarea id="super" cols="20" rows="3"></textarea>
<br/>
<input type="button" onClick="konvertieren()">


Dann brauchst du eine Funktion konvertieren() die so aussieht:
code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
<SCRIPT type="text/javascript">
<!--
function konvertieren()
{
    var Text = document.getElementById('super').value;
    var Hilfe = new Array();
    Hilfe = Text.split('\n');
    Text = "";
    for (var i = 0; i < Hilfe.length; i++)
    {
        Text += Hilfe[i] + ' ';
    } 
}
// -->
</SCRIPT>


Zur Erklärung: Den Inhalt übermittle ich mit getElementById(), du kannst es aber auch auf andere Möglichkeiten in JavaScript machen. Die String-Methode split() spaltet einen String an den Stellen, wo sich der Teil in den Klammern (in diesem Fall '\n', ein Zeilenumbruch) befindet und speichert das Resultat in einem Array (Hilfe). Danach lösche ich die Variable Text und speichere darin die einzelnen Teilstrings aus Hilfe wieder ab, getrennt durch ein Leerzeichen. Fertig smile

__________________
JS-Games.de - Misled Scripting Skills Gone Mad | Meine Filmkritiken | Urban Photography
Kommt mal in den IRC-Channel: irc.eu.freenode.net | Port 6667 | #blackboard

"Ever tried. Ever failed. No matter.
Try again. Fail again. Fail better."
- Samuel Beckett

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von LX: 04.05.2002 14:50.

04.05.2002 14:49 LX ist offline E-Mail an LX senden Homepage von LX Beiträge von LX suchen
Trutzy Trutzy ist männlich
Neuling

Dabei seit: 04.05.2002
Beiträge: 4

Themenstarter Thema begonnen von Trutzy
Fragezeichen       Zum Anfang der Seite springen

Auf diesem Weg habe ich es auch schon versucht, aber wenn ich deine Funktion um
code:
1:
alert(Text);

erweitere wird der Zeilenumbruch trotzdem durchgeführt.
04.05.2002 15:12 Trutzy ist offline E-Mail an Trutzy senden Homepage von Trutzy Beiträge von Trutzy suchen
LX LX ist männlich
El Comandante en Jefe


images/avatars/avatar-2290.gif

Dabei seit: 25.11.2001
Beiträge: 5.372
Herkunft: Berliner Bronx

      Zum Anfang der Seite springen

Aha, ich merke schon, der Internet Explorer lässt das '\n' trotzdem in der Zeichenkette drin, wohingegen mein Browser das Trennzeichen entfernt... na gut, ist nicht das große Problem, dann fügst du eben eine kleine Abfrage in das Skript ein. Fertig sieht's dann so aus:
code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
<SCRIPT type="text/javascript">
<!--
function konvertieren()
{
    var Text = document.getElementById('super').value;
    var Hilfe = new Array();
    Hilfe = Text.split('\n');
    Text = "";
    for (var i = 0; i < Hilfe.length; i++)
    {
        if (document.all) Hilfe[i] = Hilfe[i].substring(0,Hilfe[i].length-1);
        Text += Hilfe[i] + ' ';
    }
	alert(Text); // zum Testen der Ausgabe
}
// -->
</SCRIPT>


Damit löschst du jeweils das letzte Zeichen der Teilstrings. Wenn du sie dann zusammenfügst sind die Umbrüche nicht mehr drin.

__________________
JS-Games.de - Misled Scripting Skills Gone Mad | Meine Filmkritiken | Urban Photography
Kommt mal in den IRC-Channel: irc.eu.freenode.net | Port 6667 | #blackboard

"Ever tried. Ever failed. No matter.
Try again. Fail again. Fail better."
- Samuel Beckett

04.05.2002 16:13 LX ist offline E-Mail an LX senden Homepage von LX Beiträge von LX suchen
Trutzy Trutzy ist männlich
Neuling

Dabei seit: 04.05.2002
Beiträge: 4

Themenstarter Thema begonnen von Trutzy
Augenzwinkern Problem gelöst       Zum Anfang der Seite springen

Herzlichen Dank, das Skript ist genau richtig für meine Zwecke.


Danke!
04.05.2002 18:00 Trutzy ist offline E-Mail an Trutzy senden Homepage von Trutzy Beiträge von Trutzy suchen
Baumstruktur | Brettstruktur
Gehe zu:
Neues Thema erstellen Antwort erstellen
BlackBoard » Design, Programmierung & Entwicklung » Webdesign » Zeilenumbruch in JavaScript

Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab GmbH