NEW Broadcaster HTML5 (LIVE)-HTML5, CSS, and jQuery javascript DATA JSON.data

live_newbroadcaster.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>NEW Broadcaster html iframe plugin VRAPro Admin</title>
        <link rel="stylesheet" href="live_newbroadcaster.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" src="live_newbroadcaster.js"></script>
    </head>
    <body>
    <div id='newbroadcaster'></div>
    </body>
</html>

live_newbroadcaster.

var timn = "30"; /*masodpercben frissites megadas*/
$(document).ready(function(){newbroadcaster();});
var newbroadcasterVar = setInterval(newbroadcaster, timn*1000);
function newbroadcaster() {
var limit = '3';
$.getJSON("https://admin.vrapro.hu/json/string/json.php?radio=409d6111239964f794f007474c434b1c&plugin=new_broadcaster", function(json) {
//////////////////* start hiba oldalak *//////////////
if (401==json[0].json_status) {
$("#newbroadcaster").append("Plugin hiba");
 }else{if (404==json[0].json_status){
$("#newbroadcaster").append("Nem tudtunk kapcsolodni a rádió adminhoz.");
 }else{if (403==json[0].json_status){
$("#newbroadcaster").append("Lejárt rádió admin.");
 }else{if (402==json[0].json_status) {
$("#newbroadcaster").append("Az admin fel van függesztve.");
}else{
if(limit){if(json[0].status_db<=limit){var limite = json[0].status_db;}else{var limite = limit;}}else{var limite = json[0].status_db;}
var output ="<div><div class='news_dj_list_ul'>";
if(limite<=0){output +="<div class='news_dj_list_li'>Nincs élő műsor.</div>";}else{
for (i = 1; i <= limite; i++) {
    var date = new Date(json[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(json[0].broadcaster);
    output +="<div class='news_dj_list_li'>";
    output +="<img src='"+json[0].dj_img[i]+"' width='70' height='70'>";
    output +="<div class='news_dj_name'>"+json[0].dj_name[i]+"</div>";
    output +="<div class='news_dj_list_p'>"+json[0].dj_title[i]+" - "+json[0].dj_title_info[i]+"</div>";
    output +="<div class='news_dj_list_price'>"+Y+" "+mn+" "+d+" "+day+" / "+start+":00 - "+end+":00</div>";
    output +="</div>";
    }
}
output +="</div></div>";
$("#newbroadcaster").html(output);
//////////////////* end lista *//////////////
}}}}
//////////////////* end hiba oldalak *//////////////
});
}

live_newbroadcaster.

.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ó