hoi all wie kan mij helpen voor Afspraak formulier maken hoe naar mail koppelen? help

nadorino · 24 nov 2014

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>Regel online uw afspraak voor een schoonmaakofferte</title>
    <meta name="description" content="Regel online uw afspraak voor een schoonmaakofferte">
    <meta name="keywords" content="schoonmaakofferte, offerte voor het schoonmaakonderhoud, hoeveel kost de schoonmaak, prijsopgave schoonmaakonderhoud, afspraak voor de schoonmaak">
    <link rel="shortcut icon" href="../public/front/images/logo.png" type="image/x-icon">
    <link href="../public/front/css/styles.css" rel="stylesheet" type="text/css" />
    <link href="../public/front/css/style.css" rel="stylesheet" type="text/css" />
    <link href="../public/front/css/common.css" rel="stylesheet" type="text/css" />
    <!--[if lt IE 9]>
        <link rel="stylesheet" href="http://website.nl/public/front/css/ie.css" type="text/css" media="all">
    <![endif]-->
    <link rel="stylesheet" href="../public/front/css/menu-style.css" type="text/css" />
    <link rel="stylesheet" href="../public/front/css/colorbox.css" type="text/css" />

<!--<script type="text/javascript" src="http://website.nl/public/front/js/slide_show.js"></script>
    <link rel="stylesheet" href="http://website.nl/public/front/css/ie.css" type="text/css" media="all">-->
    <script type="text/javascript">
        var baseurl="../index.html";
    </script>









</head>    <body>
        <div id="wrapper">


            <script type="text/javascript" src="../public/front/js/script.js"></script>
<script type="text/javascript" src="../public/front/js/jquery.js"></script>
<script type="text/javascript" src="../public/front/js/html5.js"></script>
<link href="../public/front/css/custom.css" rel="stylesheet" type="text/css">
<link href="../public/front/css/all.css" rel="stylesheet" type="text/css">
<script src="../public/front/js/jquery.icheck.min.js" type="text/javascript"></script>

<script type="text/javascript">

    $(document).mouseup(function(e){
        //alert($(e.target).parent().attr("class"));
        if($(e.target).parent().attr("class")!="selectBox z-index10")
        {
            $(".selectOptions").hide();
        }
        //        if($(e.target).parent().attr("class")!="logo-popup-image" && $(e.target).parent().attr("class")!="logo-popup")
        //        {
        //                $(".logo-popup").hide();
        //        }
    });
    $(document).ready(function() {
        $('#textfield').focus(function() {
            $('#textfield').css("width", "145px");
        });
        $('#textfield').blur(function() {
            $('#textfield').css("width", "auto");
        });
        //        $("#wrapper").click(function(){
        //           alert($(this).id);
        //        });
    });
</script>

<script type="text/javascript">

    //JSON with your image data

    var imageJson = {"images": [
            {"imgSrc": "http://website.nl//public/front/images/smu_adviseur1.jpg", "imgAlt": "Image one"},
            {"imgSrc": "http://website.nl//public/front/images/smu_adviseur2.jpg", "imgAlt": "Image two"}
        ]
    };

    //Wait for dom to load then do our stuff

    $(document).ready(function() {
        $("#step-2").hide();
        // moveCookie();
    });

    //Name off your cookie
    var cookieName = "counteuoi1dff";
    //Id off your image tag
    var imgId = "img1";

    function moveCookie(){
        if(getCookie(cookieName) != undefined){
            var lastImage = parseInt(getCookie(cookieName));

            if(lastImage > imageJson.images.length-1){
                setCookie(cookieName,0,365);
                lastImage = 0;
            }
            $("#"+imgId).attr("src",imageJson.images[lastImage].imgSrc);
            $("#"+imgId).attr("alt",imageJson.images[lastImage].imgAlt);

            setCookie(cookieName,lastImage+1,365);
        }else{
            setCookie(cookieName,1,365);
            lastImage = 1;
        }
    }

    //Default cookie functions for javascript dont worry about these

    function setCookie(c_name,value,exdays)
    {
        var exdate=new Date();
        exdate.setDate(exdate.getDate() + exdays);
        var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
        document.cookie=c_name + "=" + c_value;
    }
    function getCookie(c_name)
    {
        var i,x,y,ARRcookies=document.cookie.split(";");
        for (i=0;i<ARRcookies.length;i++)
        {
            x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
            y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
            x=x.replace(/^\s+|\s+$/g,"");
            if (x==c_name)
            {
                return unescape(y);
            }
        }
    }

</script>

<script type='text/javascript'><!--
    $(document).ready(function() {
        enableSelectBoxes();
        $("#perWeek").click(function(){
            var int_week=0;
            int_week=parseInt($("#int_week").val())-1;
            var weekNumber=parseInt($("#h_currentWeek").val());
            if(int_week>=weekNumber)
            {
                $("#int_week").val(int_week);
            }
        });
        $("#nextWeek").click(function(){
            var int_week=0;
            int_week=parseInt($("#int_week").val())+1;
            if(int_week<=52)
            {
                $("#int_week").val(int_week);
            }
        });

    });
    var tempDetail="";
    $(document).ready(function(){

        $('input[type="text"]').focus(function(){
            tempDetail=$(this).attr("placeholder");
            $(this).attr("placeholder", "");
        });
        $('input[type="text"]').blur(function(){
            if($(this).val()=="")
            {
                $(this).attr("placeholder",tempDetail);
            }
        });

        $('input').iCheck({
            radioClass: 'iradio_minimal-green',
            increaseArea: '20%'
        });
    });
    function enableSelectBoxes(){
        $('div.selectBox').each(function(){
            $(this).children('span.selected').html($(this).children('div.selectOptions').children('span.selectOption:first').html());
            $(this).attr('value',$(this).children('div.selectOptions').children('span.selectOption:first').attr('value'));

            $(this).children('span.selected,span.selectArrow').click(function(){
                if($(this).parent().children('div.selectOptions').css('display') == 'none'){
                    $(".selectOptions").hide();
                    $(this).parent().children('div.selectOptions').css('display','block');
                }
                else
                {
                    $(this).parent().children('div.selectOptions').css('display','none');
                }
            });

            $(this).find('span.selectOption').click(function(){
                //alert($(this).parent().attr("id"));
                var temp=$(this).parent().attr("id").split("_");
                $("#"+temp[0]+"_"+temp[2]).val($(this).attr('value'));
                $(this).parent().css('display','none');
                $(this).closest('div.selectBox').attr('value',$(this).attr('value'));
                $(this).parent().siblings('span.selected').html($(this).html());
            });
        });
    }//-->
    function setValidateMessage(errorDiv,errorMessage){
        $("#"+errorDiv).show();
        $("#"+errorDiv).html(errorMessage);

    }
    function step1_validate()
    {
        //alert($("#cbo_monday").val());
        if($("#cbo_monday").val()=="" && $("#cbo_tuesday").val()=="" && $("#cbo_wednesday").val()=="" && $("#cbo_thursday").val()=="" && $("#cbo_friday").val()=="")
        {
            setValidateMessage("messageDiv","U heeft geen dag en tijd geselecteerd");
            $('body,html').animate({
                scrollTop: 0
            }, 800);
            return false;
        }
    }

    function step2_validate()
    {

        if($("#var_company_name").val()=="" )
        {
            //alert("enter");
            setValidateMessage("messageDiv2",'Wilt u alstublieft uw Bedrijfsnaam invullen?');
            $('body,html').animate({
                scrollTop: 0
            }, 800);
            $("#var_company_name").focus();
            return false;
        }
        //alert($("#chr_sex_m").is(':checked'));
        if($("#chr_sex_m").is(':checked')==false && $("#chr_sex_f").is(':checked')==false )
        {
            setValidateMessage("messageDiv2",'Wilt u alstublieft uw de heer invullen?');
            $('body,html').animate({
                scrollTop: 0
            }, 800);
            $("#chr_sex_m").focus();
            return false;
        }

        if($("#var_first_name").val()=="" )
        {
            setValidateMessage("messageDiv2",'Wilt u alstublieft uw voornaam invullen?');
            $('body,html').animate({
                scrollTop: 0
            }, 800);
            $("#var_first_name").focus();
            return false;
        }
        if($("#var_last_name").val()=="" )
        {
            setValidateMessage("messageDiv2",'Wilt u alstublieft uw achternaam invullen?');
            $('body,html').animate({
                scrollTop: 0
            }, 800);
            $("#var_last_name").focus();
            return false;
        }
        if($("#var_street").val()=="" )
        {
            setValidateMessage("messageDiv2",'Wilt u alstublieft uw straat invullen?');
            $('body,html').animate({
                scrollTop: 0
            }, 800);
            $("#var_street").focus();
            return false;
        }
        if($("#var_address").val()=="" )
        {
            setValidateMessage("messageDiv2",'Wilt u alstublieft uw huisnummer invullen?');
            $('body,html').animate({
                scrollTop: 0
            }, 800);
            $("#var_address").focus();
            return false;
        }
        if($("#var_email").val()=="" )
        {
            setValidateMessage("messageDiv2",'Wilt u alstublieft uw e-mail adres invullen?');
            $('body,html').animate({
                scrollTop: 0
            }, 800);
            $("#var_email").focus();
            return false;
        }
        if(validate_email($("#var_email").val())==false)
        {
            setValidateMessage("messageDiv2","Vul een geldig email.");
            $('body,html').animate({
                scrollTop: 0
            }, 800);
            $("#var_email").focus();
            return false;
        }
        if($("#var_phone").val()=="" )
        {
            setValidateMessage("messageDiv2",'Wilt u alstublieft uw telefoonnummer invullen?');
            $('body,html').animate({
                scrollTop: 0
            }, 800);
            $("#var_phone").focus();
            return false;
        }
    }

    function changeStep(next_step,per_step,validate,submit)
    {
        var validateFlag=true;
        if(validate=="true")
        {

            if(per_step==1)
            {
                //alert(step1_validate());
                if(step1_validate()==false)
                {
                    //  alert("data");
                    validateFlag=false;
                }

            }

            if(per_step==2)
            {
                //alert("data");
                if(step2_validate()==false)
                {
                    //  alert("data");
                    validateFlag=false;
                }
            }
            //if()
        }

        if(validateFlag==true)
        {

            if(submit=="true")
            {
                //  alert("data");
                $("#h_submit").val("T")
                $("#frm_advisor").submit();
            }


            $("#step-"+per_step).hide();
            $("#step-"+next_step).show();

            if(next_step==1)
            {
                $("#img1").attr("src","../public/front/images/smu_adviseur1.jpg");
            }
            else if(next_step==2)
            {
                $("#img1").attr("src","../public/front/images/smu_adviseur2.jpg");
            }
        }


        $('body,html').animate({
            scrollTop: 0
        }, 800);
    }
    function validate_email(email){
        var email_detail = email;
        var filter = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
        if (!filter.test(email_detail)) {
            return false;
        }
        return true;
    }
