Förinställd text i kommentarsrutan

Ok idag tänkte jag gå igenom hur man får det att stå t.ex. "Lämna gärna en kommentar!" i kommentarsrutan tills man klickar i den och då försvinner det. Detta är ingen konst och man kan göra det olika avancerat såklart :)
Till att börja med ska vi använda oss av entry kodmallen.
Och som vanligt rekommenrerar jag att ta en kopia på den innan ni ändrar nått!

Leta i entry kodmallen rätt på följnade kod:
<textarea name="comment" onchange="doChange(this)" cols="52" rows="7"></textarea>
Det är möjligt att er kod skiljer sig en aning, men det ska vara en textarea med name="comment"

Mellan sluttaggen > och </textarea> skriver man in den text man vill att automatiskt ska synas i rutan, i mitt exempel "Lämna gärna en kommentar!".
Det ska alltså då se ut såhär:
<textarea name="comment" onchange="doChange(this)" cols="52" rows="7">Lämna gärna en kommentar!</textarea>

Grattis! Nu har ni en elegant starttext i rutan!
Problemet nu är att den texten försvinner inte när man klickar i rutan för att lämna sin egna komemntar.
Men det ska vi såklart fixa!
Tänkte visa två alternativ, ett bra och ett mindra bra.
Börjar med det mindre bra.

Jättelätt, skriv bara in:
onfocus="this.value=''"
någonstans inom <teaxtarea ...... >
Det är allt, varför är det då mindre bra? Jo för att varje gång man klickar i rutan försvinner all text. Vilket såklart är vansinnigt irriterande om man skrivit en lång kommentar.

Det bättre sättet är då lite krångligare men inte nämnvärt svårt.
Gör helt enkelt såhär:
klistra in följande kod OVANFÖR <textarea .... :

och inom <textarea... skriver ni:
id="kommentarer" onfocus="ClearTextBox(this.value)"
Klart!

Allt bör nu se ut såhär:

Har ni skrivit in erat id="..." och onfocus="..." nån annanstans men bara inom <textarea så gör inte det nått.
Har ni dessutom redan lagt in mitt smileyscript så har ni redan id="kommentarer"" och då ska det INTE stå an gång till!
Vill ni ändra texten som visas måste ni ändra BÅDE mellan textarea koderna och i scriptet där det står if (text == "Lämna gärna en kommentar!")

Lycka till!
//Paka

Kommentarer
Postat av: lolleef

jag gjorde som du sa men det funkade inte;-(

Postat av: Desperate Housewives-bloggen

Tack så mycket för hjälpen. :)

Postat av: Anna

Tokbra! tack ^^


Kommentera inlägget här:

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:
:-) :-( :-P :-d :-O ;-) ;-s ;-( :-| :question: :rolleyes: :love: :blush: :mad: :cool: :tired: :bigeyes: :thumbup: :thumbdown: ;-P

Trackback