Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Onderstreepte tekst in textarea

None
4 antwoorden
  • Hoe krijg ik de onderstaande code zo in een textarea dat het er zonder die tags mooi uitziet ?

    [code:1:0963832934]
    <span style='border-bottom: 2px dotted #ff9900'>Blaaaa</span>
    en
    <span style='border-bottom: 2px dotted #ff9900'>bliiiii</span>
    en
    <span style='border-bottom: 2px dotted #9DC0E1'>blaaaa</span>
    [/code:1:0963832934]
  • … Door geen textarea te gebruiken :D

    Volgens mij moet het zoiets dan zijn:

    [code:1:f7ba130695]<div id="editArea" style="width:500px; height: 200px;border:1px solid #000;">
    <span style='border-bottom: 2px dotted #ff9900'>Blaaaa</span>
    en
    <span style='border-bottom: 2px dotted #ff9900'>bliiiii</span>
    en
    <span style='border-bottom: 2px dotted #9DC0E1'>blaaaa</span>
    </div>[/code:1:f7ba130695]
    En om hem nu dynamisch te kunnen editten doe je in een javascript:
    [code:1:f7ba130695]<script type="text/javascript">
    <!–
    window.onload = function()
    {
    if (!document.getElementById) return;
    var editArea = document.getElementById("editArea");
    editArea.contentEditable = "true";
    }
    //–>
    </script>[/code:1:f7ba130695]

    Ik weet niet of dit ongeveer precies is wat je bedoeld, het is misschien een zetje in de goede richting. Dit voorbeeldje werkt overigens alleen in IE, maar ik vemoed dat het wel mogelijk is om een cross-browser versie te maken.
  • mmmm bedankt, kun je het nu nog wel als fomulier gebruiken ? :) posten enzo ?
  • Nee, niet direct. Je moet dan een "hidden"-input maken in je form. En de innerHTML (de gegenereerde HTML) van die editArea bij het onSubmit-event van het formulier kopiëren naar die hidden-input. Het formulier verzendt dan netjes de tekst inclusief html-tags naar de server.

    Je zult je uiteraard wel iets moeten verdiepen in JavaScript en een aantal artikeltjes moeten lezen over dit onderwerp.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.