[GastForen Programmierung/Entwicklung JavaScript Einzelne Zeichen Farbe zuweisen in HTML-Dokument

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

Einzelne Zeichen Farbe zuweisen in HTML-Dokument

uswd
Beiträge gesamt: 200

19. Dez 2018, 17:26
Beitrag # 1 von 3
Bewertung:
(2430 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

ich habe ein HTML-Dokument, welches mehrere Absätze enthält, in denen bestimmte Zeichen eine andere Farbe zugewiesen werden sollen. Da dies relativ viele sind, würde ich gern vermeiden, diese von Hand in ein
Code
<span class="gf"></span> 

Paar zu packen. CSS ist passend definiert.

Ich habe es im Head damit versucht:
Code
window.onload = function() { 
obj = document.getElementsById('dia').getElementsByTagName('p');
obj.innerHTML = obj.innerHTML.replace(/[\+ztsvwm]/g,'<span
class="gf">$1</span>');
}

HTML könnte z. B. so aussehen:
Code
<body> 
<div>
<p id="dia"> XIIIIIIIIY<br>
9rsnlwq-trk+0<br>
9zpp+-zppvlp0<br>
9-+-zp-snp+0<br>
9+-zp-+-+-0<br>
9-+PzPP+-+0<br>
9+-sN-vLP+-0<br>
9PzP-+-+PzP0<br>
9tR-+QmKLsNR0<br>
xiiiiiiiiy </p>
</div>
</body>


Alle Zeichen der Menge [\+ztsvwm] sollen eingefärbt werden. Das klappt aber mit meinem Anfänger-Code leider nicht.

Kann mir jemand auf die Sprünge helfen?

Danke im Voraus.

Ulrich
X

Einzelne Zeichen Farbe zuweisen in HTML-Dokument

olaflist
Beiträge gesamt: 1378

19. Dez 2018, 21:30
Beitrag # 2 von 3
Beitrag ID: #568132
Bewertung:
(2417 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
getElementsByTagName gibt Dir ein array zurück, oder? Ein array hat aber kein innerHTML. Mit

Code
obj = document.getElementsById('dia').getElementsByTagName('p')[0]; 


müsstest Du weiter kommen... (in der Annahme, es ist immer das erste und einzige <p>).

Olaf
--
Olaf Druemmer | Geschäftsführer
callas software gmbh | www.callassoftware.com
axaio software GmbH | www.axaio.com


als Antwort auf: [#568128]

Einzelne Zeichen Farbe zuweisen in HTML-Dokument

uswd
Beiträge gesamt: 200

20. Dez 2018, 08:35
Beitrag # 3 von 3
Beitrag ID: #568136
Bewertung:
(2399 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hab ich probiert, zeigt aber keine "Wirkung". Und es sollte alle Absätze des HTML-Dokuments erfassen, die die "id='dia'" besitzen.
Na ja, wenn ich's nicht hinbekomme, muss ich halt die "häßliche" Lösung mittels Suchen-und-Ersetzen nehmen. Die macht dann das HTML sehr unleserlich mit den vielen <span></span>-Konstrukten.
Danke jedenfalls für die Hilfe.

Ulrich


als Antwort auf: [#568132]

Aktuell

Farbmanagement

| 03.02.2020

colorant_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
07.02.2020 - 11.09.2020

Digicomp Academy AG, 8005 Zürich
Freitag, 07. Feb. 2020, 13.00 Uhr - Freitag, 11. Sept. 2020, 12.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. Mit dem Abschluss «Publisher Professional – Profil «Multimedia» verliehen durch die Digicomp Academy AG, bestätigen Sie Ihre Praxiserfahrungen und Qualifizierung in den genannten Themengebieten gegenüber Ihrem Arbeitgeber sowie Ihren Kunden.

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

Nein

Organisator: Digicomp Academy AG

Kontaktinformation: Isil Günalp, E-Mailisil.guenalp AT digicomp DOT ch

https://www.digicomp.ch/weiterbildung/software-anwendungs-trainings/adobe-trainings/publishing-lehrgaenge/lehrgang-publisher-professional-profil-multimedia

Veranstaltungen
22.02.2020 - 04.07.2020

Lehrgang zielgerichtet auf die Zertifizierung zum Publisher Basic

Schulungsraum PubliCollege, Kronenhalde 9d, 3400 Burgdorf
Samstag, 22. Feb. 2020, 13.14 Uhr - Samstag, 04. Juli 2020, 13.15 Uhr

Projektseminar/Lehrgang

Ziele In der Medienproduktion unter Einbezug der aktuellen Publishing-Programme mitarbeiten. Voraussetzungen Sie möchten gestalterisch tätig sein und eigene grafische Ideen kompetent entwickeln sowie umsetzen; Medienproduktionen professionell planen und ausführen. Kompetenzen Nach Abschluss dieses Lehrgangs können Sie Printpublikationen aller Art von der Gestaltung über die Umsetzung bis zu druckfertige PDFs erstellen. Sie sind fähig, CI/CD-Vorgaben umzusetzen. Sie lernen die Grundlagen der grafischen Gestaltung kennen und setzen diese mit Adobe Photoshop, InDesign und Illustrator effizient um.

15 Halbtage, jeweils am Samstag von 08.30 bis 14 Uhr im Kursraum des PubliCollege, 3400 Burgdorf


Daten
Samstag, 22.2., 29.2., 14.3., 21.3., 28.3., 4.4., 25.4., 2.5., 9.5., 16.5., 6.6., 13.6., 20.6., 27.6., 4.7. 2020
Reservedatum am 23.5. 2020

Ja

Organisator: PubliCollege GmbH, 3400 Burgdorf

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

https://www.publicollege.ch/kursangebote/20-publisher-basic

Hier Klicken