Javascript + Wordpress contact form 7

Javascript + Wordpress contact form 7
2015-09-20T14:43:56+02:00
2015-09-21T12:46:12+02:00
2022-10-21T05:55:36+02:00
  • Akkor a témát át is helyeztem az állás rovatba.
    Mutasd a teljes hozzászólást!
  • Ezt nevezem...
    Hozzáállás saját problémádhoz és a segíteni szándékozok igyekezetéhez -> -1000 pont 
    Mutasd a teljes hozzászólást!
  • Ha bárki megcsinálná ezt nekem megköszönöm!

    Kérlek írjatok rám: weboldalakhu@gmai.com.

    Köszönöm!
    Mutasd a teljes hozzászólást!
  • Most nézve nincs időm vele foglalkozni. Keresek valakit, aki megcsinálja
    Mutasd a teljes hozzászólást!
  • Mint már írtam, a keresés sokat segíthet (pl itt a prog.hu-n is)...
    Szerintem Te is hasonló "problémával" foglalkozol...
    *************** Kereső kifejezés **************
    1. form -> akkor az első lapon...
    2. formban -> akkor az első találat...
    Mutasd a teljes hozzászólást!
  • És mi nem megy? Mi a hibaüzenet vagy hibajelenség?
    Mutasd a teljes hozzászólást!
  • ha jQuery is játszik, akkor egy lehetőség a láthatóság váltásra (feltételezve a hide css class display:none tulajdonságot):

    $(function() { $("input[type='radio']").click(function() { if($(this).hasClass("radio-a")) { $(".option-a").removeClass("hide"); $(".option-b").addClass("hide"); } else { $(".option-b").removeClass("hide"); $(".option-a").addClass("hide"); } }); });
    Mutasd a teljes hozzászólást!
  • Idáig ennyi van.
    Meg meg van írva a css-be a .hide class.
    Ez nem megy, igaz ez még félkész. Valamennyi közöm van hozzá, de nem sok. Kész megoldásra is nyitott vagyok, de ha ebből el lehet indulni úgy hogy már közel van, akkor ez is jó.

    Köszönöm a segítségeteket!


    <form method="post" action="">
    <p>A <input class="radio-a" type="radio" name="radio" value="a" checked></p>
    <p>B <input class="radio-b" type="radio" name="radio" value="b"></p>
    <fieldset class="option-a" data-option="a">
    <legend>A</legend>
    <p>Az A opció választása esetén jön fel.</p>
    <input type="text" name="inp-a" value="">
    </fieldset>
    <fieldset class="option-b hide" data-option="b">
    <legend>B</legend>
    <p>A B opció választása esetén jön fel.</p>
    <input type="text" name="inp-b" value="">
    </fieldset>
    <button class="btn-send" disabled>Küldés</button>
    </form>
    <script>
    document.addEventListener('DOMContentLoaded', function() {
    var d = document,
    radioA = d.querySelector('.radio-a'),
    radioB = d.querySelector('.radio-b'),
    fieldsetA = d.querySelector('.option-a'),
    fieldsetB = d.querySelector('.option-b'),
    inputA = d.querySelector('.option-a input'),
    inputB = d.querySelector('.option-b input'),
    btn = d.querySelector('.btn-send');
    radioA.addEventListener('click', function() {
    if (radioA.checked) {
    if(fieldsetA.classList.contains('hide')) {
    fieldsetA.classList.remove('hide');
    }
    if(!fieldsetB.classList.contains('hide')) {
    fieldsetB.classList.add('hide');
    }
    }
    });
    radioB.addEventListener('click', function() {
    if (radioB.checked) {
    if(fieldsetB.classList.contains('hide')) {
    fieldsetB.classList.remove('hide');
    }
    if(!fieldsetA.classList.contains('hide')) {
    fieldsetA.classList.add('hide');
    }
    }
    });
    inputA.addEventListener('input', function() {
    if ((inputA.value.length > 1) && radioA.checked) {
    btn.disabled = false;
    }
    });
    inputB.addEventListener('input', function() {
    if ((inputB.value.length > 1) && radioB.checked) {
    btn.disabled = false;
    }
    });
    });
    </script>
    Mutasd a teljes hozzászólást!
  • Egyenlőre ennyi info. Ha kérdés van tegyétek.

    Hasonlóképp állunk hozzád.
    Mi a kérdés? Meddig jutottál el? Értesz hozzá? Akarsz érteni? Van már kiindulókód, vagy azt várod, hogy teljes megoldást adjunk a problémádra?
    Mutasd a teljes hozzászólást!
  • Keresnék valakit a helyzet megoldására.

    Ez "Állásrovat" témának tűnik...
    Viszont ha Te akarod elkészíteni, akkor esetleg keress rá és találni fogsz megoldást vagy kész kódot is (a "PHP radio gomb választás elágazás" cím alatt)...
    Mutasd a teljes hozzászólást!
  • Sziasztok!

    Keresnék valakit a helyzet megoldására.

    Van egy wordpress oldal. Ott van egy contact form. 

    Feladat:
    Form egy radio választással induk, ahol két lehetőség van. Mind a kettőnél más mezők jönnek fel.
    Gondolom itt css-el lenne jó megcsinálni, ami nem kell eltüntetni.

    Az egyik választásnál van lenne egy tipikus webáruházas sztori. Számlázási és szállítási cím. És megyegyezik mellet pipa. Ott vagy lemásolja vagy nem jön fel szállítás, ha megegyezik.

    Egyenlőre ennyi info. Ha kérdés van tegyétek.

    Előre is köszönöm!
    Mutasd a teljes hozzászólást!
Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd