Live 4 az egyben modal form-HTML5, CSS, and jQuery javascript DATA JSONObject

live_form.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Form LIVE html iframe plugin VRAPro Admin</title>
        <link rel="stylesheet" href="live_form.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
        <script type="text/javascript" src="radio.js"></script>
        <script type="text/javascript">
        var hiba = "<div class='vrapro_form_alert' style='color:#fff; background-color: #f44336;'><strong>HIBA!</strong> Minden mezőt ki kell tölteni.</div>";
        var ok = "<div class='vrapro_form_alert' style='color:#fff; background-color: #0CC309;'><strong>Remek!</strong> Üzenet elküldve.</div>";
        var emailerror = "<div class='vrapro_form_alert' style='color:#fff; background-color: #E0C410;'><strong>HIBA!</strong> Kérem érvényes e-mail címet adj meg.</div>";
        </script>
        <script src="https://vrapro.hu/plugin/fulljs/livejs/form_full_modal_live.js"></script>
        <script type="text/javascript" src="https://vrapro.hu/plugin/fulljs/livejs/form_uzi.js"></script>
    </head>
    <body>
        <form class='uzenet_live' id='vra-form-uzi' method='POST' accept-charset='utf-8'></form>
        <form class='kivi_live' id='vra-form-kivi' method='POST' accept-charset='utf-8'></form>
        <form class='conbox_live' id='vra-form-conbox' method='POST' accept-charset='utf-8'></form>
        <form class='jelentkezes_live' id='vra-form-jelentkezes' method='POST' accept-charset='utf-8'></form>
    </body>
</html>
<a href="#" id="1" onclick="gouzi(this.id)">Üzenet küldés</a> <a href="#" id="2" onclick="gouzi(this.id)">Kivánság</a>
 <a href="#" id="3" onclick="gouzi(this.id)">Kapcsolat</a> <a href="#" id="4" onclick="gouzi(this.id)">Jelentkezés</a>

live_form.css

.vrapro_form_logo {
    margin: 1px auto;
}
.vrapro_form_block {
    padding: 20px;
    background:#052025;
    border-radius: 3px;
    margin: 0 auto;
}
.vrapro_form_block h1 {
    text-align: center;
    color: #DBDAE9;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
}
.vrapro_form_block input,.vrapro_form_block textarea {
    width: 100%;
    height: 42px;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #342A1A;
    margin-bottom: 20px;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    padding: 0 20px 0 10px;
    outline: none;
    color: #3CFFA1;
    background:#342A1A;

}
.vrapro_form_block textarea {
    height: 102px;
    padding: 20px 20px 0 10px;
}
.vrapro_form_block button {
    width: 100%;
    height: 40px;
    background:#321034;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #321034;
    color: #C2EDFF;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    outline: none;
    cursor: pointer;
}
.vrapro_form_block button:hover {
    background-color: #FF6060;
}
.vrapro_form_san{
width:420px;
padding:20px;
text-align:center;
z-index:999;
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.vrapro_form_close {
float: right;
position: absolute;
right: -8px;
top: -10px;
cursor:pointer;
}
.vrapro_form_alert {
    padding: 20px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.vrapro_form_modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

Tömörített állomány létöltése (.zip)

Hozzászolások

Ehhez a plugonhoz, még nem érkeztek hozzászólások.


Új hozzászóláshoz be kel jelentkezni. Bejelentkezés | Regisztráció