NEW Broadcaster HTML5-HTML5, CSS, and jQuery javascript DATA JSONObject

new_broadcaster.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>New Broadcaster html iframe plugin VRAPro Admin</title>
        <link rel="stylesheet" href="new_broadcaster.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 limit = '1';
            document.write("<script language='text/javascript' type='text/javascript' src='https://admin.vrapro.hu/json/string/?radio="+radio+"&plugin=new_broadcaster&limit="+limit+"'><\/script>");
        </script>
    </head>
    <body>
        <script type="text/javascript" src="new_broadcaster.js"></script>
    </body>
</html>

new_broadcaster.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 broadcaster plugin */
 var limit = 1+parseInt(limit);
 document.write("<div><div class='news_dj_list_ul'>");
 if(limit){if(JSONObject[0]["status_db"]+1<=limit){var limite = JSONObject[0]["status_db"]+1;}else{var limite = limit;}}else{var limite = JSONObject[0]["status_db"]+1;}
 for (i = 1; i < limite; i++) {
    var date = new Date(JSONObject[0]["timenow"][""+i+""]*1000);
    var Y = date.getFullYear();
    var d = date.getDate();
    var monthNames = ["Január", "Február", "Március", "Április", "Május", "Június", "Július", "Augusztus", "Szeptember", "Október", "November", "December"];
    var mn = monthNames[date.getMonth()];
    var text = ["","Hétfő", "Kedd", "Szerda", "Csütörtök", "Péntek", "Szombat", "Vasárnap"];
    var day = text[date.getDay()];
    var start = date.getHours();
    var end = date.getHours()+parseInt(JSONObject[0]["broadcaster"]);
document.write("<div class='news_dj_list_li'>");
document.write("<img src='"+JSONObject[0]["dj_img"][""+i+""]+"' width='70' height='70'>");
document.write("<div class='news_dj_name'>"+JSONObject[0]["dj_name"][""+i+""]+"</div>");
document.write("<div class='news_dj_list_p'>"+JSONObject[0]["dj_title"][""+i+""]+"-"+JSONObject[0]["dj_title_info"][""+i+""]+"</div>");
document.write("<div class='news_dj_list_price'>"+Y+" "+mn+" "+d+" "+day+" / "+start+":00 - "+end+":00</div>");
document.write("</div>");
}
document.write("</div></div>");
if(limite<=1){document.write("<div class='news_dj_name'>Nincs élő műsor.</div>");}
/* end broadcaster plugin */
}}}}
/* end hiba oldalak */

new_broadcaster.css

.news_dj_list_ul {
    list-style-type: none;
    max-width: 100%;
    background:#9F601C;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin: 10px auto 10px;
    border: 4px solid #62BEFF;
}
.news_dj_name {
    font-weight: bold;
    color: #FFFFFF;
}
.news_dj_list_li img {
    width: 70px;
    height: 70px;
    float: left;
    margin: 0 15px 0 0;
    border: 7px solid #3C1839;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius:50%;
    box-sizing: border-box;
}
.news_dj_list_li{border: 2px solid #000F3C;}
.news_dj_list_p {color: #8AF2F3;}
.news_dj_list_price {color: #09FF3D;}
.news_dj_list_li {padding: 10px; overflow: auto;}
.news_dj_list_li:hover {background:#8A89E1; cursor: pointer;
}

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ó