Hej!

Jag håller på med ett forum och vill infoga smiley:s i texten. Inga problem så långt, det har jag löst så här:

function smiley() {
var text = form1.Meddelande.value

form1.Meddelande.value = text + document.smile.figur

}

<img name="smile" src="bilder/smiley/bigblink_1.gif" width="22" height="22" figur=":-)" onClick="smiley()">

<form method="POST" name="form1" >
<textarea name="Meddelande" cols="10"></textarea>
<input type="submit" value="Skicka!" name="Skicka">
</form>


Frågan är nu, hur gör jag om jag vill ha med FLER smiley:s?

mvh,
Robin Helgesson

Ett enklare och snyggare sätt att lösa det på (tycker jag) är att skapa en tabell som innehåller alla smileys (img taggar) där varje img har en onclick som bifogar sökvägen till den fysiska filen till en javascript funktion.
I javascriptet använder du sedan kommandot execcommand("insertpicture") och bifogar sökvägen till filen.

Detta kräver förstås att du har tex en iframe som har blivit satt till designmode = on.
Detta gör iframen till en editerings ruta där du kan utföra många vanliga ordbehandlingskommandon på innehållet (texten) typ bold, ändra fär, storlek etc.

kolla följande länk:http://www.mozilla.org/editor/midasdemo

Oj, det lät avancerat, men kul! Har du något länk där man kan läsa mer om iframe och hur det fungerar?

mvh,
Robin

Hej ,om du söker på internet efter html richtext editor så kommer du att hitta massor av bra information, sen gäller det ju att implementera koden i din lösning, vilket kan kräva lite pill men är egentligen ganska enkelt.

Mvh /C

Om du har en vanlig textruta som medlemmarna fyller i när de ska posta sitt meddelande så räcker det med att lägga upp alla smileys i en tabell snygg och fint!

Sen använder du javascript:
<code>
<script language="javascript">
function InsertSmiley(svalue) {
document.form1.txtRuta.value = document.form1.txtRuta.value + svalue;
}
</script>



</code>