Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][jQuery] Pola formularza z algorytmem
kakkarot
post
Post #1





Grupa: Zarejestrowani
Postów: 59
Pomógł: 0
Dołączył: 7.04.2010

Ostrzeżenie: (0%)
-----


witam wszystkich.
potrzebuję dodać kod do formularza kontaktowego (contact form 7), który sprawi, że formularz będzie działał na pewnych argumentach.

Mają być 2 okienka wyboru (checkbox)

- [ubezp.]
- [pobr.]


Jeśli użytkownik zaznaczy [ubezp.] - pojawi się pod spodem pole tekstowe (text).
Jeśli uzytkownik zaznaczy [pobr], to automatycznie musi zaznaczyć sie także [ubezp] i pod każdym z nich wyskoczy osobne pole tekstowe, z tym, że w polu tekstowym pod [ubezp] domyślnie ma się znaleźć zawartość pola spod [pobr].

Założenia:
-może być zaznaczone samo pole [ubezp]
-jeśli zostanie zaznaczone pole [ubezp], pojawi sie okienko z polem tekstowym
-nie może być zaznaczone samo pole [pobr] - automatycznie zaznacza się pole [ubezp]
-jeśli są zaznaczone oba pola, to w polu tekstowym pod [ubezp] ma być domyślnie to co pod [pobr]


Napisałem o co mi chodzi jak najprościej potrafię. Proszę o pomoc w tym, gdyż dopiero się uczę i jak narazie jestem kompletnie zielony..
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
kakkarot
post
Post #2





Grupa: Zarejestrowani
Postów: 59
Pomógł: 0
Dołączył: 7.04.2010

Ostrzeżenie: (0%)
-----


znalazłem takie coś:

Kod
(function($) {
    
    $.fn.ukryjpola = function(options) {
        
        var defaults = {
            szybkoscpokaz : 'slow',
            szybkoscukryj : 'fast'
        },
        
        settings = $.extend({}, defaults, options);
        
        $('#'+settings.docelowy+'').hide();
        
        function aktywatorCheckbox() {
            if ($(this).is(':checked')) {
                $('#'+settings.docelowy+'').slideDown(settings.szybkoscpokaz);
            } else {
                $('#'+settings.docelowy+'').slideUp(settings.szybkoscukryj);
            }
        }
        
        function aktywatorRadio() {
            if ($('#'+aktyw+'').is(':checked')) {
                $('#'+settings.docelowy+'').slideDown(settings.szybkoscpokaz);
            } else {
                $('#'+settings.docelowy+'').slideUp(settings.szybkoscukryj);
            }
        }
        
        if ($(this).is("input[type='checkbox']")) {
            $(this).click(aktywatorCheckbox);
        }else if ($(this).is("input[type='radio']")){
            var grupa = $(this).attr("name");
            var aktyw = $(this).attr("id")
            $("input[name='"+grupa+"']").click(aktywatorRadio);
        }                
        
    }
    
})(jQuery);


Kod
<script type="text/javascript">

    $(function() {

        $('#aktywator1').ukryjpola({docelowy : 'dodatkowo1'});

    });

</script>





Kod
<div>
    <label>Więcej opcji:
        <input type="checkbox" id="aktywator1" />
    </label>
</div>

<div id="dodatkowo1">
    <label>Dodatkowe opcje:</label>
    <textarea cols="50" rows="10">dodatkowo1</textarea>    
</div>



Wydaje mi się, że to się może przydać, tylko jak to przerobić na mój użytek?
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 6.10.2025 - 19:59