Announcement

Collapse
No announcement yet.

"Read More"-Button

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • "Read More"-Button

    Hallo liebes Forum,

    ich habe ein kleines Problem bei der Umprogrammierung eines kleinen JavaScrips-Codes. Der Code funktioniert soweit ganz gut, nur habe ich mehrere dieser "Read More"-Buttons auf einer Seite, weshalb der Code variabel gestaltet werden müsste.
    Ich hoffe mir kann jemand bei diesem Problem helfen

    Viele Grüße und danke im Voraus!

    Javascript

    function myFunction() {
    var dots = document.getElementById("dots");
    var moreText = document.getElementById("more");
    var btnText = document.getElementById("myBtn");

    if (dots.style.display === "none") {
    dots.style.display = "inline";
    btnText.innerHTML = "Read more";
    moreText.style.display = "none";
    } else {
    dots.style.display = "none";
    btnText.innerHTML = "Read less";
    moreText.style.display = "inline";
    }
    }

    HTML

    <style>
    #more {display: none;}
    </style>

    <body>
    <table width="100%" cellpadding="2">
    <tr>
    <td><span >Beschreibung</span></td>
    <td><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<span id="dots">...</span><span id="more">erisque enim ligula venenatis dolor. Maecenas nisl est, ultrices nec congue eget, auctor vitae massa.</span></p>
    <button onclick="myFunction()" id="myBtn">mehr</button></td>
    </tr>
    </table>
    </body>

  • #2
    Da das so überhaupt nichts mit Java zu tun hat ->verschoben

    Ich hoffe mir kann jemand bei diesem Problem helfen
    Bei welchem Problem?
    Was soll variabel sein?
    Gff. übergeben der Funktion das Element, an dem der Button war, als Parameter oder nimm feste Parameter
    <button onclick="myFunction(1)"
    Christian

    Comment

    Working...
    X