Frage zu einem Button: weiterlesen

  • hallo,

    ich habe gerade angefangen einen "weiterlesen"-Button für die mobile Version meiner Webseite zu machen.

    Hier steht zuviel Text, und wenn ich den Button klicke, dann erscheint der Resttext so wie er soll.

    2 Fragen dazu, leider wird die Seite irgendwie neu geladen und ich muss wieder runterscrollen bin dahin , wo der Text zu lesen ist,

    optisch schön wäre es eben wenn es bei dem Button stehen bleibt und der Rest darunter aufgeht.

    Und zweitens, wenn der Text eingeblendet ist, wie bekomme ich den Button "weiterlesen" weg oder unsichtbar.


    Das ist mein erster Versuch damit, ist das überhaupt sinnvoll so, oder gibts da bessere Lösungen, bitte die einfachsten für der Anfang.

    vielen Dank euch schonmal

    Tino

  • das neu laden liegt hier dran

    Code
    <form action="" method="post">
                    <input type="submit" name="more" value="weiterlesen">
                    </form>

    Submit läd die Seite neu.

    Warum machst du das den mit php ?

    Die Texte sind ja nicht ewig lang.

    Das kannst du beim betreten der Seite mit Css ausblenden und beim klick auf weiterlesen mit Css oder Javascript einblenden.


    Bei längeren Texten könntest du die mit Ajax nachladen, das läd die Seite auch nicht neu.


    EDIT:

    Mit CSS https://codepen.io/Idered/pen/AeBgF

    Mit JS https://codepen.io/maxds/pen/jgeoA

  • hallo,


    habe hier noch ein problem, ich habe nun etwas mit css versucht, im localhost funktioniert es gut, aber in der mobilen version am Smartphone geht der

    "read more"- Button überhaupt nicht ?

    hast du dazu eine idee ?


    danke

    Tino

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!