Jag har sett att det finns en del som har en liten text i rutan där man skriver sitt meddelande när man kommenterar. Ett litet personligt meddelande. Tänkte visa hur man gör detta, och har kryddat till det hela med att visa hur man kan lägga till det på sökrutan med, och dessutom så är det gjort på sätt att när man klickar i rutan, så försvinner texten automatiskt, så man inte behöver sudda bort texen innan man skriver.

Av någon anledning så går det inte att lägga en text i de andra rutorna på kommentarssidan, eller det går inte för mig iaf.


För att lägga in en text i sökrutan:

1. Gå in i dina kodmallar

2. Leta upp följande kod:

<div class=”navheader”>Sök i bloggen</div>
    <form action=”${AppUrl}index.bd?fa=search.do” name=”search” method=”post”>
        <input type=”hidden” name=”bl_id” value=”${BlogID}” />
        <input type=”text” name=”criteria” value=”" size=”12″ maxlength=”64″ />
        <input type=”submit” value=”Sök” />
    </form>

3. Nu ska du göra två saker, dels skriv det som ska stå i rutan, samt lägga in koden som gör att texten tas bort när du klickar i rutan.

Texten i rutan:
Lägg till din text i denna kodrad och på detta ställe (markerat i fetstil):
<input type=”text” name=”criteria” value=”Din text här” size=”12″ maxlength=”64″ />

Koden för att rensa rutan:
Lägg till denna kodrad i samma kod som ovan (markerat i fetstil):

<input type="text" name="criteria" value="Din text här" size="12" maxlength="64" onFocus="this.value=''; this.onfocus=null;">


Spara din kodmall och se så allt fungerar.

För att lägga in text i kommentarsrutan:

1. Gå in i dina kodmallar

2. Ändra i rullgardinen uppe till höger så att du har kodmallen för Entry page.

3. Leta upp följande kod:

Kommentar: <br />
    <textarea name=”comment” onchange=”doChange(this)” cols=”52″ rows=”7″></textarea>

4. Nu ska du göra två saker, dels skriv det som ska stå i rutan, samt lägga in koden som gör att texten tas bort när du klickar i rutan.

Texten i rutan:
Lägg till din text i denna kodrad och på detta ställe (markerat i fetstil):
<textarea name=”comment” onchange=”doChange(this)” cols=”52″ rows=”7″>Din text här!</textarea>

Koden för att rensa rutan:
Lägg till denna kodrad i samma kod som ovan (markerat i fetstil):

onFocus="this.value=''; this.onfocus=null;"

<textarea name=”comment” onchange=”doChange(this)” cols=”52″ rows=”7″ onFocus=”this.value=”; this.onfocus=null;”>Din text här!</textarea>

Spara kodmallen och testa.

Lycka till!

Om Lari

Lari Salminen har skrivit 877 inlägg.

Grundare av Designa Din Blogg. Jobbar heltid som brandman på Medelpads Räddningstjänstförbund och driver den här sidan på fritiden som en hobby.