Ergebnis 1 bis 5 von 5
Like Tree1Likes
  • 1 Post By yabexxl

Thema: Wie Text ändern?

  1. #1
    yabexxl ist offline Jungspund
    registriert
    18-04-2008
    Beiträge
    12

    Smile Wie Text ändern?

    Hallo,

    ich möchte gerne einen bestehenden Text mittels 3 verschiedenen Möglichkeiten per jeweiligem Button ändern.

    Also z.B.

    Das ist der aktuelle Text....

    [Button: alternativer Text 1]
    [Button: alternativer Text 2]
    [Button: alternativer Text 3]

    Je nach Klick auf den Button sollte sich der Text entsprechend ändern.

    Mit 1 Button bekomme ich das wie folgt hin:


    HTML-Code:
    <script type="text/javascript">
    function changeContent()
    {
    document.getElementById('content').innerHTML = 'der neue Text 1';
    }
    </script>
    
    
    <div id="content">Das ist der aktuelle Text....</div>
    
    <input type="button" value="alternativer Text 1" onclick="changeContent();"/>

    Bekomme das leider nicht hin, 'content' entsprechende IDs zu geben, damit ich den ursprünglichen Text mit verschiedenen Buttons ändern kann.

    Danke für Euer Schwarmwissen
    Geändert von mikdoe (20-12-2019 um 09:32 Uhr) Grund: Code Tags

  2. #2
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.721

    AW: Wie Text ändern?

    Du kannst das Attribut type im <script> weglassen.

    Was passiert denn, wenn du den gezeigten Code ausführst? Und was steht in der F12 Console?
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

  3. #3
    Avatar von mo
    mo
    mo ist offline Administrator
    registriert
    09-06-2000
    Ort
    /dev/null
    Beiträge
    5.409

    AW: Wie Text ändern?

    so hätte ich das gemacht..

    HTML-Code:
    <script type="text/javascript">
    function changeContent(text)
    {
    document.getElementById('content').innerHTML = text;
    }
    </script>
    
    
    <div id="content">Das ist der aktuelle Text....</div>
    
    <input type="button" value="alternativer Text 1" onclick="changeContent('alternativer Text 1');"/>
    <input type="button" value="alternativer Text 2" onclick="changeContent('alternativer Text 2');"/>
    <input type="button" value="alternativer Text 3" onclick="changeContent('alternativer Text 3');"/>
    Geändert von mikdoe (22-12-2019 um 10:17 Uhr) Grund: Code Tags
    bye,
    mo

  4. #4
    yabexxl ist offline Jungspund
    registriert
    18-04-2008
    Beiträge
    12

    AW: Wie Text ändern?

    Danke. Das hat mir sehr geholfen :-)
    Euch schöne Festtage!
    mikdoe likes this.

  5. #5
    Avatar von cartny36
    cartny36 ist offline Jungspund
    registriert
    16-09-2016
    Beiträge
    15

    AW: Wie Text ändern?

    Zitat Zitat von yabexxl Beitrag anzeigen
    Danke. Das hat mir sehr geholfen :-)
    Euch schöne Festtage!
    Darf man fragen wozu das ganze? Soll es ein Kunstwerk werden das nur dir gefallen soll? Oder ist dein Geschmack gleich mit 80% der Besucher die du eingeplant hast? Es gibt Schriften die sind angenehmer zu lesen. Aber die zu mischen da hört es dann wieder auf schön zu sein.

Ähnliche Themen

  1. html-text ändern
    Von kennykill im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 20-08-2009, 09:56
  2. Text per Klick ändern
    Von jokas im Forum JavaScript
    Antworten: 34
    Letzter Beitrag: 23-04-2009, 17:08
  3. TD Text ändern?
    Von FloDevo im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 04-12-2005, 14:51
  4. js rollover text ändern
    Von jardem im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 10-04-2005, 22:47
  5. Text ändern auf Hintergrund
    Von NightEvents im Forum Allgemeines
    Antworten: 3
    Letzter Beitrag: 16-03-2005, 17:45

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •