Javascript - vložení text v místě kurzoru...

Vývojová prostředí, aplikace, skripty, http://www... síťové programy, internet, sdílení...
Odpovědět
Václav Sedlář
Žlutá karta Bazar
Žlutá karta Bazar
Registrován: 01. dub 2006
Bydliště: Liberec
Kontaktovat uživatele:

Javascript - vložení text v místě kurzoru...

Příspěvek od Václav Sedlář »

Dobrý den na webu který dělám mám několik formulářů kde se vkládá text do pole textarea. Pod tímto textem má pár tlačítek na vkládání formátovacích znaků (stejně jako je zde na na foru - tučně, kurziva,podtrženě a odkaz).

Nevím ale jak udělat, aby se mi tyto znaky vložili tam, kde je aktuálně kurzor. Zatím se to vkládá vždy na konec textu (+kurzor zmizí, takže se mezi formátovací značky musí ještě kliknout)..

Prosím o radu jak to udělat, aby se po vložili značky tam kde je kurzor a zároveň se kurzor přesunul mezi tyto znaky...

Můj js kód, který vkládá znaky:

Kód: Vybrat vše

function vloz(tag, form){

var x="["+tag+"]"+"[/"+tag+"]";
var y=form.tema.value;

document.forms['nova_anketa'].tema.value = y+x;

}
a u tlačítka na vložení znaků mám volání fce takto:

Kód: Vybrat vše

<input class="tag_tlacitko_clanek" type="button" value="b" onclick="vloz('b', zalozeni_editace_clanek_stud);" />
1Pupik1989
Začátečník
Začátečník
Registrován: 20. říj 2011
Bydliště: Dvůr Králové nad Labem

Re: Javascript - vložení text v místě kurzoru...

Příspěvek od 1Pupik1989 »

Třeba tu
CPU: AMD Phenom II x4 955BE @ 4GHz FAN: Arctic Cooling Freezer Xtreme rev.2
MB: MSI 760GM-E51
RAM: Kingston 2x4Gb RAM DDR3 1333 @ 1466MHz
GPU: Gigabyte Radeon HD 6850 OC 985/1260MHz
HDD: WD Caviar Green WD10EARX 1TB SATAIII/600, ZDROJ: Fortron FSP550-APN (550W)
arxeiss
Začátečník
Začátečník
Uživatelský avatar
Registrován: 19. črc 2008
Bydliště: Krmelín (předměstí Ostravy)
Kontaktovat uživatele:

Re: Javascript - vložení text v místě kurzoru...

Příspěvek od arxeiss »

http://heraeus-kulzer.cz/design/sc.js
Jednou jsem si to psal sám, ale v IE jsem to nerozchodil, nakonec jsem jednu funkci zkopčil z PHPBB.
Jsou tam funkce bbcode a BBcodeIEpos (tu jsem vzal z PHPBB) je to napsané mnou ale hodně dávno... možná je to složitě, ale funguje to :)
Umožňuje vkládat i nepárové tagy, ale ani nevím, jestli jsem to někdy využil...

P.S. Nefunguje to v <input> teda jo kromě IE.. A mám tam napevno určený ten element, takže to si kdyžtak uprav...
Jak říkám, psal jsem to hodně dávno...
PC : CPU: C2D E5200 2500Mhz @ 3750Mhz a AC Freezer 7PRO MB: Gigabyte GA-P31-DS3L rev.2,1 GPU: ATI Radeon 3650HD 256MB RAM: A-Data Vitesta 2x2GB Zdroj: Forton OEM 400W HDD: Samsung F2 500GB
Netbook : Asus EEE CPU: Intel Atom N270 1,6GHz RAM: A-Data 2GB HDD: 250GB 5400ot/min
Václav Sedlář
Žlutá karta Bazar
Žlutá karta Bazar
Registrován: 01. dub 2006
Bydliště: Liberec
Kontaktovat uživatele:

Re: Javascript - vložení text v místě kurzoru...

Příspěvek od Václav Sedlář »

díky...dnes se k tomu konečně snad dostanu...zkusím...
Václav Sedlář
Žlutá karta Bazar
Žlutá karta Bazar
Registrován: 01. dub 2006
Bydliště: Liberec
Kontaktovat uživatele:

Re: Javascript - vložení text v místě kurzoru...

Příspěvek od Václav Sedlář »

arxeiss:

Moc ti děkuji...funguje to...upravil jsem si to podle sebe-předávám navíc funkci id formuláře a id pole...
Odpovědět

Zpět na „Programování a web“