[GastForen Programmierung/Entwicklung JavaScript ausgewählte Textzeilen in einer Textarea nummerieren

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

ausgewählte Textzeilen in einer Textarea nummerieren

cwenet
Beiträge gesamt: 870

31. Aug 2018, 17:26
Beitrag # 1 von 8
Bewertung:
(2670 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Guten Tag,

ich versuche gerade markierten Text in einer Textarea zu nummerieren.
Dies habe ich bisher gefunden:

Code
 <script language="javascript" type="text/javascript"> 
function TextDefine(val){
var i= 1;

var array1 = val.value.split("\n");
for ( i = 0; i < array1.length; i++) {

array1[i] = i+" " + array1[i];
}
val.value = array1.join("\n");

}
</script>


Damit wird das Script per button ausgelöst:
Code
<input type="button" name="submit1" value="Submit" onclick="TextDefine(document.getElementById('msg'))" /> 


Nun sollen aber nur die ausgewählten Textzeilen nummeriert werden.
Also vorher:
Zeile eins
Zeile zwei
Zeile drei
Zeile vier

Nachher:
Zeile eins
1 Zeile zwei
2 Zeile drei
Zeile vier

Im Moment werden alle Zeilen nummeriert und beginnen schon bei null.
Bitte um Hilfe
Gruß
Christoph
X

ausgewählte Textzeilen in einer Textarea nummerieren

Uwe Laubender
Beiträge gesamt: 4236

31. Aug 2018, 18:17
Beitrag # 2 von 8
Beitrag ID: #565906
Bewertung:
(2664 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Christoph,
verrate uns doch bitte mal für welches Programm Du den Code schreibst.

Wenn Du mit 1 anstatt 0 beginnen willst, addiere 1 zum Zähler i:

Code
array1[i] = ( i+1 ) + " " + array1[i]; 

*****
Mit herzlichem Gruß,
Uwe Laubender


als Antwort auf: [#565897]

ausgewählte Textzeilen in einer Textarea nummerieren (Javascript, HTML, Internetbrowser)

cwenet
Beiträge gesamt: 870

31. Aug 2018, 18:23
Beitrag # 3 von 8
Beitrag ID: #565907
Bewertung:
(2660 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Uwe,

danke fürs Antworten.
Ach, das habe ich ganz vergessen.
Das Ganze soll hier im Internetbrowser Chrome laufen.
Also Html plus Javascript.

Gruß
Christoph


als Antwort auf: [#565906]

ausgewählte Textzeilen in einer Textarea nummerieren (Javascript, HTML, Internetbrowser)

cwenet
Beiträge gesamt: 870

2. Sep 2018, 10:13
Beitrag # 4 von 8
Beitrag ID: #565941
Bewertung:
(2546 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Guten Tag,

bin immer noch dran.
Vom Grund her funktioniert es jetzt mit folgendem Code:

Code
<html> 
<head>
<script>
function mySelect(){
var myTextArea = document.getElementById("myTextArea");
var selection = (myTextArea.value).substring(myTextArea.selectionStart,myTextArea.selectionEnd);

var array1 = selection.split("\n");

for ( i = 0; i < array1.length; i++) {

array1[i] = ( i+1 ) + " " + array1[i];
}
myTextArea.value = array1.join("\n");
}

</script>
</head>
<body>
<p><textarea id="myTextArea"></textarea></p>
<button onclick="mySelect()">Click me</button>
</body>
</html>


Jetzt verschwinden die nicht ausgewählten Zeilen.
Wie schaffe ich es, dass die markierten Zeilen nummeriert werden und dass der Rest da bleibt,
wo er war. Komme leider nicht weiter.

Bitte nochmals um Hilfe.
Schönen Sonntag
Christoph


als Antwort auf: [#565907]

ausgewählte Textzeilen in einer Textarea nummerieren (Javascript, HTML, Internetbrowser)

crisies
  
Beiträge gesamt: 106

13. Sep 2018, 21:34
Beitrag # 5 von 8
Beitrag ID: #566257
Bewertung:
(2460 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hi christoph,

anstatt:
myTextArea.value = array1.join("\n");

das hier?
myTextArea.value = myTextArea.value.replace(myTextArea.value,array1.join("\n"));

Also nicht alles aus dem Feld myTextArea ersetzen, sondern nur das was vorher selektioniert war. Dürfte aber nur gehen, wenn die Selektion auch immer zusammenliegt.

lg
chris.w.

*************************************
Chris Würsch
http://www.chriswuersch.com
*************************************


als Antwort auf: [#565941]

ausgewählte Textzeilen in einer Textarea nummerieren (Javascript, HTML, Internetbrowser)

cwenet
Beiträge gesamt: 870

14. Sep 2018, 09:53
Beitrag # 6 von 8
Beitrag ID: #566261
Bewertung:
(2431 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Chris,

vielen Dank.

Leider ist das Ergebnis das Gleiche.
Es wird zwar das Ausgewählte richtig nummeriert, der Rest ist aber verschwunden.

Grüße
Christoph


als Antwort auf: [#566257]

ausgewählte Textzeilen in einer Textarea nummerieren (Javascript, HTML, Internetbrowser)

crisies
  
Beiträge gesamt: 106

14. Sep 2018, 15:53
Beitrag # 7 von 8
Beitrag ID: #566286
Bewertung:
(2412 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Korrekt es müsste anstatt dem:

Code
myTextArea.value = array1.join("\n"); 


folendermassen sein:

Code
myTextArea.value = (myTextArea.value).substring(0,myTextArea.selectionStart)+array1.join("\n")+(myTextArea.value).substring(myTextArea.selectionEnd); 


lg
chris.w.

*************************************
Chris Würsch
http://www.chriswuersch.com
*************************************


als Antwort auf: [#566261]

ausgewählte Textzeilen in einer Textarea nummerieren (Javascript, HTML, Internetbrowser)

cwenet
Beiträge gesamt: 870

15. Sep 2018, 07:19
Beitrag # 8 von 8
Beitrag ID: #566294
Bewertung:
(2382 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Danke und merci viel mal.
So klappt es primstens.

Einen schönen Tag
Christoph


als Antwort auf: [#566286]
X

Veranstaltungen

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen. pdf-icon Hier eine kleine Anleitung.

Veranstaltungen
13.12.2018 - 20.12.2018

3400 Burgdorf, BE
Donnerstag, 13. Dez. 2018, 09.00 Uhr - Donnerstag, 20. Dez. 2018, 09.00 Uhr

Workshop

Schritt für Schritt: Planen, konzipieren und Umsetzen einer responsiven Website mit Wordpress: Lokalen Server einrichten; Frontend/Backend; Vorgehen Schritt für Schritt bis zur fertigen Site.

2-Tages-Workshop CHF 990.00

Ja

Organisator: PubliCollege GmbH

Kontaktinformation: Beat Kipfer, E-Mailinfo AT publicollege DOT ch

www.publicollege.ch

Websites erstellen mit Wordpress und Elementor Pro
Veranstaltungen
13.12.2018

Impressed GmbH, Hamburg
Donnerstag, 13. Dez. 2018, 10.00 - 10.30 Uhr

Webinar

Wir stellen Ihnen in diesem kostenlosen ca. halbstündigen Webinar das neue Enfocus Switch PDF Review Modul zur Freigabe von PDF-Druckdaten vor. Wir zeigen Ihnen, wie Sie die Lösung in bestehende Enfocus Switch-Workflows einbinden und somit die Freigabeprozesse mit Ihren Kunden erheblich beschleunigen können.

Ja

Organisator: Impressed GmbH

Kontaktinformation: Detlef Grimm, E-Mailschulungen AT impressed DOT de

https://www.impressed.de/schulung.php?c=sDetail&sid=250

Enfocus Switch PDF Review Modul