Obsah fóra
Pravidlá • Registrovať • Prihlásenie

Obsah fóra » Software » Programovanie a tvorba webu » JavaScript, VBScript, Ajax » checkbox





Odpovedať na tému Stránka: 1 z 1
 [ Príspevkov: 7 ] 
AutorSpráva
Offline elo

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 24.11.09
Prihlásený: 21.05.20
Príspevky: 195
Témy: 75
Príspevok NapísalOffline elo: 30.08.2011 16:06

Kód:
Nazov
<input type="checkbox" checked name="zaskrkavatko"><br>

<input type="text" size="10" name="popis"><br>

<br><br><br>


Nazov 2
<input type="checkbox" checked name="zaskrkavatko2"><br>

<input type="text" size="10" name="popis2">


ako prosím vyriesit po oznaceni checked sa zobrazi textove pole a inak je skryte?

d.


Offline camo

Užívateľ
Užívateľ
checkbox

Registrovaný: 05.09.09
Príspevky: 1141
Témy: 127
Bydlisko: Lehota pod ...
Príspevok NapísalOffline camo: 04.09.2011 9:42

Naviazať na onchange toho checkboxu nejakú funkciu, ktorá zistí, či je zaškrtnutý, alebo nie a podľa toho nastaví viditeľnosť toho textového poľa.


Offline Ďuri

Čestný člen
Čestný člen
checkbox

Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34
Bydlisko: Brno
Príspevok NapísalOffline Ďuri: 04.09.2011 10:29

Na checkbox sa zvykne navazovat udalost onclick, lebo v niektorych prehliadacoch sa udalost onchange vyvola az po odstraneni focusu. Funguje to inak ale rovnako, onclick reaguje aj na kliknutie mysi, aj na zmenu klavesnicou.


Offline elo

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 24.11.09
Prihlásený: 21.05.20
Príspevky: 195
Témy: 75
Príspevok Napísal autor témyOffline elo: 11.10.2011 20:17

Kód:
 <script type="text/javascript">
document.getElementById('vm_dodaci_field').onclick = function(){
    if (document.getElementById('vm_dodaci_field').checked)
    {
      document.getElementById("company_field").style.visibility = "visible";
     document.getElementById("company_div").style.visibility = "visible";
     document.getElementById("address_1_field").style.visibility = "visible";
    document.getElementById("address_1_div").style.visibility = "visible";
     document.getElementById("city_field").style.visibility = "visible";
    document.getElementById("city_div").style.visibility = "visible";
     document.getElementById("zip_field").style.visibility = "visible";
    document.getElementById("zip_div").style.visibility = "visible";
     document.getElementById("phone_1_field").style.visibility = "visible";
    document.getElementById("phone_1_div").style.visibility = "visible";
     document.getElementById("phone_2_field").style.visibility = "visible";
    document.getElementById("phone_2_div").style.visibility = "visible";
    }
    else
    {
      document.getElementById("company_field").style.visibility = "hidden";
     document.getElementById("company_div").style.visibility = "hidden";
     document.getElementById("address_1_field").style.visibility = "hidden";
     document.getElementById("address_1_div").style.visibility = "hidden";
     document.getElementById("city_field").style.visibility = "hidden";
     document.getElementById("city_div").style.visibility = "hidden";
     document.getElementById("zip_field").style.visibility = "hidden";
     document.getElementById("zip_div").style.visibility = "hidden";
     document.getElementById("phone_1_field").style.visibility = "hidden";
     document.getElementById("phone_1_div").style.visibility = "hidden";
     document.getElementById("phone_2_field").style.visibility = "hidden";
     document.getElementById("phone_2_div").style.visibility = "hidden";
    }
  }
</script>

<style>
#company_field, #company_div,#address_1_field, #address_1_div, #city_field, #city_div,#zip_field, #zip_div,
#phone_1_field, #phone_1_div, #phone_2_field, #phone_2_div {visibility:hidden;};
</style>

 <script type="text/javascript">
document.getElementById('vm_fir_field').onclick = function(){
    if (document.getElementById('vm_fir_field').checked)
    {
      document.getElementById("vm_firmy_field").style.display = "block";
     document.getElementById("vm_firmy_div").style.display = "block";
     document.getElementById("vm_uliceb_field").style.display = "block";
    document.getElementById("vm_uliceb_div").style.display = "block";
     document.getElementById("vm_mestob_field").style.display = "block";
    document.getElementById("vm_mestob_div").style.display = "block";
     document.getElementById("vm_pscb_field").style.display = "block";
    document.getElementById("vm_pscb_div").style.display = "block";
     document.getElementById("vm_ico_field").style.display = "block";
    document.getElementById("vm_ico_div").style.display = "block";
     document.getElementById("vm_dic_field").style.display = "block";
    document.getElementById("vm_dic_div").style.display = "block";
     document.getElementById("vm_telfax_field").style.display = "block";
    document.getElementById("vm_telfax_div").style.display = "block";
     document.getElementById("vm_mobil_field").style.display = "block";
    document.getElementById("vm_mobil_div").style.display = "block";
    }
    else
    {
      document.getElementById("vm_firmy_field").style.display = "none";
     document.getElementById("vm_firmy_div").style.display = "none";
     document.getElementById("vm_uliceb_field").style.display = "none";
     document.getElementById("vm_uliceb_div").style.display = "none";
     document.getElementById("vm_mestob_field").style.display = "none";
     document.getElementById("vm_mestob_div").style.display = "none";
     document.getElementById("vm_pscb_field").style.display = "none";
     document.getElementById("vm_pscb_div").style.display = "none";
     document.getElementById("vm_ico_field").style.display = "none";
     document.getElementById("vm_ico_div").style.display = "none";
     document.getElementById("vm_dic_field").style.display = "none";
     document.getElementById("vm_dic_div").style.display = "none";
     document.getElementById("vm_telfax_field").style.display = "none";
     document.getElementById("vm_telfax_div").style.display = "none";
     document.getElementById("vm_mobil_field").style.display = "none";
     document.getElementById("vm_mobil_div").style.display = "none";
    }
  }
