smilies

[imacbest]

Hallo ik had een vragje;
hier bij helpmij forum heb je optie om smilies in je bericht te zetten.
dus als je op een klikt komt die waar je dan bezig bent met typen.
hoe kun je zoiets maken?
en ze doen ook wel bij bv

:p

$input = ':p';
 
$output = str_replace( ':p ', 'plaatje', $input );

hoe doen ze dat???

 

[RogerS]

de 'plaatje' zul je in het geval van een webpagina moeten vervangen door bijv. de volgende code <IMG SRC="smily_p.jpg" />

Op die manier vervang je door een bijbehorend plaatje

 

[That Guy]

Bedoel je direct, dus als je op de 'link' klikt een plaatje in de <textarea> komt, of indirect, als je op de link klikt en daarna 'post reply' ('reactie plaatsen') dat je smiley in php wordt omgezet?

Het direct doen is niet zo lastig: een onclick maken, textarea-element opvragen, curser-locatie opvragen, code erachter plakken, en voila.

 

[imacbest]

Code?

Bedoel je direct, dus als je op de 'link' klikt een plaatje in de <textarea> komt, of indirect, als je op de link klikt en daarna 'post reply' ('reactie plaatsen') dat je smiley in php wordt omgezet?

Het direct doen is niet zo lastig: een onclick maken, textarea-element opvragen, curser-locatie opvragen, code erachter plakken, en voila.

Dat van <img> snapik wel hoor

Maar heb je ook een voorbeeldcode van zo'n script?
Ik snap het idee wel maar zou niet weten hoe ik het zou moeten maken.

 

[That Guy]

Zie hier voor je code. Je link wordt dan zoiets:

<a href='#' onclick='insertSmiley(":p");'>
   <img src='tong.png' />
</a>

[JS]function insertSmiley(smiley)
{
insertAtCursor(document.getElementById('mijnTextArea'), smiley);
}[/JS]

 

[imacbest]

het werkt

Zie hier voor je code. Je link wordt dan zoiets:

<a href='#' onclick='insertSmiley(":p");'>
   <img src='tong.png' />
</a>

[JS]function insertSmiley(smiley)
{
insertAtCursor(document.getElementById('mijnTextArea'), smiley);
}[/JS]

het werkt bedankt!

 

[imacbest]

link & afbeeldingen

Kun je ook zoiets doen dat er een msg box komt en dat je dan de link kunt invoeren en dan erin komt?

 

[That Guy]

[JS]var link = prompt("Geef iets in", "http://that-guy.net");

insertAtCursor(document.GEBY('...'), "<a href='" + link + "'>klik voor link</a>");[/JS]