emoticon toevoegen aan een textarea

Door nicky de maeyer op 01-01-2013 13:36

2.305 views

Hey
ik heb een probleem met men JavaScript scriptje.
ik wil emoticons laten toevoegen aan een text area. alles zou in orde zijn maar toch voegt hij mijn emoticon niet toe. heb op internet aant zoeken geweest om men fout te vinden maar nog niks gevonden.

http://dinotales.net78.net/test.php

als je op de link klikt kan je de broncode opvragen en daar staat alles in. kunnen jullie mij helpen ??

Wouter J

01-01-2013 14:12

Open je web console (F12 in IE en Ctrl + Shift + J in andere browsers) en kijk wat voor errors je krijgt. In dit geval:

Bij textarea.onfocus krijg ik:
>> Uncaught ReferenceError: storeCaret is not defined | test.php:236

En bij het klikken op de emoticon krijg ik:
>> Uncaught ReferenceError: emoticon is not defined

Bo Ter Ham

01-01-2013 14:18

en waarom gebruik je <html> tags in de <body> tags?

nicky de maeyer

01-01-2013 15:30

@ wouterJ ga ik direct eens nazien.

@Bo Ter Ham dat is omdat het menu een apart bestand is. omdat dit bestand gemaakt is met fireworks heeft fireworks er html tags in geplaatst.

[size=xsmall]Toevoeging op 01/01/2013 16:26:06:[/size]

ik heb nog wat aan het zoeken geweest nu krijg ik een andere foutmelding.
eerlijk snap ik het niet meer ben ik nu fout bezig :'(

nu krijg ik dit:
Uncaught TypeError: Cannot read property 'bericht' of undefined

???

Wouter J

01-01-2013 22:10

Nou, je leest waarschijnlijk ergens bericht uit en dat lees je uit een variabele die niet bestaat (maw niet gedefinieerd is).

En fireworks HTML laten maken? Dan zou ik direct stoppen met het gepruts waarmee je bezig bent. Of leer goed HTML, CSS en JS en maak alles zelf of laat een ander het maken, maar ga niet een programma je scripts laten maken, dat gaat nooit werken.

nicky de maeyer

02-01-2013 14:18

Wouter J: kga zeker eens verder zoeken en hou jullie op de hoogte.

nu ik weet dat html laten maken door een programme niet goed is. maar had een cursus gevonden over fireworks.
en zo ben ik aan dit menu geraakt. maar het vorige menu was het zelfde aleen had ik dit zelf geschreven in html en css.
de bedoeling is nu wel dat ik dit terug opnieuw schrijf maar dan zonder programma's. (ben ook nog maar een beginneling ;) ).
maar apprecieer zeker commentaar en tips .

nicky de maeyer

04-01-2013 08:58

okee ik ben opnieuw begonnen in jquery. nu heb ik dit

html:

<body>

<p>Type a comment: <br /> <textarea id="comment"></textarea></p>
<p>
Add emoticon:
<img class="emoticon" src="0004.gif" value=":B" />
<input class="emoticon" type="button" value=":(" />
<input class="emoticon" type="button" value=":D" />
</p>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="js.js"></script>
</body>
</html>

jquery:

$(document).ready(function() {
$('.emoticon').click(function() {
var textarea_val = jQuery.trim( $ ('#comment').val());
var emoticon_val = $ (this).attr('value');

if (textarea_val == '') {
var sp = '';
} else {
var sp = ' ';
}

$('#comment').focus().val(jQuery.trim(textarea_val + sp + emoticon_val + sp));
});
});

nu alles is goed en werkt maar ik krijg in plaats van de afbeelding aleen zoiets :)
maar de afbeelding niet. hoe kan ik de afbeelding erin krijgen?

No One

04-01-2013 09:03

als je echt plaatjes daar in wilt kun je beter


<div contentEditable="true">

gebruiken...dat is hoe wysiwyg editors het doen ;)

nicky de maeyer

04-01-2013 13:03

Als ik het goed begrijp moet ik alle foto's tussen deze <div contentEditable="true"> zetten. en dan zou als ik klik op de foto de emoticon icoon in de textarea verschijnen.

No One

04-01-2013 13:10

nee...die div IS dan de tekstarea...en als je op een emoticon klikt, voeg jij gewoon een img tag toe :)

Ariën

04-01-2013 13:11 gewijzigd op 04-01-2013 13:11

Je moet dan wel de HTML-code erin plaatsen...

Reageren

Inloggen om te reageren