[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: 1082

31. Aug 2018, 17:26
Beitrag # 1 von 8
Bewertung:
(7096 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: 5253

31. Aug 2018, 18:17
Beitrag # 2 von 8
Beitrag ID: #565906
Bewertung:
(7090 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]; 



als Antwort auf: [#565897]

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

cwenet
Beiträge gesamt: 1082

31. Aug 2018, 18:23
Beitrag # 3 von 8
Beitrag ID: #565907
Bewertung:
(7086 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: 1082

2. Sep 2018, 10:13
Beitrag # 4 von 8
Beitrag ID: #565941
Bewertung:
(6972 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: 135

13. Sep 2018, 21:34
Beitrag # 5 von 8
Beitrag ID: #566257
Bewertung:
(6886 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.


als Antwort auf: [#565941]

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

cwenet
Beiträge gesamt: 1082

14. Sep 2018, 09:53
Beitrag # 6 von 8
Beitrag ID: #566261
Bewertung:
(6857 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: 135

14. Sep 2018, 15:53
Beitrag # 7 von 8
Beitrag ID: #566286
Bewertung:
(6838 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.


als Antwort auf: [#566261]

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

cwenet
Beiträge gesamt: 1082

15. Sep 2018, 07:19
Beitrag # 8 von 8
Beitrag ID: #566294
Bewertung:
(6808 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

Aktuell

PDF / Print
Wolken_300

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
01.03.2023 - 09.03.2023

Online
Mittwoch, 01. März 2023, 00.00 Uhr - Donnerstag, 09. März 2023, 00.00 Uhr

Online Webinar

Wie gehen wir mit diesen Veränderungen um? Was ist notwendig, damit wir die Digitalisierung im Unternehmen klappt? Veränderungsprozesse verstehen und entsprechend handeln Mitarbeiter als Botschafter Webseite mit WordPress erstellen SEA /SEO (Ads aufschalten)

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: B. Isik, E-Mailinfo AT snfa DOT ch

https://www.fernstudiumfitness.ch/digitalisierung-schweiz/