Eredmény: 1 - 3 (3) összesen

Téma: Segítséget kérek lenyíló listához

  1. #1
    Törzsvendég
    Csatlakozott
    13-04-06
    Hozzászólás
    144
    Begyűjtött 16 köszönetet
    13 hozzászólásával

    Alapbeállítás Segítséget kérek lenyíló listához

    Sziasztok!

    Tudna nekem valaki egy megoldást javasolni arra, hogyan tudnék input mezőt eltüntetni addig, amíg egy checkboxból ki nem veszi a kliens a pipát?
    Arról van szó, hogy egy megrendelési űrlapon a bevitt megrendelői adatok mellé csak akkor kellene megadni házhozszállítási adatokat, ha azok eltérnek a megrendelői adatoktól.
    Úgy gondolom, egyszerűbb ilyenkor kitenni egy "az adatok megegyeznek a megrendelői adatokkal" feliratot, checkbox-al együtt, ami aktív. Ha a kliens mást akar megadni, kiveszi a pipát és lőn csoda! - megjelenik két adatbeviteli mező - azaz lejjebb tolja az alatta lévő objektumokat.
    Ha hülyén fogalmaztam, akkor bocs - leírom majd másképp...



  2. #2
    neo
    neo nem elérhető
    Törzsvendég neo logója
    Csatlakozott
    12-08-31
    Hely
    Ajka
    Hozzászólás
    140
    Begyűjtött 25 köszönetet
    20 hozzászólásával

    Alapbeállítás re: Segítséget kérek lenyíló listához

    A két input mező alapban legyen a helyén a többivel, csak rejtsd el!
    Majd egy scripttel ellenőrizd kattintáskor hogy van-e pipa.
    Lehet még variálgatni, pl hogy a két inputot berakod egy div-be és a div-et rejted el, a script-es selector-okon
    is lehet még egyszerűsíteni.

    Pl:
    Ez lenne mondjuk a két inputod és a checkbox:
    HTML kód:
    <input id="checkbox-azonosito" type="checkbox" checked />
    <input id="rejtegetnivalo" type="text" class="input rejtett" />
    <input id="rejtegetnivalo2" type="text" class="input rejtett" />
    Ez megyen a stíluslapba(Css):
    HTML kód:
    .rejtett{display:none;}

    A script (Jquery!):
    HTML kód:
    $('#checkbox-azonosito').click(function() {
        var cbox = $(this);
        if (cbox.is(':checked')){
            $(".input").addClass("rejtett");
        } else {
            $(".input").removeClass("rejtett");
        }
    });
    Elvileg a script kattintáskor megnézi van-e pipa, ha van akkor eltávolítja az input mezőkről a "rejtett" nevű css tulajdonságot,
    ha nincs pipa akkor visszaállítja a rejtést.

    Nem tesztelt!



  3. Az alábbi felhasználók hálásak a válaszért:

    Lachazi (2016-02-06)

  4. #3
    Törzsvendég
    Csatlakozott
    13-04-06
    Hozzászólás
    144
    Begyűjtött 16 köszönetet
    13 hozzászólásával

    Alapbeállítás re: Segítséget kérek lenyíló listához

    Köszi - kipróbálom és meglátjuk!



Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •