Team HTML5-HTML5, CSS, and jQuery javascript DATA JSONObject

team.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>TEAM html iframe plugin VRAPro Admin</title>
        <link rel="stylesheet" href="team.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
        <script language='text/javascript' type='text/javascript' src='https://admin.vrapro.hu/plugin/js/vrapage.js'></script>
        <script type="text/javascript" src="radio.js"></script>
        <script type="text/javascript">
        var lista = ''; /* be irva "random" veletlen szeruen listaz */
        var href = '?'; /* url */
        var rowing = '4'; /* sorolas */
        document.write("<script language='text/javascript' type='text/javascript' src='https://admin.vrapro.hu/json/string/?radio="+radio+"&plugin=musorvezetok&rang="+lista+"'><\/script>");
        </script>
    </head>
    <body>
        <script type="text/javascript" src="team.js"></script>
    </body>
</html>

team.js

var JSONObject = JSON.parse(JSONString);
    console.log(JSONObject);
    /* start hiba oldalak */
    if (401==JSONObject[0]["json_status"]) {
document.write("Plugin hiba");
 }else{if (402==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{
    document.write("");
        /* start mv plugin */
if (0==JSONObject[0]["status"]) {
document.write("Nincsenek aktív műsorvezetők");
 }
    document.write("<table class='teamTable'>");
var i;
for (i = 1; i <= JSONObject[0]["status"]; i++) {
var str = ""+JSONObject[0]["dj_bio"][""+i+""]+"";
var res = str.substr(0, 20);
    /////////  start listázott oldal //////////
 if(!page){
    document.write("<td><a href='"+href+"vrapage="+JSONObject[0]["dj_id"][""+i+""]+"'>");
    document.write("<img src='"+JSONObject[0]["dj_img"][""+i+""]+"' alt='"+JSONObject[0]["dj_name"][""+i+""]+"'></a>");
    document.write("<br><b>"+JSONObject[0]["dj_name"][""+i+""]+"</b></td>");
    if(i % rowing == 0){
document.write("</tr>");
}}
    /////////  end listázott oldal //////////
 else{
    /////////  start profil oldal //////////
     if(page == JSONObject[0]["dj_id"][""+i+""]){
        document.write("<table class='teamTable teaminfo'><tr>");
        document.write("<td><a href='"+href+"vrapage="+JSONObject[0]["dj_id"][""+i+""]+"'>");
        document.write("<img src='"+JSONObject[0]["dj_img"][""+i+""]+"' alt='"+JSONObject[0]["dj_name"][""+i+""]+"'>");
        document.write("</a></td>");
        document.write("<td><b><i>"+JSONObject[0]["dj_name"][""+i+""]+"</i></b><br>");
        document.write("Polgári nevén:"+JSONObject[0]["dj_valosnev"][""+i+""]+"<br>");
        document.write("Lakhely:"+JSONObject[0]["dj_lakhely"][""+i+""]+"<br>");
        document.write("Születésnap"+JSONObject[0]["dj_szuletes"][""+i+""]+"<br>");
        document.write("Skype:"+JSONObject[0]["dj_skype"][""+i+""]+"<br>");
        document.write("Facebook:"+JSONObject[0]["dj_facebook"][""+i+""]+"<br>");
        document.write("Twitter:"+JSONObject[0]["dj_twitter"][""+i+""]+"<br>");
        document.write("Biográfia:"+JSONObject[0]["dj_bio"][""+i+""]+"<br></br>");
                document.write("<center><a href='javascript:history.go(-1);'><b>Vissza</b></a></center>");
        document.write("</td>");

 }document.write("</tr></table>");
    /////////  end profil oldal //////////
 }}
 document.write("</table>");
     /* end mv plugin */
            }}}
            /* end hiba oldalak */

team.css

.teamTable {
    border-collapse: collapse;
    width: 100%;
    font-size: 16px;
    font-family: Arial,Helvetica,sans-serif;
    margin: 2px auto 2px;
}
.teamTable td, .teamTable th {
    width: 4rem;
    height: 1.5rem;
    border: 3px solid #33343C;
    text-align: center;
    padding: 0px;
    background:#168DA2;
    color: #DBDAE9;

}
.teamTable td a {color:#FF6060; text-decoration: none;}
.teamTable img{
    border-bottom-right-radius: 10%;
    margin: 10px auto 10px;
    width: 130px;
    height: 130px;
    border-top-left-radius: 10%;
    border-top-right-radius: 10%;
    border-bottom-left-radius: 10%;
    border-bottom-right-radius: 10%;
    box-sizing: border-box;
    border: 5px solid #B6DF89;
    background-color:#168DA2;
    }

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ó