5 berichten aan het bekijken - 1 tot 5 (van in totaal 5)
  • Q:
    Bijdrager
    iPodder

    HTML – Javascript – tekst verbergen

    Op http://homepage.mac.com/xxxxxxxxxxxxxxxxxxxxx/temp.htm heb ik een stukje html code staan met een javascript. Via een knopje kan je tekst weergeven of verbergen.

    Dit is precies wat ik wil, maar alleen nog iets meer. Het volgende:

    Tussen “Dit is mijn teskt” en “Volgende tekst” wordt een stukje tekst zichtbaar gemaakt.
    Wanneer de tekst niet aanwezig is staat er een lege witte regels. Hoe kan ik zorgen dat de zin “volgende tekst” netjes onder “dit is mijn tekst” komt te staan. Bij het uitklappen moet de tekst ertussen komen en de onderste regel naar beneden.

    Hebben jullie hier voorbeelden voor, alternatieven, tips? Alles welkom

    Dank!

    Bijdrager
    computer space

    Het is een beetje lastig om een oplossing te bedenken voor een ‘los’ probleem. Waarschijnlijk wil je dit idee op een breder iets toepassen. Ik denk namelijk bij dit soort dingen aan PHP waarmee je een input button een verversing van de pagina laat doen met of zonder tekst, of aan AJAX achtige methodes. Wanneer je echter een hover-effect wilt, zou het ook weer met CSS kunnen. Probeer de uiteindelijke toepassing eens iets meer te illustreren.

    Bijdrager
    Olaf Klemann

    Het show/hide effect wordt nu gedaan met visibility:hidden en visibility:visible.
    Dit maakt het alleen zichtbaar/onzichtbaar. Wat jij wilt kan door i.p.v. visibility, display te gebruiken

    display:none is niet weergeven, display:block = weergeven.
    Kijk maar eens op http://www.motorbanden.nl/?page=220 , daar gebruik ik hetzelfde voor de verschillende routes.

    Bijdrager
    iJoost
    Bijdrager
    iPodder
    ”Olaf

    Het show/hide effect wordt nu gedaan met visibility:hidden en visibility:visible.
    Dit maakt het alleen zichtbaar/onzichtbaar. Wat jij wilt kan door i.p.v. visibility, display te gebruiken

    display:none is niet weergeven, display:block = weergeven.
    Kijk maar eens op http://www.motorbanden.nl/?page=220 , daar gebruik ik hetzelfde voor de verschillende routes.

    Dankje Olaf! Ik heb de code herschreven en nu werkt het wel zo als gewenst! Het is te zien op: http://homepage.mac.com/xxxxxxxxxxxxxxxxxxx/temp.htm.

5 berichten aan het bekijken - 1 tot 5 (van in totaal 5)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.