</script>



<section id="smu_adviseur1" class="relative">
    <img alt="Image one" src="../public/front/images/smu_adviseur1.jpg" class="full-screen-background-image" id="img1" />
    <header>
        <div class="middleBlock relative">
            <div class="logo floatLeft logo-set-left"><a href="../index.html"><img src="../public/front/images/logo.png" alt=""></a></div>
        </div>
    </header>
    <div class="clearfix"></div>

    <form id="frm_advisor" name="frm_advisor" method="POST">
        <input type="hidden" id="h_submit" name="h_submit" value="F">
        <input type="hidden" id="h_currentWeek" name="h_currentWeek" value="46">
        <section id="step-1">

            <div class="form-box bdr-radius div-auto relative">
                <div class="msg-box" id="messageDiv" style="display: none"></div>
<!--                <div style="text-align: center"><b class="afspr" id="messageDiv"></b></div>-->


                <div class="form-title"> <i class="schoonmaak-icon"></i>
                    <h1>Schoonmaak Adviseur</h1>
                    <ul class="tab-menu adviseur-tab">
                        <li  class="active"><span><div style="padding-top:1px">1</div></span><b class="afspr">Afspraak</b></li>
                        <li><span><div style="padding-top:1px">2</div></span><b class="afspr" style="color:#B2C7E6">Gegevens</b></li>
                    </ul><div class="clear"></div>
                </div>
                <div class="clearfix"></div>
                <div class="form-group mr-t-15">
                    <h3 class="left" style="padding:4px 6px 0px 0px;">Uw gewenste dag en tijd in week</h3>
                    <div style="position: relative">
                        <a href="#" id="perWeek" class="btn-left right " style="float: left;height: 15px;margin-top: 4px;padding: 4px 8px 4px 15px;"></a>
                        <label class="control-label" style="width: 37px;top: -5px;margin: 0px 5px">
                            <input style="width: 25px;text-align: center" name="int_week" type="text" id="int_week" value="48" size="3" readonly="readonly" class="input-field right">
                        </label>
                        <a href="#" id="nextWeek" class="btn-right right" style="float: left;height: 15px;margin-top: 4px;padding: 4px 8px 4px 15px;"></a>
                    </div>
                    <div class="right clearfix tooltip-icon"><img src="../public/front/images/info-icon.jpg" width="27" height="27" title="">
                        <div class="tool-tip-desc">
                            <h4>Een afspraak wanneer het u uitkomt</h4>
                            Hier kunt u het weeknummer en vervolgens de dag en tijdstip van uw keuze selecteren. Een afspraak met een van onze Adviseurs duurt ongeveer een half uur.
                        </div>
                    </div>

                    <div class="clearfix"></div>

                </div>
                <div class="form-group">
                    <label class="control-label">Maandag</label>
                    <div class='selectBox z-index10'>
                        <span class='selected'></span>
                        <span class='selectArrow'><img alt="" src="../public/front/images/mon_icon.png"> </span>
                        <div class="selectOptions" id="cbo_selection_monday">
                                                            <span class="selectOption" value="0">favoriete tijd</span>
                                                                <span class="selectOption" value="08:30">08:30 uur</span>
                                                                <span class="selectOption" value="09:00">09:00 uur</span>
                                                                <span class="selectOption" value="09:30">09:30 uur</span>
                                                                <span class="selectOption" value="10:00">10:00 uur</span>
                                                                <span class="selectOption" value="10:30">10:30 uur</span>
                                                                <span class="selectOption" value="11:00">11:00 uur</span>
                                                                <span class="selectOption" value="11:30">11:30 uur</span>
                                                                <span class="selectOption" value="12:00">12:00 uur</span>
                                                                <span class="selectOption" value="12:30">12:30 uur</span>
                                                                <span class="selectOption" value="13:00">13:00 uur</span>
                                                                <span class="selectOption" value="13:30">13:30 uur</span>
                                                                <span class="selectOption" value="14:00">14:00 uur</span>
                                                                <span class="selectOption" value="14:30">14:30 uur</span>
                                                                <span class="selectOption" value="15:00">15:00 uur</span>
                                                                <span class="selectOption" value="15:30">15:30 uur</span>
                                                                <span class="selectOption" value="16:00">16:00 uur</span>
                                                                <span class="selectOption" value="16:30">16:30 uur</span>
                                                                <span class="selectOption" value="17:00">17:00 uur</span>
                                                                <span class="selectOption" value="17:30">17:30 uur</span>
                                                        </div>
                        <input type="hidden" id="cbo_monday" name="cbo_monday" value=""/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label">Dinsdag</label>
                    <div class='selectBox z-index9'>
                        <span class='selected'></span>
                        <span class='selectArrow'><img alt="" src="../public/front/images/mon_icon.png"> </span>
                        <div class="selectOptions" id="cbo_selection_tuesday">
                                                            <span class="selectOption" value="0">favoriete tijd</span>
                                                                <span class="selectOption" value="08:30">08:30 uur</span>
                                                                <span class="selectOption" value="09:00">09:00 uur</span>
                                                                <span class="selectOption" value="09:30">09:30 uur</span>
                                                                <span class="selectOption" value="10:00">10:00 uur</span>
                                                                <span class="selectOption" value="10:30">10:30 uur</span>
                                                                <span class="selectOption" value="11:00">11:00 uur</span>
                                                                <span class="selectOption" value="11:30">11:30 uur</span>
                                                                <span class="selectOption" value="12:00">12:00 uur</span>
                                                                <span class="selectOption" value="12:30">12:30 uur</span>
                                                                <span class="selectOption" value="13:00">13:00 uur</span>
                                                                <span class="selectOption" value="13:30">13:30 uur</span>
                                                                <span class="selectOption" value="14:00">14:00 uur</span>
                                                                <span class="selectOption" value="14:30">14:30 uur</span>
                                                                <span class="selectOption" value="15:00">15:00 uur</span>
                                                                <span class="selectOption" value="15:30">15:30 uur</span>
                                                                <span class="selectOption" value="16:00">16:00 uur</span>
                                                                <span class="selectOption" value="16:30">16:30 uur</span>
                                                                <span class="selectOption" value="17:00">17:00 uur</span>
                                                                <span class="selectOption" value="17:30">17:30 uur</span>
                                                        </div>
                        <input type="hidden" id="cbo_tuesday" name="cbo_tuesday" value=""/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label">Woensdag</label>
                    <div class='selectBox z-index8'>
                        <span class='selected'></span>
                        <span class='selectArrow'><img alt="" src="../public/front/images/mon_icon.png"> </span>
                        <div class="selectOptions" id="cbo_selection_wednesday">
                                                            <span class="selectOption" value="0">favoriete tijd</span>
                                                                <span class="selectOption" value="08:30">08:30 uur</span>
                                                                <span class="selectOption" value="09:00">09:00 uur</span>
                                                                <span class="selectOption" value="09:30">09:30 uur</span>
                                                                <span class="selectOption" value="10:00">10:00 uur</span>
                                                                <span class="selectOption" value="10:30">10:30 uur</span>
                                                                <span class="selectOption" value="11:00">11:00 uur</span>
                                                                <span class="selectOption" value="11:30">11:30 uur</span>
                                                                <span class="selectOption" value="12:00">12:00 uur</span>
                                                                <span class="selectOption" value="12:30">12:30 uur</span>
                                                                <span class="selectOption" value="13:00">13:00 uur</span>
                                                                <span class="selectOption" value="13:30">13:30 uur</span>
                                                                <span class="selectOption" value="14:00">14:00 uur</span>
                                                                <span class="selectOption" value="14:30">14:30 uur</span>
                                                                <span class="selectOption" value="15:00">15:00 uur</span>
                                                                <span class="selectOption" value="15:30">15:30 uur</span>
                                                                <span class="selectOption" value="16:00">16:00 uur</span>
                                                                <span class="selectOption" value="16:30">16:30 uur</span>
                                                                <span class="selectOption" value="17:00">17:00 uur</span>
                                                                <span class="selectOption" value="17:30">17:30 uur</span>
                                                        </div>
                        <input type="hidden" id="cbo_wednesday" name="cbo_wednesday" value=""/>
                    </div>
                </div>
                <div class="form-group">

                        <input type="hidden" id="cbo_thursday" name="cbo_thursday" value=""/>
                    </div>
                </div>
                <div class="form-group ">

                                       <input type="hidden" id="cbo_friday" name="cbo_friday" value=""/>


                    <a href="javascript:changeStep('2','1','true','false');" class="btn-right right mr-t-15" id="btn_step1_next">Volgende</a>
                    <div class="clearfix"></div>
                </div>
            </div>
        </section>
        <section id="step-2">

            <div class="form-box bdr-radius div-auto relative" style="height: 625px">
                <div class="msg-box" id="messageDiv2" style="display: none"></div>
                <div class="form-title"> <i class="schoonmaak-icon"></i>
                    <h1>Schoonmaak Adviseur</h1>
                    <ul class="tab-menu adviseur-tab">
                        <li><span><div style="padding-top:1px">1</div></span>Afspraak</li>
                        <li class="active"><span><div style="padding-top:1px">2</div></span><b class="afspr">Gegevens</b></li>
                    </ul><div class="clear"></div>
                </div>
                <div class="clearfix"></div>
                <div class="form-group mr-t-15">
                    <h3 class="left">Uw gegevens</h3>
                    <div class="right clearfix tooltip-icon"><img src="../public/front/images/info-icon.jpg" width="27" height="27" title="">
                        <div class="tool-tip-desc">
                            <h4>Waarom vragen wij dit?</h4>
                            Wij vragen u enkele gegevens in te vullen zodat onze Adviseur direct over de juiste adresgegevens beschikt.
                            <br><br>
                            <h4>Privacy Policy</h4>
                            Uw gegevens worden veilig opgeslagen en alleen gebruikt volgens onze <a href="../privacy_policy.html" target="_blank">privacy policy</a>.
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="gegevens-form form-group">
                    <input name="var_company_name" type="text" id="var_company_name" class="input-field large selectbox-left" placeholder="bedrijfsnaam">
                    <p><strong>Contactpersoon</strong></p>
                    <div>

                        <label class="control-label1" style="width: 65px">
                            <input name="chr_sex" id="chr_sex_m" type="radio" value="M">De heer
                        </label>
                        <label class="control-label1">
                            <input name="chr_sex" id="chr_sex_f" type="radio" value="F">Mevrouw
                        </label>
                    </div>

                    <p>
                        <input name="var_first_name" type="text" id="var_first_name"  placeholder="voomaam" class="input-field large selectbox-left">
                        <input name="var_last_name" type="text" id="var_last_name"  placeholder="achternaam" class="input-field small right">
                    </p>
                    <p>
                        <input name="var_street" type="text" id="var_street" placeholder="straat" class="input-field large selectbox-left">
                        <input name="var_address" type="text" id="var_address" placeholder="huisnummer" class="input-field small right">
                    </p>
                    <p>
                        <input name="var_email" type="text" id="var_email" placeholder="e-mail adres" class="input-field large selectbox-left">
                        <input name="var_phone" type="text" id="var_phone" placeholder="telefoonnummer" class="input-field small right">
                    </p>
                </div>
                <br><br><br><br><br>
                <div class="form-group pd-b-none bdr-none" style="bottom: 25px;position: absolute;width: 560px;">
                    <a href="javascript:changeStep('1','2','false','false');" onclick="" class="btn-left left mr-t-15" style="padding-left: 40px" id="btn_step2_pervious">Vorige</a>
                    <a href="javascript:changeStep('','2','true','true');" onclick="" class="btn-right right mr-t-15" id="btn_step2_next" >Afspraak maken</a>
                    <div class="clearfix"></div>
                </div>
            </div>
            <!--            <div class="form-box bdr-radius div-auto relative">
                           <div class="msg-box" id="messageDiv2" style="display: none"></div>
                            <div class="form-title"> <i class="schoonmaak-icon"></i>
                                <h1>Schoonmaak Adviseur</h1>
                                <ul class="tab-menu adviseur-tab">
                                    <li><span><div style="padding-top:1px">1</div></span>Afspraak</li>
                                    <li class="active"><span><div style="padding-top:1px">2</div></span><b class="afspr">Gegevens</b></li>
                                </ul><div class="clear"></div>
                            </div>
                            <div class="clearfix"></div>
                            <div class="form-group mr-t-15">
                                <h3 class="left">Uw gegevens</h3>
                                <div class="right clearfix tooltip-icon">
                                    <img src="http://website.nl/public/front/images/info-icon.jpg" width="27" height="27" title="">
                                    <div class="tool-tip-desc">
                                        <h4>Lorem Ipsum</h4>
                                        Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="gegevens-form form-group">
                                <input name="var_company_name" type="text" id="var_company_name" class="input-field large selectbox-left" placeholder="bedrijfsnaam">
                                <p><strong>contactpersoon</strong></p>
                                <div>

                                    <label class="control-label">
                                        <input name="chr_sex" id="chr_sex_m" type="radio" value="M">De heer</label>
                                    <label class="control-label">
                                        <input name="chr_sex" id="chr_sex_f" type="radio" value="F">Mevrouw</label>
                                </div>

                                <p>
                                    <input name="var_first_name" type="text" id="var_first_name"  placeholder="voomaam" class="input-field large selectbox-left">
                                    <input name="var_last_name" type="text" id="var_last_name"  placeholder="achternaam" class="input-field small right">
                                </p>
                                <p>
                                    <input name="var_street" type="text" id="var_street" placeholder="straat" class="input-field large selectbox-left">
                                    <input name="var_address" type="text" id="var_address" placeholder="huisnummer" class="input-field small right">
                                </p>
                                <p>
                                    <input name="var_email" type="text" id="var_email" placeholder="e-mail adres" class="input-field large selectbox-left">
                                    <input name="var_phone" type="text" id="var_phone" placeholder="telefoonnummer" class="input-field small right">
                                </p>
                            </div>

                            <div class="form-group pd-b-none bdr-none">
                                <a href="javascript:changeStep('1','2','false','false');" onclick="" class="btn-left left mr-t-15" id="btn_step2_pervious">Vorige</a>
                                <a href="javascript:changeStep('','2','true','true');" onclick="" class="btn-right right mr-t-15" id="btn_step2_next" >Afspraak maken</a>
                                <div class="clearfix"></div>
                            </div>
                        </div>-->
        </section>

    </form>

    <article class="footer-contact">
        <div class="textBlock contactBox"> <img width="154" height="41" alt="" src="../public/front/images/phone-img-small_1.png">
            <p>Bereikbaar van<br>8:00 uur tot 22:00 uur</p>
        </div>
    </article>
</section>


    </body>


</html>

bron · 24 nov 2014

Iemand inhuren?

helpendehand123 · 24 nov 2014

Google Drive kan je misschien helpen.. Google Drive -> Forms o.i.d

moet je even kijken

nadorino · 25 nov 2014

bron zei:
Iemand inhuren?

ja kan

bron · 25 nov 2014

Je geeft veel te veel code (ruim 700 regels!) en een te summiere omschrijving bij je vraag. Een serieuze reactie is dan moeilijk

nadorino · 26 nov 2014

bron zei:
Je geeft veel te veel code (ruim 700 regels!) en een te summiere omschrijving bij je vraag. Een serieuze reactie is dan moeilijk

nu is 650 regels code kan je me helpen?

bron · 26 nov 2014

Grinnik :d :d :d

AadTomaad · 24 jan 2015

Hoi,

Ik zag dat dit topic al een beetje bejaard is, maar misschien heb je hier iets aan.
Kijk eens op:http://www.jotform.com/
Hier kan je zelf allerlei formulieren maken. Als iemand dit invult wordt het naar 1 of meerdere opgegeven e-mail adressen gestuurd.

De code wordt automatisch aangemaakt. De code plakken op de plek waar je het formulier wilt hebben.
Dit hoef je maar eenmalig te doen. Als je het formulier veranderd past het zich automatisch aan op je site.

hoi all wie kan mij helpen voor Afspraak formulier maken hoe naar mail koppelen? help

nadorino

Gebruiker

bron

Moderator

helpendehand123

Gebruiker

nadorino

Gebruiker

bron

Moderator

nadorino

Gebruiker

bron

Moderator

AadTomaad

Nieuwe gebruiker

Nieuwste berichten

Wij waarderen jouw privacy