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

31. Aug 2018, 15:26
Beitrag # 1 von 8
Bewertung:
(6703 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: 4952

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

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

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

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

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

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

15. Sep 2018, 05:19
Beitrag # 8 von 8
Beitrag ID: #566294
Bewertung:
(6415 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
PDF-XCange_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
05.02.2021 - 05.11.2021

Digicomp Academy AG, Limmatstrasse 50, 8005 Zürich
Freitag, 05. Feb. 2021, 13.00 Uhr - Freitag, 05. Nov. 2021, 17.00 Uhr

Lehrgang

Bilden Sie sich zum zertifizierten Publishing-Multimedia-Profi aus. Neben Fotografie und Video befassen Sie sich mit der Medienproduktion, digitalen Publikationen und dem Webdesign für Desktop- und mobile Endgeräte.

Preis: CHF 10'500.-
Dauer: 30 Tage (ca. 210 Lektionen) – Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/9PM

Veranstaltungen
28.07.2021

Zürich, Birol Isik BK Academy / SNF Academy - Online
Mittwoch, 28. Juli 2021, 08.00 - 18.00 Uhr

Webinar

Webseite erstellen mit WordPress Marketingmassnahmen Change Management Digitalisierung Herausforderungen & Chancen Content Publishing

Ja

Organisator: Birol Isik - BK Academy Schweiz / SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT snfa DOT ch

https://www.snfa.ch/pers%C3%B6nlichkeitsentwicklung-coaching