Afspraak formulier maken

Status
Niet open voor verdere reacties.

nadorino

Gebruiker
Lid geworden
13 mrt 2010
Berichten
17
hoi all wie kan mij helpen voor Afspraak formulier maken hoe naar mail koppelen?


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

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

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









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

            <script type="text/javascript" src="http://site.nl//public/front/js/script.js"></script>
<script type="text/javascript" src="http://site.nl//public/front/js/jquery.js"></script>
<script type="text/javascript" src="http://site.nl//public/front/js/html5.js"></script>
<link href="http://site.nl//public/front/css/custom.css" rel="stylesheet" type="text/css">
<link href="http://site.nl//public/front/css/all.css" rel="stylesheet" type="text/css">
<script src="http://site.nl//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://site.nl//public/front/images/smu_adviseur1.jpg", "imgAlt": "Image one"},
            {"imgSrc": "http://site.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","http://site.nl//public/front/images/smu_adviseur1.jpg");  
            }
            else if(next_step==2)
            {
                $("#img1").attr("src","http://site.nl//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="http://site.nl//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="http://site.nl/"><img src="http://site.nl//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> Advis</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="46" 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="http://site.nl/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="http://site.nl/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="http://site.nl//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="http://site.nl//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">
                    <label class="control-label">Donderdag</label>
                    <div class='selectBox z-index7'>
                        <span class='selected'></span>
                        <span class='selectArrow'><img alt="" src="http://site.nl//public/front/images/mon_icon.png"> </span>
                        <div class="selectOptions" id="cbo_selection_thursday">
                                                            <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_thursday" name="cbo_thursday" value=""/>
                    </div>
                </div>
                <div class="form-group ">
                    <label class="control-label">Vrijdag</label>
                    <div class='selectBox z-index6'>
                        <span class='selected'></span>
                        <span class='selectArrow'><img alt="" src="http://site.nl//public/front/images/mon_icon.png"> </span>
                        <div class="selectOptions" id="cbo_selection_friday">
                                                            <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_friday" name="cbo_friday" value=""/>
                    </div>
                </div>
                <div class="form-group pd-b-none"> 
                    <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="site-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://site.nl//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="http://site.nl/privacy_policy" 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="site-icon"></i>
                                <h1>Schoonmaak Adviseur</h1>
                                <ul class="tab-menu advis-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://site.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="http://site.nl//public/front/images/phone-img-small_1.png">
            <p>Bereikbaar van<br>8:00 uur tot 22:00 uur</p>
        </div>
    </article>
</section>                                                        
        </div>
       <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-33563869-1', 'site.nl');
  ga('require', 'displayfeatures');
  ga('send', 'pageview');

</script>
        <!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=site.nl"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','site.nl');</script>
<!-- End Google Tag Manager -->
        
    </body>
</html>
 
voor mailen vang je alles af met een POST-call, liefste in AJAX, die roept een postfix-module aan, en die logt in bij Dovecot, en zend je mail!
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan