Pouze tento týden sleva až 80 % na e-learning týkající se C# .NET
Využij akce až 80% zdarma při nákupu e-learningu. Více informací .
C# week

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

Aktivity (5)
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Daniel Vítek:9.9.2012 20:09

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
Na síti působím už pěknou řádku let. Pokud budeš něco potřebovat, písni mi, pokusím se ti poradit :)
Avatar
David Jančík
Tým ITnetwork
Avatar
Odpovídá na Daniel Vítek
David Jančík:9.9.2012 20:14

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
Zapomeň, že je to nemožné a udělej to ;)
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Daniel Vítek:9.9.2012 20:18

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
Na síti působím už pěknou řádku let. Pokud budeš něco potřebovat, písni mi, pokusím se ti poradit :)
Avatar
David Jančík
Tým ITnetwork
Avatar
Odpovídá na Daniel Vítek
David Jančík:9.9.2012 20:27

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
Zapomeň, že je to nemožné a udělej to ;)
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Odpovídá na David Jančík
Daniel Vítek:9.9.2012 20:29

to #message je co ?

Nahoru Odpovědět
9.9.2012 20:29
Na síti působím už pěknou řádku let. Pokud budeš něco potřebovat, písni mi, pokusím se ti poradit :)
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Daniel Vítek
David Čápka:9.9.2012 20:30

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

Nahoru Odpovědět
9.9.2012 20:30
Jsem moc rád, že jsi na síti, a přeji ti top IT kariéru, ať jako zaměstnanec nebo podnikatel. Máš na to! :)
Avatar
David Jančík
Tým ITnetwork
Avatar
Odpovídá na Daniel Vítek
David Jančík:9.9.2012 20:39

# 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
Zapomeň, že je to nemožné a udělej to ;)
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Odpovídá na David Jančík
Daniel Vítek:9.9.2012 20:40

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
Na síti působím už pěknou řádku let. Pokud budeš něco potřebovat, písni mi, pokusím se ti poradit :)
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Odpovídá na David Jančík
Daniel Vítek:9.9.2012 20:52

Super,jede...díky ;)

Nahoru Odpovědět
9.9.2012 20:52
Na síti působím už pěknou řádku let. Pokud budeš něco potřebovat, písni mi, pokusím se ti poradit :)
Avatar
Amomym
Člen
Avatar
Amomym:25.2.2013 21:02

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.