Update formuláře pomocí JavaScriptu

Pokud píšete často do formulářového pole nějaké texty, které updatujete například o tagy (obrázky, odkazy), může člověka štvát neustálé vkládání tagů jako například “a href…” a podobných.

Do formuláře si můžeme jednoduchyým způsobem vložit pole, do kterých zadáme hodnoty a po stisknutí tlačítka nám to odkaz vloží samo.

Pro příklad vkládání HTML kódu pro odkaz nám bude fungovat následující script:
– mějme formulář s názvem “formular” (to se dává do tagu form atributem name :o)
– budeme mít dvě textová vstupní pole
1) name=”url” (sem budeme zadávat cílové URL odkazu včetně http://
2) name=”odkaz” (sem budeme zadávat viditelnou část odkazu – aktivní klikatelný text
– budeme mít jedno velké textarea pole, do kterého se bude náš odkaz vkládat
– odkaz se vloží po stisknutí tlačítka Vlož

Do headu dokumentu nebo prostě někam do html před začátek formuláře vložíme následující script:

<br /> <script language="Javascript"> function VlozOdkaz (){ url = formular.url.value; odkaz = formular.odkaz.value; celyodkaz = "<a href=\"" + url + "\">"+ odkaz +"</a>"; textik = formular.text.value; voba = textik+celyodkaz; formular.text.value = voba; } </script><br />


Na button vlož pak umístíme spouštění scriptu, tedy
<br /> <input type="button" value="Vlož" onClick=VlozOdkaz()><br />
A to je vše :o) Snad to bylo aspoň trošku srozumitelné.