Kivi box HTML5-HTML5, CSS, and jQuery javascript DATA JSONObject

form_kivi.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Kivi box html iframe plugin VRAPro Admin</title>
        <link rel="stylesheet" href="form_kivi.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 ok = "<div class='oke'>Üzenet elküldve!</div>";
        var hiba = "<div class='error'>HIBA! Minden mezőt ki kell tölteni.</div>";
        document.write("<script language='text/javascript' type='text/javascript' src='https://admin.vrapro.hu/json/string/?radio="+radio+"&plugin=onair'><\/script>");
        document.write("<script language='text/javascript' type='text/javascript' src='https://admin.vrapro.hu/json/js/?radio="+radio+"&dsk="+dsk+"&ip="+self.location.hostname+"'><\/script>");
        </script>
        <script type="text/javascript" src="https://vrapro.hu/plugin/fulljs/js/form_kivi.js"></script>
    </head>
    <body>
        <script src="form_kivi.js"></script>
    </body>
</html>

form_kivi.js

var JSONObject = JSON.parse(JSONString);
console.log(JSONObject);
/* start hiba oldalak */
    if (401==JSONObject[0]["json_status"]) {
document.write("Plugin hiba");
 }else{if (404==JSONObject[0]["json_status"]) {
document.write("Nem tudtunk kapcsolodni a rádió adminhoz.");
 }else{if (403==JSONObject[0]["json_status"]) {
document.write("Lejárt rádió admin.");
 }else{if (402==JSONObject[0]["json_status"]) {
document.write("Az admin fel van függesztve.");
}else{
/* start uzenet plugin */
if (JSONObject[0]['dj_kivi']=="online"){document.write("<div class='vrapro_form_logo'></div><form action='' class='vrapro_form_block' id='vra-form' method='POST' accept-charset='utf-8'><h1>"+JSONObject[0]["dj_name"]+" fogadja a kéréseket.</h1><input type='text' id='fname' name='fname' placeholder='Neved'><input type='text' id='fkivi' name='fkivi' placeholder='Kérés'><textarea id='fuzi' name='fuzi' value='' placeholder='Üzenet' /></textarea><button type='submit' name='submit'>Küldés</button><div class='vrapro_form_alert' id='vra_msgstatus'></div></form>");}else{document.write("<div class='vrapro_form_logo'></div><div class='vrapro_form_block'><h1>Sajnos most nincs kívánságműsor.</h1></div>");}
    /* end uzenet plugin */
        }}}}
/* end hiba oldalak */

form_kivi.css

.vrapro_form_logo {
    margin: 1px auto;
}
.vrapro_form_block {
    width: 300px;
    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_alert{
    text-align: center;
    color: #DBDAE9;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 5px;
}

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ó