Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Onderstreepte tekst in textarea

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

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

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