Diskuze: Přidávání smajlíků
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Tvůrce

Zobrazeno 10 zpráv z 10.
//= Settings::TRACKING_CODE_B ?> //= Settings::TRACKING_CODE ?>
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.
Moc nechápu dotaz. Co ti nejde, když na smajlíka v podobě inputu klepneš tak aby se přidala jeho textová podoba do textarea nebo ti nefunguje zobrazování nebo co?
Mám pod inputem seznam smajlíků (zatím jen
<img src="1.gif" />
<img src="2.gif" />
<img src="3.gif" />
atd. )
a chci aby se po kliknutí na něj `přidala jeho textová podoba
`
ale ne do textarea ale do input(type="text")
jenže nevím jak to mám udělat...
Aha. Klasicky přes javascript. Nejlépe jQuery. Sis mohl obšlehnout odsud. Tady jsem dělal fci appendSmiley. Přidá to text na daný místo.
jQuery script:
function appendSmiley(smiley)
{
var end = $('#message')[0].selectionEnd;
$('#message').val($('#message').val().substring(0, end) + smiley + $('#message').val().substring(end));
$smiley_dialog.dialog("close");
}
A pak:
<a href="javascript: appendSmiley(':@')" title="Naštvaný"><img src="images/img/smileys/angry.png" alt="Naštvaný"></a>
Pokud nevíš co je #, tak to snad radši ani nedělej a přečti si základy CSS.
# označuje id. Tedy vyber prvek s id message.
SelectionEnd vybere pozici kurzoru v textu a substring dosadí na tu pozici text
daný parametrem.
To s tím dialogem neřeš, já jen vykopčil přímo kód. Odsud.
vím co označuje # jen
nevím čemu to mám dát...takže tomu inputu ??
Zobrazeno 10 zpráv z 10.