Click text box

  • ArieGenot

    (@ariegenot)


    10 jaren, 6 maanden geleden

    Beste mensen,

    Ik wil dat wanneer ik op een regel tekst (al dan niet in een text box) klik, die regel tekst veranderd in een andere regel tekst. Die dus op dezelfde plek zichtbaar wordt. En dat ik door weer op de nieuwe regel tekst te klikken deze weer naar de oude tekst teruggaat.
    Met andere woorden schakelen tussen twee tekstregels.
    Nu gebruik ik daar een scroll box voor met twee regels tekst boven elkaar geplaatst waarin je kunt heen en weer scrollen maar dat werkt niet goed op mobiele apparaten met touch screens.

    Groetjes.

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)
  • Eva

    (@eva_b)

    10 jaren, 6 maanden geleden

    Kan je een voorbeeld geven van een site waar zo’n techniek gebruikt wordt? bedankt!

    Thread starter ArieGenot

    (@ariegenot)

    10 jaren, 6 maanden geleden

    ik heb op het internet wel iets gevonden dat lijkt op wat ik zoek. Op deze page:
    https://css-tricks.com/swapping-out-text-five-different-ways/
    Dan moet je onder aan het artikel kijken voor een voorbeeld (Demo of All Five Ways). Onder de kop: CSS-Only Way.
    Echter ik wil het gebruiken voor twee REGELS tekst.
    En… bij de oplossing van CSS-Only Way kun je bij het html gedeelte maar één van de beide woordjes / zinnetjes invullen. Ik zoek dus iets waarbij ik bij het html gedeelte beide ‘standen’ van de knop / schakelaar kan invullen. Dus In het CSS gedeelte waar nu ‘content: “Hide”;’ staat moet een variabele komen of zo. En dan moet de html code ook aangepast worden om de mogelijkheid beide kanten van de schakelaar in te vullen.

    Thread starter ArieGenot

    (@ariegenot)

    10 jaren, 6 maanden geleden

    Overigens staan er in de comments op die page ook nog wel enkele oplossingen maar dat gaat me net boven mijn pet omdat ik nog nooit met Java-code heb geknutseld.

    Thread starter ArieGenot

    (@ariegenot)

    10 jaren, 6 maanden geleden

    Ik heb gevonden wat ik zocht: een ‘schakelaar’ waarvan ik het formaat aan kan passen net als de tekst op de schakelaar.
    http://www.htmllion.com/css3-toggle-switch-button.html
    Enige vraag is nog: waar in het CSS document moet ik de CSS-code plaatsen? In de CSS van het theme, dat is duidelijk maar waar in het document.

    Eva

    (@eva_b)

    10 jaren, 6 maanden geleden

    In principe kan je de CSS plaatsen waar je wil maar om eventuele problemen met hiërarchie te vermijden zet je het best onderaan het bestand.

    Ik weet niet of je met een child thema werkt maar ik geval van grote wijzigingen aan je thema zou ik dat zeker aanraden. Hier kan je meer lezen over hoe dat werkt: https://nl.forums.wordpress.org/topic/child-theme-zonder-stijl-hardnekkig?replies=4 (zie de reactie van WP Ginfo)

    Thread starter ArieGenot

    (@ariegenot)

    10 jaren, 6 maanden geleden

    Oké, zal het vandaag doornemen.
    Thnx.

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)

Het onderwerp ‘Click text box’ is gesloten voor nieuwe reacties.