Diskuze: Přidávání smajlíků

JavaScript JavaScript Přidávání smajlíků

Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Daniel Vítek:

Potřeboval bych pomoct, na chatu mám smajlíky,ale nevím jak je mám přidat do inputu(text)

Mám něco jak bylo na starém Islandsoftu...pod textareou bylo několik smajlíků a když se na ně kliklo,přidali se tam....až na to že já mám místo textarea input

 
Odpovědět 9.9.2012 20:09
Avatar
Odpovídá na Daniel Vítek
David Jančík [sczdavos]:

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?

Nahoru Odpovědět 9.9.2012 20:14
Čím více času dostaneš, tím méně ho máš.
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Daniel Vítek:

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...

 
Nahoru Odpovědět 9.9.2012 20:18
Avatar
Odpovídá na Daniel Vítek
David Jančík [sczdavos]:

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>
Nahoru Odpovědět 9.9.2012 20:27
Čím více času dostaneš, tím méně ho máš.
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Daniel Vítek
David Čápka:

Pokud nevíš co je #, tak to snad radši ani nedělej a přečti si základy CSS.

Nahoru Odpovědět  +1 9.9.2012 20:30
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Odpovídá na Daniel Vítek
David Jančík [sczdavos]:

# 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.

Nahoru Odpovědět 9.9.2012 20:39
Čím více času dostaneš, tím méně ho máš.
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Odpovídá na David Jančík [sczdavos]
Daniel Vítek:

vím co označuje # ;) jen nevím čemu to mám dát...takže tomu inputu ??

 
Nahoru Odpovědět 9.9.2012 20:40
Avatar
Amomym
Člen
Avatar
Amomym:

a jak zde zapsta to id jaký bude zroják?

 
Nahoru Odpovědět 25.2.2013 21:02
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 10.