15 svar · 701 visningar · startad av calson
Är det möjligt att ändra på text stilen i en textbox.
ex
<textarea cols="50" rows="10">
<font color="red">Hej alla glada</font>
<font color="black"> Allt väl?</font>
</textarea>
Hej alla glada skall alltså visas som röd och Allt väl? skall visas som svart
Någon som vet hur man gör det?
Ska det vara en shoutbox eller liknande?
eller kommer samma person/användare att skriva både rött och svart?
Nä ingen shoutbox.
Det jag försöker göra är ett admin skript där det är en textbox som ser ut som själva sidan.
ingen som vet?
<textarea cols="50" rows="10" style="color:red;">
Detta gör ju all text röd. Det jag vill göra är att kunna använda olika färger i textboxen
Går ej tyvärr.
attans
tack ändå
Visst går det!
Har suttit och lekt lite med textarea, textfärg och css.
Detta var vad jag knåpade ihop.
Kanske detta kan ge dig några ideér.
Har gjort nerde arean grå bara för tydligheten.
Så, visst går det om bara viljan finns.
[KOD]
<HTML>
<HEAD>
<style type="text/css">
<!--
div
{
width:300px;
height:100px;
background-color:green;
}
.text1 {background-color:green; border:0px; color:red; font-family:verdana; font-size:14pt; width:300px;}
.text2 {background-color:green; border:0px; color:blue; font-family:verdana; font-size:12pt; width:300px;}
.AREA1
{
width:300px;
background-color:green;
border:0px;
font-family:arial, verdana;
font-size:16px;
color:yellow;
scrollbar-shadow-color:green;
scrollbar-arrow-color:black;
scrollbar-face-color:green;
overflow:auto;
}
.AREA2
{
width:300px;
background-color:silver;
border:0px;
font-family:arial, verdana;
font-size:16px;
color:green;
scrollbar-shadow-color:green;
scrollbar-arrow-color:black;
scrollbar-face-color:green;
overflow:auto;
}
-->
</style>
</HEAD>
<BODY>
<div>
<input name="Namn type="text" value="Rubrikfärg kanske" class="text1">
<input name="Namn type="text" value="Annan färg" class="text2">
<TEXTAREA NAME="Namn" ROWS=5 COLS=35" class=area1>
Här kan du skriva text med valfrifärg.
När texten ej ryms så kommer en vertikal rullist fram
Blev nåt fel med mitt förra inlägg, gör ett nytt försök
<HTML>
<HEAD>
<style type="text/css">
<!--
div
{
width:300px;
height:100px;
background-color:green;
}
.text1 {background-color:green; border:0px; color:red; font-family:verdana; font-size:14pt; width:300px;}
.text2 {background-color:green; border:0px; color:blue; font-family:verdana; font-size:12pt; width:300px;}
.AREA1
{
width:300px;
background-color:green;
border:0px;
font-family:arial, verdana;
font-size:16px;
color:yellow;
scrollbar-shadow-color:green;
scrollbar-arrow-color:black;
scrollbar-face-color:green;
overflow:auto;
}
.AREA2
{
width:300px;
background-color:silver;
border:0px;
font-family:arial, verdana;
font-size:16px;
color:green;
scrollbar-shadow-color:green;
scrollbar-arrow-color:black;
scrollbar-face-color:green;
overflow:auto;
}
-->
</style>
</HEAD>
<BODY>
<div>
<input name="Namn type="text" value="Rubrikfärg kanske" class="text1">
<input name="Namn type="text" value="Annan färg" class="text2">
<TEXTAREA NAME="Namn" ROWS=5 COLS=35" class=area1>
Här kan du skriva text med valfrifärg.
När texten ej ryms så kommer en vertikal rullist fram
</TEXTAREA>
<TEXTAREA NAME="Namn" ROWS=5 COLS=35" class=area2>
Här kan du skriva text med annan färg.
Denna får en egen rullist
om texten ej ryms
</TEXTAREA>
</div>
</BODY>
</HTML>
tackar ska pröva så snart jag har tillgång till mitt skript :)
bossse > Det där frågade väl inte calson efter? Han vill ju ha EN textarea som innehåller olika färger. Din "lösning" innehåller ju 2 separata textareor (samt ett par input-boxar).
Helt rätt Peeer !
Plockade bara ihop detta som ett förslag, då ingen hittills funnit någon annan lösning på problemet.
Jag skrev i mitt förra inlägg bl.a följande
Kanske detta kan ge dig några ideér.
Har gjort nerde arean grå bara för tydligheten.
(riktat till Calson)
Om inget annat funkar, så kanske man får prova andra lösningar, vilket jag gjort.
Tack båda för er vänlighet
Kan man lösa detta med en span-tag, tro? Om det är HTML-kod så syns väl inte koden i textarea-rutan?
<textarea cols="30" rows="8" style="color: #ff0000;">Röd text
<span style="color: #000000;">Svart text</span></textarea>
Jag tvekar dock starkt på att detta skulle funka, men testa vetja. ;)
Nej, för en textarea visar bara innehållet, den tolkar/parsar inte html:en.
PepeJeria skrev:
Nej, för en textarea visar bara innehållet, den tolkar/parsar inte html:en.
Konstigt. Jag får alltid köra en sträng, som ska in i en textarea, genom ASP-metoden HTMLEncode() för att sidan inte ska bli helt knasig. (Fast det gäller kanske bara filer ;))