[ Príspevkov: 7 ] 
AutorSpráva
Offline

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

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

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

Užívateľ
Užívateľ
checkbox

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

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

Čestný člen
Čestný člen
checkbox

Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34 | 34
Bydlisko: Brno
NapísalOffline : 04.09.2011 10:29 | checkbox

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

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

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

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

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 | 0
NapísalOffline : 11.10.2011 21:21 | checkbox

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

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

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

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

Dakujem.


Offline

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 | 0
NapísalOffline : 11.10.2011 22:03 | checkbox

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


 [ Príspevkov: 7 ] 


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

637

03.07.2015 11:57

majetan212

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

CheckBox

v Backend

5

596

19.02.2010 9:01

arno

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

checkbox

v Backend

2

590

05.07.2009 13:09

Snacker

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

checkbox

v Backend

3

631

22.04.2009 14:53

drozdo

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

CheckBox

v Backend

5

540

28.02.2017 17:08

GamerSK

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

CHECKBOX CHECKED

v Backend

1

566

21.07.2009 12:15

Ďuri

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

checkbox checked

v Backend

9

470

07.10.2013 8:42

Elrohir

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

input - checkbox

v Backend

1

462

17.09.2011 21:46

chrono

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

PHP podmienka checkbox

v Backend

8

1359

19.11.2010 1:28

venom2

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

upload suboru checkbox

v Backend

13

709

09.05.2009 16:43

kaidžas

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

$_GET vs. CheckBox

v Backend

3

514

31.01.2008 14:36

stenley

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

CHECKBOX, checked php

v Backend

16

505

07.11.2014 13:02

stenley

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

PHP DELETE with checkbox

v Backend

2

447

24.04.2010 18:57

jtomcik

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

Checkbox array s mysql

v Backend

10

686

19.05.2011 11:43

jtomcik

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

form, checkbox alebo radio, pri zaskrtnuti submit

v Frontend

1

484

08.10.2010 14:51

Ďuri



© 2005 - 2026 PCforum, edited by JanoF