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

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

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

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

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

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

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

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

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

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.

Veranstaltungen
21.08.2019

Affinity Photo, Affinity Designer und Affinity Publisher

Schulungsraum von pre2media – Dammstrasse 8, 8610 Uster
Mittwoch, 21. Aug. 2019, 09.00 - 17.00 Uhr

Referat

Alle reden davon – wir zeigen ihnen kompakt was in den einzelnen ­Programmen wirklich steckt. Sind die Programme von Affinity – bereits heute – eine Alternative zu den Adobe-Programmen? Was versteht ­Affinity unter StudioLink und der vollständigen Integration der Affinity-Apps. Sie können jedes Affinity-Referat einzeln buchen. Oder alle drei Referate zusammen, bequem an einem Tag.

Mittwoch, 21. August 2019
9.00 bis 11.00 Affinity Photo Bildbearbeitung CHF 90.00
13.00 bis 15.00 Affinity Designer Grafikdesign CHF 90.00
15.00 bis 17.00 Affinity Publisher Layoutprogramm CHF 90.00
Alle drei Affinity Programme zusammen (6 Lektionen) CHF 220.00

Diese Referate werden auch noch am Fr. 13. September und am Di. 22. Oktober 2019 durchgeführt.

Ja

Organisator: pre2media gmbh, Dammstrasse 8, 8610 Uster, info@pre2media.ch, www.pre2media.ch

Kontaktinformation: Peter Jäger oder Roger Thurnherr, E-Mailinfo AT pre2media DOT ch

https://www.pre2media.ch/-1/de/kurse/affinity-referat/

Affinity-Referat bei pre2media
Veranstaltungen
22.08.2019

Impressed GmbH, Hamburg
Donnerstag, 22. Aug. 2019, 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.

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
Hier Klicken