</script>
<style>
#vm_firmy_field, #vm_firmy_div,#vm_uliceb_field, #vm_uliceb_div, #vm_mestob_field, #vm_mestob_div,#vm_pscb_field, #vm_pscb_div,
#vm_ico_field, #vm_ico_div, #vm_dic_field, #vm_dic_div, #vm_telfax_field, #vm_telfax_div, #vm_mobil_field, #vm_mobil_div {display:none;};

</style>



Tento kod funguje avsak s jednou chybickou.

Ma velke medzery (vela volnych riadkov) medzie jednotlivymi checkboxmi.

Ako to mozem upravit?

Dakujem za pomoc.


Offline chrono

Skúsený užívateľ
Skúsený užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 20.08.16
Príspevky: 1702
Témy: 0
Príspevok NapísalOffline chrono: 11.10.2011 21:21

Tie elementy sú pri sebe? Ak áno, tak ich daj napr. do div (prípadne, ešte lepšie do fieldset) a skry len ten jeden element.


Offline elo

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 24.11.09
Prihlásený: 21.05.20
Príspevky: 195
Témy: 75
Príspevok Napísal autor témyOffline elo: 11.10.2011 21:36

Mozete prosim napisat viac ako to vlozit a najma kde presne do kodu?

Dakujem.


Offline chrono

Skúsený užívateľ
Skúsený užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 20.08.16
Príspevky: 1702
Témy: 0
Príspevok NapísalOffline chrono: 11.10.2011 22:03

Teraz je v html kóde niečo ako:
Kód:
<input id="company_field">
<input id="company_div">
...
a v javascripte sa skrývajú jednotlivé elementy.

Rozumnejšie by ale mohlo byť (možno aj nie, záleží to od použitého html kódu), ak by sa tie elementy niečím obalili, takže by to mohlo vyzerať napr. takto
Kód:
<div id="polozky">
    <input id="company_field">
    <input id="company_div">
    ...
</div>
a skryl/zobrazil by sa len ten obalovací element (v tomto prípade div, ak je to fo formulári, tak by sa mohol použiť fieldset).


Odpovedať na tému Stránka: 1 z 1
 [ Príspevkov: 7 ] 

Obsah fóra » Software » Programovanie a tvorba webu » JavaScript, VBScript, Ajax » checkbox


Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy. Checkbox

v Ostatné programy

2

518

03.07.2015 11:57

majetan212 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. CheckBox

v PHP, ASP

5

533

19.02.2010 9:01

arno Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. checkbox

v PHP, ASP

2

525

05.07.2009 13:09

Snacker Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. checkbox

v PHP, ASP

3

565

22.04.2009 14:53

drozdo Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. CheckBox

v Technológia .NET

5

436

28.02.2017 17:08

GamerSK Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. input - checkbox

v PHP, ASP

1

392

17.09.2011 21:46

chrono Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. CHECKBOX CHECKED

v PHP, ASP

1

501

21.07.2009 12:15

Ďuri Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. checkbox checked

v PHP, ASP

9

399

07.10.2013 8:42

Elrohir Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. CHECKBOX, checked php

v PHP, ASP

16

450

07.11.2014 13:02

stenley Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. PHP podmienka checkbox

v PHP, ASP

8

1288

19.11.2010 1:28

venom2 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. upload suboru checkbox

v PHP, ASP

13

642

09.05.2009 16:43

kaidžas Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. $_GET vs. CheckBox

v PHP, ASP

3

453

31.01.2008 14:36

stenley Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. PHP DELETE with checkbox

v PHP, ASP

2

388

24.04.2010 18:57

jtomcik Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Checkbox array s mysql

v PHP, ASP

10

619

19.05.2011 11:43

jtomcik Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. form, checkbox alebo radio, pri zaskrtnuti submit

v JavaScript, VBScript, Ajax

1

408

08.10.2010 14:51

Ďuri Zobrazenie posledných príspevkov


Nemôžete zakladať nové témy v tomto fóre
Nemôžete odpovedať na témy v tomto fóre
Nemôžete upravovať svoje príspevky v tomto fóre
Nemôžete mazať svoje príspevky v tomto fóre

Skočiť na:  

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra