Re: Formatierung eines Ausgabestrings eines Javaskripts unter HTML-5:

    Vorbemerkung: Ich ersetze im Folgenden die Tag Begrenzer “<>“ durch “{}“ weil die “<>“ hier sofort interpretiert werden und damit nicht mehr explizit erkennbar sind. (Als Neuling habe ich keine Ahnung, wie das eventuell anders erreichbar wäre)


    Unter Evolution V8 schreibe ich in einem Javaskript den String


    Code
    1. quotes7='{b}Jesus sagte zu ihr: Ich bin die Auferstehung und das Leben. Wer an mich glaubt, wird leben, auch wenn er stirbt, und jeder, der lebt und an mich glaubt, wird in Ewigkeit nicht sterben.{/b} {br/}{br/}{font size="-1"}{i} - Johannes 11,25-26 (Zürcher Übersetzung){/i}'


    in Größe 5 aus mit dem letzen Befehl des Skripts:


    Code
    1. document.write(quotes7.fontsize(“5“))


    In einem anderen Skript möchte ich den String


    Code
    1. quotes8='Was wir wissen, ist ein Tropfen, was wir nicht wissen, ist ein Ozean. {br}{br}{font size="-1"}{i} - Isaac Newton (1643 - 1727){/i}'


    in einer anderen Größe, z.B. 4, ausschreiben lassen.


    Das erreiche ich mit:


    Code
    1. document.write(quotes8.fontsize(“4“))


    Von Java wird das in {font size=“4“} umgesetzt und das funktioniert unter WebSite X5 Evolution V8 bestens, da von V8 XML 1.0 erzeugt wird.


    Unter Evolution V9 wird HTML-5 Code erzeugt, in dem das von Java erzeugte {font} Tag ignoriert wird. Die Standardantwort auf das Problem lautet: benutze CSS.


    Wie kann ich innerhalb eines Java Strings (quotes7 oder quotes8) und dann im dem document.write CSS Formatierung unterbringen, die das gleiche bewirkt wie z.B. hier:


    zitate_weise


    oder hier:


    zitate_Jesus


    unter V8 demonstriert?


    Unter V9 funktioniert alles genauso, mit der einzigen Ausnahme, daß alles in gleicher Schriftgröße erscheint.


    Ich bitte um Vorschläge, Rainer


    PS: Eine Testseite für V9 habe ich nicht und halte das auch für nicht nötig. Ich teste das alles lokal

    Das müsst doch über ein DIV realisierbar sein?


    Code
    1. <div id="example">
    2. js-code
    3. </div>


    und in den CSS-Bereich:

    Code
    1. #example { font-size: 22px; color: #000; font-family: Verdana, Arial, sans-serif; }


    Weil font-size mag html5 nicht mehr im Code.

    Mario


    Der einzige Lohn für Helfer ist ein Feedback.

    So nun zu dir...


    Also ich hab das eben mal durchgespielt anhand deines Beispiels... weitere Anpassungen bezüglich des Textes und Formatierung musst du selbst machen.


    Ich habe ein HTML Objekt (Widget) genommen und das eingetragen



    Den Scriptbereich kannst du wie du schon gemacht hast auslagern... hatte keine Lust zu...


    Dann unter Eigenschaften der Seite habe ich in den Head Bereich geschrieben...



    Das kannst du auch wieder auslagern in eine eigene Css Datei die du an das Widget hängen kannst. Aber ich denke das bekommst du hin.

    Zunächst mal danke an little-key und zwoemti, daß sie sich die Mühe machten, das Problem zu analysieren und für die Lösungsvorschläge.


    Little-key's Vorschlag ähnelt auf den ersten Blick sehr dem HTML/CSS code, mit dem ich es schon versuchte zu lösen. Von daher wäre ich überrascht, wenn das es schon wäre. Probieren werde ich es auf jeden Fall, denn zwoemti's Vorschlag sieht zwar nach meinem Verständnis eher erfolgversprechend aus aber dafür doch erheblich aufwendiger.


    Vor dem Wochenende werde ich kaum Zeit haben, das zu testen, werde aber in jedem Fall das Ergebnis berichten.


    Nochmals danke an beide, Rainer

    naja im Grunde ist es dein js und halt ein wenig mit css formatiert umständlicher ist es nicht da du auch nur deine Textzeilen anpassen musst und sie halt in die Klassen schreiben.


    little-keys Antwort hab ich erweitert da du ja verschieden groß schreibst reicht ein div nicht aus um es zu gestalten.


    Das bestehende js ist auch schnell mit Notepad++ geändert - suchen und ersetzen...


    zum testen kannst du ja die beiden Code Teile von mir mal in deine Seite einfügen und dann läuft es ja schon...

    Ich habe zwoemti's Lösung implementiert. Mit UltraEdit (anstelle von notepad++) war es tatsächlich nicht so schlimm wie es aussah. Bei der Gelegenheit habe ich gleich ein paar lose Enden entdeckt und fixieren können. Es funktioniert nun wie gewünscht und wie vorher unter Evolution V8.


    Unsere Seite Stolpersteine! - evangelisch und frei läuft jetzt unter V9.


    Danke nochmal an zwoemti.


    Rainer