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

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

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

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

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

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

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

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
26.04.2019

Äh, der Kunde hat leider kein InDesign… Aber Office!

HUSS-MEDIEN GmbH
Freitag, 26. Apr. 2019, 17.00 - 20.00 Uhr

Vortrag

Willkommen zur ersten IDUGB im Jahr 2019. Und gemäß Heikes Ansatz, dass die IDUG „mehr als InDesign“ ist, schauen wir dieses Mal ein wenig über den Tellerrand. Okay, auch wenn wir gern über Office lächeln: Es muss jetzt mal sein Egal was man von Office hält, als InDesign-Anwender*in kommt man immer wieder in Kontakt zu Word, Excel und PowerPoint. Es fängt bei Texten und Tabellen an, die in InDesign verarbeitet werden wollen, bis hin zu PowerPoint-Vorlagen im Corporate Design, die Kunden bestellen. Teil 1: Was kann Office alles, was können wir eventuell nutzen? Keine Angst: Ihr müsste jetzt nicht zum Office-Crack werden. Dann dafür gibt es ja Leute, wie Stephan! Er wird euch helfen, zeigt euch im ersten Teil des Abends maßgeblich, was Office so alles kann, was aber auch nicht. Es geht um ganz klassische Frage von InDesigner*innen – gibt es Grundlinienraster, Schnittmasken oder Sonderfarben? Daneben gib es aber auch Grundlegendes, z.B. wie man überhaupt mit der Arbeit in Office loslegt, wo man wichtige Einstellungen findet und wie dieses Office überhaupt so tickt. Wenn Ihr also mal Dokumentenvorlagen für Kunden gestaltet, kennt ihr schon die Möglichkeiten und könntet schon während der Gestaltungsphase auf die Besonderheiten eingehen. Aber Keine Angst, es gibt immer noch genug für uns in InDesign zu tun!

Vollständige Informationen und Anmeldung via https://idug-berlin.de/idugb44/

Ja

Organisator: InDesign User Group Berlin

Kontaktinformation: InDesign User Group Berlin, E-Mailmail AT idug-berlin DOT de

https://idug-berlin.de

Veranstaltungen
06.05.2019 - 07.05.2019

Stuttgart
Montag, 06. Mai 2019, 09.30 Uhr - Dienstag, 07. Mai 2019, 17.30 Uhr

Schulung, Seminar

Unsere Schulung „Zweitägige Weiterbildung zum Cleverprinting-Reinzeichner“ bietet allen Anwendern, die in Agenturen oder freiberuflich als Reinzeichner bzw. in der Reinzeichnung arbeiten, topaktuelles Grafik- und PrePress-Fachwissen rund um das Thema „Druckdatenerstellung mit InDesign, Photoshop, Acrobat“.

Ja

Organisator: Cleverprinting.de

Zweitägige Weiterbildung zum Cleverprinting-Reinzeichner