« ankstesnis sekantis »
Puslapiai: [1]   Žemyn

Autorius Tema: php failo iškvietimas naudojant AJAX  (Skaityta 111 kartus)

Neprisijungęs darkInsane

  • Naujokas
  • *
  • Įrašai: 11
  • Karma: +0/-0
    • Žiūrėti profilį
php failo iškvietimas naudojant AJAX
« Įrašytas: 2015-01-08 11:35:24 am »
Meginu iškviesti php failiuka naudojant ajax. Šiuom metu puslapis nebepersikrauna liko tik tai kad neisisiunčia aplamai pats email.. Ka netaip darau ? ???
Kodas: [Pasirinkti]
<div class="relative form_inner" align="left">
                            <div class="form_outer absolute">
                                <div id="contact-query-form">
                                    <h3>Contact form</h3>
                                    <label>Name</label>
                                    <input id="name" type="text" name="name" size="28"><br />
                                    <label>
                                Company name</label>
                                    <input id="company_name" type="text" name="company_name" size="28">
                                    <label>
                                   Email</label>
                                    <input id="email" type="text" name="email" size="28">
                                    <label>Phone</label>
                                    <input id="phone" type="text" name="phone" size="28">
                                    <label>Question:</label>
                                    <textarea id="question" name="question" ></textarea>
                                    <input type="hidden" name="lang" value="<? echo CURRENT_LANG; ?>">
                                    <button type="button" id="send">Send</button>
                                </div>
                            </div>
                        </div>
                        <div><img id="contact_form_img" src="<? echo THEME_DIR; ?>/img/contact-form.png" width="369"  alt="" /></div>
                        <script>
                            jQuery(document).ready(function() {
                                jQuery('#send').click(function() {
                                    var name = jQuery("#name").val();
                                    var company_name = jQuery("#company_name").val();
                                    var email = jQuery("#email").val();
                                    var phone = jQuery("#phone").val();
                                    var question = jQuery("#question").val();
                                    var re = /^(([^<>()[]\.,;:s@"] (.[^<>()[]\.,;:s@"] )*)|(". "))@(([[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}])|(([a-zA-Z-0-9] .) [a-zA-Z]{2,}))$/;

                                    if (!email) {
                                        alert('Enter email address!');
                                        return false;
                                    } else if (!re.test(email)) {
                                        alert('Email is invalid!');
                                        return false;
                                    }

                                    if (!question) {
                                        alert('Enter your question.');
                                        return false;
                                    }

                                    $.ajax({
                                        type: 'POST',
                                        url: '/inc/inc-mail.php',
                                        data: {'name': name, 'company_name': company_name, 'email': email, 'phone': phone, 'question': question},
                                        success: function() {
                                            var url = window.location.href;

                                            if (url.indexOf('#contactForm') != -1) {
                                                var a_top = jQuery('a[name="contactForm"]').offset().top;

                                                jQuery('html,body').animate({'scrollTop': a_top}, 0);
                                                jQuery("#contact-query-form").hide();
                                                jQuery("#contact_form_img").attr('src', '<? echo THEME_DIR; ?>/img/contact-form-sent.png ?>');
                                                setTimeout(function() {
                                                    jQuery("#contact-query-form").fadeIn(1200);
                                                    jQuery("#contact_form_img").attr('src', '<? echo THEME_DIR; ?>/img/contact-form.png ?>');
                                                }, 5000);
                                            }

                                        }

                                    });
                                });
                            });
                        </script>

Ir meta tokia klaidike beje console lange TypeError: $.ajax is not a function
« Paskutinį kartą keitė: 2015-01-08 11:36:58 am sukūrė darkInsane »
Prisijungęs

Neprisijungęs darkInsane

  • Naujokas
  • *
  • Įrašai: 11
  • Karma: +0/-0
    • Žiūrėti profilį
Ats: php failo iškvietimas naudojant AJAX
« Atsakymas #1 Įrašytas: 2015-01-08 11:56:25 am »
P.s pasitaisiau vietoj $.ajax i jQuery.ajax dabar i6sisinčia form ta gaunu i pasta bet neisijungia animacijos :/
Prisijungęs

Neprisijungęs Lukas Liesis

  • Administratorius
  • Herojus
  • ******
  • Įrašai: 7434
  • Karma: +231/-15
    • Žiūrėti profilį
    • mano CV
Ats: php failo iškvietimas naudojant AJAX
« Atsakymas #2 Įrašytas: 2015-01-09 09:57:52 am »
console'e svari? pabandyk tuo metu kai nori daryt animacija i console palogint savo kintamuosius: console.log(var); pasiziurek gal kazkas turi reiksmes, kokiu nesitikejai
Prisijungęs
Jūsų draugas, kolega ir puslapio administratorius,

Lukas.

Manualai.lt Facebooke
serveriai.lt 50% nuolaida!
Free Hosting
Free Templates

Manualai.lt Forumas

Ats: php failo iškvietimas naudojant AJAX
« Atsakymas #2 Įrašytas: 2015-01-09 09:57:52 am »
Puslapiai: [1]   Viršun
« ankstesnis sekantis »