如何从外部JS文件Onload或OnClick事件中调用功能到我的HTML

Question

我在变量内具有带有JSON数据的功能。在该功能内部，我使用这些数据将其显示在DIV上。但是，当我使用我的代码在没有onload事件的情况下工作的HTML文档中将该代码放置在HTML文档中时，但我想要的是将这些代码放在外部.js文件中，并将它们作为函数放在一起，并在我想要的时候将其调用例如，使用OnClick事件的HTML文档。

这是我的代码，但是当我在onclick =" takvimi（）"上写入时，它无济于事。该零件中调用的外部JS文件，所以我不知道为什么它不起作用。

function takvimi(){
    var data= {
        "Shkup":[
          {
            "Dita": "1",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "2",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "3",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "4",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "5",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "6",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "7",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "8",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "9",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "10",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "11",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "12",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "13",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "14",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "15",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "16",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "17",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "18",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "19",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "20",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "21",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "22",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "23",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "24",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "25",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "26",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "27",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "28",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "29",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
          {
            "Dita": "30",
            "Data":"17-kor-15",
            "Imsaku": "05.50",
            "Iftari": "18.31"
          },
        ]}
          <!-- Takvimi per Shkup  -->
        var outputSK ='<ul style="padding:0px 15px;color:#fff ;text-shadow: none;font-family: Dosis;font-size:medium; font-weight: normal;" >';
        for (var i in data.Shkup)
        {
            outputSK+='<li>Dita: ' + data.Shkup[i].Dita + ' Ramazan <span style="float:right">Data: '+ data.Shkup[i].Data + '</span><br>';
            outputSK+='Imsaku: ' + data.Shkup[i].Imsaku + '<span style="float:right">Iftari: '+ data.Shkup[i].Iftari + '</span></li>';
        } 
        outputSK+= '</ul>';
        document.getElementById("takvimi-Shkup").innerHTML = outputSK;
}

原因是因为JSON数据远远超过该数据，我想获得更清洁，更小的HTML文档大小。

更新：我的html代码在这里http://pastebin.com/tkdhhg8g

带有id #takvim的页面是我要显示数据的地方。

js/mysript.js是包含函数takvimi（）

Answer 1

实际上它起作用color: #fff; which is white您为什么看不到任何东西
demo

Answer 2

将脚本标签（<script src="js/myscript.js"></script>）放在身体关闭之前（</body>）。它应该起作用。

，您的代码将是：

<head>
   <!-- JS LIDHJET  -->
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="js/jquery.mobile-1.4.5.min.js"></script>

</head>
<body style="font-family:Roboto" onload="tranzicionet();">
 <!-- Kanali 1 - homepage -->
<div data-role="page" id="home" data-theme="b" style="background: radial-gradient(circle, #9a4d61, #4b3a48);" >
<!-- MENU Panel -->
  <div id="Menu1" data-role="panel" data-display="push"  style="background: linear-gradient(to bottom, #9a4d61, #4b3a48); border-right:solid 1px rgba(255,255,255,0.5);">
    <div class="logo">
        <img src="images/pendimi.png" style="border:none;width: 100%;display: block;margin: 0px auto;"> 
    </div>  
    <div><span class="titulli">Menu</span></div>
    <div class="menu" id="menu">
        <a href="#home"  data-role="none"><span><i class="fa fa-microphone "></i>  Kanali 1</span></a>
        <a href="#kanali-2" data-role="none"><span><i class="fa fa-microphone"></i>  Kanali 2</span></a>
        <a href="#fb-wall" data-role="none"><span><i class="fa fa-newspaper-o "></i>  Lajme</span></a>
        <a href="#takvim" data-role="none"><span><i class="fa fa-calendar "></i>  Takvimi</span></a>
        <a href="#transmetime" data-role="none"><span><i class="fa fa-youtube-play "></i>  Transmetime</span></a>
        <a href="#info" data-role="none"><span><i class="fa fa-info "></i>  Info</span></a>
    </div>
    <div><span class="titulli">Kontakt</span></div>
    <div class="Live" id="Live">
        <a href="skype:radiopendimi?call" data-role="none"><span><i class="fa fa-skype "></i>  Thirr në Skype</span></a>
        <a href="tel:[phone]" data-role="none"><span><i class="fa fa-phone "></i>  Thirr në telefon</span></a>
        <a href="#dergomesazh" data-role="none"><span><i class="fa fa-comments-o"></i>  Dërgo Mesazh</span></a>
    </div>
    <div class="copyright">&copy; 2015 - Radio Pendimi<br/>Dizajnuar nga Afrim Azizi</div>
    </div> <!-- END MENU PANEL -->

<!-- content -->
<div data-role="none">
<!-- Header -->
    <div class="header">
        <div class="menuPanel">
            <a href="#Menu1" style="text-decoration:none"><span class="butonat"><i class="fa fa-bars fa-lg"></i> MENU</span></a>
        </div>
        <div class="center">
            <span>Kanali 1</span>
        </div>
        <div class="right">
            <span class="butonat" onclick="window.location.reload();"><i class="fa fa-refresh fa-lg"></i> </span>
        </div>
    </div>
    <br>
    <div style="background: url('images/equalizer.png'); background-size:100%">
        <img id="cc_strinfo_trackimageurl_kanali1" class="cc_streaminfo logo pulse" style="width: 50%; background: #fff; margin: 20px auto; padding: 5px; display:block; min-height:170px; min-width:170px;"/>
    </div>
    <!-- AUDIO PLAYER -->
    <div id="status-titulli"> 
        <span style="background:#6d4253; padding:8px; border-radius:8px"><i class="fa fa-signal fa-lg"></i>  Jeni duke dëgjuar:  <i class="fa fa-signal fa-lg fa-flip-horizontal"></i></span> 
        <br><br>
            <span id="cc_strinfo_song_kanali1" class="cc_streaminfo"></span><br>
            <!-- <div id="cc_recenttracks_kanali1" class="cc_recenttracks_list">Loading ...</div><br> -->
    </div>
    <div id="player" >
        <audio src="http://217.172.180.29:8000/;$type=mp3" id="player-1" preload="metadata"></audio>
        <div style="margin:15px auto 35px"> <!-- Player controls start -->
            <span onclick="document.getElementById('player-1').play()" class="btn_controli"> <i class="fa fa-play fa-3x"></i></span>
            <span onclick="document.getElementById('player-1').pause()" class="btn_controli"> <i class="fa fa-stop fa-3x"></i></span>
        </div> <!-- Player controls end -->
    </div>
    <!-- Nderrimi i kanaleve -->
    <div style="text-align:center; margin: 25px auto">
        <a href="#home" style="text-decoration:none"><span class="butonat"><i class="fa fa-microphone fa-lg"></i> Kanali 1</span></a>
        <a href="#kanali-2" style="text-decoration:none"><span class="butonat"><i class="fa fa-microphone fa-lg"></i> Kanali 2</span></a>
    </div>
</div>
</div>
<!-- End Page -->


<!-- Kanali 2 -->
<div data-role="page" id="kanali-2" data-theme="b" style="background: radial-gradient(circle, #9a4d61, #4b3a48);" >
<!-- MENU Panel -->
  <div id="Menu2" data-role="panel" data-display="push"  style="background: linear-gradient(to bottom, #9a4d61, #4b3a48); border-right:solid 1px rgba(255,255,255,0.5);">
    <div class="logo">
        <img src="images/pendimi.png" style="border:none;width: 100%;display: block;margin: 0px auto;"> 
    </div>  
    <div><span class="titulli">Menu</span></div>
    <div class="menu" id="menu">
        <a href="#home"  data-role="none"><span><i class="fa fa-microphone "></i>  Kanali 1</span></a>
        <a href="#kanali-2" data-role="none"><span><i class="fa fa-microphone"></i>  Kanali 2</span></a>
        <a href="#fb-wall" data-role="none"><span><i class="fa fa-newspaper-o "></i>  Lajme</span></a>
        <a href="#takvim" data-role="none"><span><i class="fa fa-calendar "></i>  Takvimi</span></a>
        <a href="#transmetime" data-role="none"><span><i class="fa fa-youtube-play "></i>  Transmetime</span></a>
        <a href="#info" data-role="none"><span><i class="fa fa-info "></i>  Info</span></a>
    </div>
    <div><span class="titulli">Kontakt</span></div>
    <div class="Live" id="Live">
        <a href="skype:radiopendimi?call" data-role="none"><span><i class="fa fa-skype "></i>  Thirr në Skype</span></a>
        <a href="tel:[phone]" data-role="none"><span><i class="fa fa-phone "></i>  Thirr në telefon</span></a>
        <a href="#dergomesazh" data-role="none"><span><i class="fa fa-comments-o"></i>  Dërgo Mesazh</span></a>
    </div>
    <div class="copyright">&copy; 2015 - Radio Pendimi<br/>Dizajnuar nga Afrim Azizi</div>
    </div> <!-- END MENU PANEL -->
<!-- content -->
<div data-role="none">
<!-- Header -->
    <div class="header">
        <div class="menuPanel">
            <a href="#Menu2" style="text-decoration:none"><span class="butonat"><i class="fa fa-bars fa-lg"></i> MENU</span></a>
        </div>
        <div class="center">
            <span>Kanali 2</span>
        </div>
        <div class="right">
            <span class="butonat" onclick="window.location.reload();"><i class="fa fa-refresh fa-lg"></i> </span>
        </div>
    </div>
    <br>
    <div style="background: url('images/equalizer.png'); background-size:100%">
        <img id="cc_strinfo_trackimageurl_kanali2" class="cc_streaminfo logo pulse" style="width: 50%; background: #fff; margin: 20px auto; padding: 5px; min-height:170px; min-width:170px; display:block;"/>
    </div>
    <!-- AUDIO PLAYER -->
    <div id="status-titulli"> 
        <span style="background:#6d4253; padding:8px; border-radius:8px"><i class="fa fa-signal fa-lg"></i>  Jeni duke dëgjuar:  <i class="fa fa-signal fa-lg fa-flip-horizontal"></i></span> 
        <br><br>
            <span id="cc_strinfo_song_kanali2" class="cc_streaminfo"></span><br>
            <!-- <div id="cc_recenttracks_kanali1" class="cc_recenttracks_list">Loading ...</div><br> -->
    </div>
    <div id="player" >
        <audio src="http://217.172.180.29:8002/;$type=mp3" id="player-2" preload="metadata"></audio>
        <div style="margin:15px auto 35px"> <!-- Player controls start -->
            <span onclick="document.getElementById('player-2').play()" class="btn_controli"> <i class="fa fa-play fa-3x"></i></span>
            <span onclick="document.getElementById('player-2').pause()" class="btn_controli"> <i class="fa fa-stop fa-3x"></i></span>
        </div> <!-- Player controls end -->
    </div>
     <!-- Nderrimi i kanaleve -->
    <div style="text-align:center; margin: 25px auto">
        <a href="#home" style="text-decoration:none"><span class="butonat"><i class="fa fa-microphone fa-lg"></i> Kanali 1</span></a>
        <a href="#kanali-2" style="text-decoration:none"><span class="butonat"><i class="fa fa-microphone fa-lg"></i> Kanali 2</span></a>
    </div>
</div>
</div>
<!-- End Page -->    

<!-- Informacione -->
<div data-role="page" id="info" style="background: radial-gradient(circle, #9a4d61, #4b3a48);">
<!-- MENU Panel -->
  <div id="Menu3" data-role="panel" data-display="push"  style="background: linear-gradient(to bottom, #9a4d61, #4b3a48); border-right:solid 1px rgba(255,255,255,0.5);">
    <div class="logo">
        <img src="images/pendimi.png" style="border:none;width: 100%;display: block;margin: 0px auto;"> 
    </div>  
    <div><span class="titulli">Menu</span></div>
    <div class="menu" id="menu">
        <a href="#home"  data-role="none"><span><i class="fa fa-microphone "></i>  Kanali 1</span></a>
        <a href="#kanali-2" data-role="none"><span><i class="fa fa-microphone"></i>  Kanali 2</span></a>
        <a href="#fb-wall" data-role="none"><span><i class="fa fa-newspaper-o "></i>  Lajme</span></a>
        <a href="#takvim" data-role="none"><span><i class="fa fa-calendar "></i>  Takvimi</span></a>
        <a href="#transmetime" data-role="none"><span><i class="fa fa-youtube-play "></i>  Transmetime</span></a>
        <a href="#info" data-role="none"><span><i class="fa fa-info "></i>  Info</span></a>
    </div>
    <div><span class="titulli">Kontakt</span></div>
    <div class="Live" id="Live">
        <a href="skype:radiopendimi?call" data-role="none"><span><i class="fa fa-skype "></i>  Thirr në Skype</span></a>
        <a href="tel:[phone]" data-role="none"><span><i class="fa fa-phone "></i>  Thirr në telefon</span></a>
        <a href="#dergomesazh" data-role="none"><span><i class="fa fa-comments-o"></i>  Dërgo Mesazh</span></a>
    </div>
    <div class="copyright">&copy; 2015 - Radio Pendimi<br/>Dizajnuar nga Afrim Azizi</div>
    </div> <!-- END MENU PANEL -->
<div data-role="none">
    <div class="header">
        <div class="menuPanel">
            <a href="#Menu3" style="text-decoration:none"><span class="butonat"><i class="fa fa-bars fa-lg"></i> MENU</span></a>
        </div>
        <div class="center">
            <span>Info</span>
        </div>
    </div>
 <img src="images/pendimi.png"  class="logo pulse"/>
    <p align="center">
      <a href="mailto:[e-mail]" style="text-decoration:none; text-shadow:none; color: #fff;font-weight: 500;font-size: 20px; font-family: Dosis;">[e-mail] </a><br>
      <a href="http://radio-pendimi.com" style="text-decoration: none; text-shadow:none; color: #fff; font-weight: 500; font-size: 20px; font-family: Dosis;">http://radio-pendimi.com </a><br>
        <span style="text-decoration: none; text-shadow:none; color: #fff; font-weight: 500; font-size: 15px; font-family: Dosis;">Programuar & Dizajnuar nga Afrim Azizi</span> <br>
      <a href="https://www.facebook.com/radioopendimi" target="_blank"><img src="images/find-us-on-facebook.png" style="width: 170px; padding: 5px;"/></a>
  </p>
 </div>
</div>
<!-- End Page -->

<!-- Takvim -->
<div data-role="page" id="takvim" style="background: radial-gradient(circle, #9a4d61, #4b3a48);" >
<!-- MENU Panel -->
  <div id="Menu4" data-role="panel" data-display="push"  style="background: linear-gradient(to bottom, #9a4d61, #4b3a48); border-right:solid 1px rgba(255,255,255,0.5);">
    <div class="logo">
        <img src="images/pendimi.png" style="border:none;width: 100%;display: block;margin: 0px auto;"> 
    </div>  
    <div><span class="titulli">Menu</span></div>
    <div class="menu" id="menu">
        <a href="#home"  data-role="none"><span><i class="fa fa-microphone "></i>  Kanali 1</span></a>
        <a href="#kanali-2" data-role="none"><span><i class="fa fa-microphone"></i>  Kanali 2</span></a>
        <a href="#fb-wall" data-role="none"><span><i class="fa fa-newspaper-o "></i>  Lajme</span></a>
        <a href="#takvim" data-role="none"><span><i class="fa fa-calendar "></i>  Takvimi</span></a>
        <a href="#transmetime" data-role="none"><span><i class="fa fa-youtube-play "></i>  Transmetime</span></a>
        <a href="#info" data-role="none"><span><i class="fa fa-info "></i>  Info</span></a>
    </div>
    <div><span class="titulli">Kontakt</span></div>
    <div class="Live" id="Live">
        <a href="skype:radiopendimi?call" data-role="none"><span><i class="fa fa-skype "></i>  Thirr në Skype</span></a>
        <a href="tel:[phone]" data-role="none"><span><i class="fa fa-phone "></i>  Thirr në telefon</span></a>
        <a href="#dergomesazh" data-role="none"><span><i class="fa fa-comments-o"></i>  Dërgo Mesazh</span></a>
    </div>
    <div class="copyright">&copy; 2015 - Radio Pendimi<br/>Dizajnuar nga Afrim Azizi</div>
    </div> <!-- END MENU PANEL -->
<div data-role="none">
    <div class="header">
        <div class="menuPanel">
            <a href="#Menu4" style="text-decoration:none"><span class="butonat"><i class="fa fa-bars fa-lg"></i> MENU</span></a>
        </div>
        <div class="center">
            <span>Takvim</span>
        </div>
     </div><br><br><br>
    <div style="text-align:center; color:#fff; text-shadow:none; margin:20px 10px; font-family:Dosis; font-size:medium">
          Ramazani është muaji i nëntë i kalendarit Islam. Muaji zgjatë 29 ose 30 ditë bazuar në vëzhgimet pamore të hënës së re dhe sipas llogarive të shumëta të hartuara në hadithe. Fjala ramazan vjen          nga arabishtja Ramaḍān (رمضان‎) që do të thotë vapë ose thatësirë. Ai është muaji i agjërimit, që do të thotë shmangia e ushqimit dhe lëngjeve, mardhënieve seksuale, fjalëve dhe sjelljeve të             këqija dhe gjërave të tjera të ndaluara në Islam. Agjërimi është një nga pesë shtyllat e Islamit dhe zgjatë nga agimi deri në perëndimin e diellit.Në fund të ramazanit vjen fitër bajrami, apo             festa e prishjes së agjërimit. Nga lidhjet e mëposhtme mund të gjeni kohën e Imsakut (agimit) dhe kohën e Iftarit (perëndimit) për tre kryeqendrat shqiptare Tiranë,Prishtinë dhe Shkup. Ju dëshirojmë agjërim të lehtë dhe të pranuar tek Allahu xh.sh. 
    </div>
    <div id="takvimat">
        <div><a href="#" style="text-decoration:none"><span class="btn-takvimat"><i class="fa fa-map-marker fa-lg"></i> Tiranë</span></a></div>
        <div><a href="#" style="text-decoration:none"><span class="btn-takvimat"><i class="fa fa-map-marker fa-lg"></i> Prishtinë</span></a></div>
        <div><a href="#" style="text-decoration:none"><span class="btn-takvimat"><i class="fa fa-map-marker fa-lg"></i> Shkup</span></a></div>
    </div>
    <div id="takvimi-Shkup"></div>
  </div>
</div>
<!-- End Page -->

<!-- Transmetime -->
<div data-role="page" id="transmetime" style="background: radial-gradient(circle, #9a4d61, #4b3a48);">
<!-- MENU Panel -->
  <div id="Menu7" data-role="panel" data-display="push"  style="background: linear-gradient(to bottom, #9a4d61, #4b3a48); border-right:solid 1px rgba(255,255,255,0.5);">
    <div class="logo">
        <img src="images/pendimi.png" style="border:none;width: 100%;display: block;margin: 0px auto;"> 
    </div>  
    <div><span class="titulli">Menu</span></div>
    <div class="menu" id="menu">
        <a href="#home"  data-role="none"><span><i class="fa fa-microphone "></i>  Kanali 1</span></a>
        <a href="#kanali-2" data-role="none"><span><i class="fa fa-microphone"></i>  Kanali 2</span></a>
        <a href="#fb-wall" data-role="none"><span><i class="fa fa-newspaper-o "></i>  Lajme</span></a>
        <a href="#takvim" data-role="none"><span><i class="fa fa-calendar "></i>  Takvimi</span></a>
        <a href="#transmetime" data-role="none"><span><i class="fa fa-youtube-play "></i>  Transmetime</span></a>
        <a href="#info" data-role="none"><span><i class="fa fa-info "></i>  Info</span></a>
    </div>
    <div><span class="titulli">Kontakt</span></div>
    <div class="Live" id="Live">
        <a href="skype:radiopendimi?call" data-role="none"><span><i class="fa fa-skype "></i>  Thirr në Skype</span></a>
        <a href="tel:[phone]" data-role="none"><span><i class="fa fa-phone "></i>  Thirr në telefon</span></a>
        <a href="#dergomesazh" data-role="none"><span><i class="fa fa-comments-o"></i>  Dërgo Mesazh</span></a>
    </div>
    <div class="copyright">&copy; 2015 - Radio Pendimi<br/>Dizajnuar nga Afrim Azizi</div>
    </div> <!-- END MENU PANEL -->
<div data-role="none">
    <div class="header">
        <div class="menuPanel">
            <a href="#Menu7" style="text-decoration:none"><span class="butonat"><i class="fa fa-bars fa-lg"></i> MENU</span></a>
        </div>
        <div class="center">
            <span>Transmetime direkte</span>
        </div>
     </div><br><br><br>
    <div style="text-align:center; color:#fff; text-shadow:none; margin:20px 10px; font-family:Dosis; font-size:medium">
          Këtu mund të ndiqni transmetimet direkte të tribunave dhe organizimeve të ndryshme që transmetohen direkt në Radio Pendimi përmes kanalit zyrtar në Youtube. 
    </div>
    <div id="transmetime-list" class="embed-container"></div>
 </div>
</div>
<!-- End Page -->    

<!-- Dergo Mesazh -->
<div data-role="page" id="dergomesazh" style="background: radial-gradient(circle, #9a4d61, #4b3a48);">
    <!-- MENU Panel -->
  <div id="Menu5" data-role="panel" data-display="push"  style="background: linear-gradient(to bottom, #9a4d61, #4b3a48); border-right:solid 1px rgba(255,255,255,0.5);">
    <div class="logo">
        <img src="images/pendimi.png" style="border:none;width: 100%;display: block;margin: 0px auto;"> 
    </div>  
    <div><span class="titulli">Menu</span></div>
    <div class="menu" id="menu">
        <a href="#home"  data-role="none"><span><i class="fa fa-microphone "></i>  Kanali 1</span></a>
        <a href="#kanali-2" data-role="none"><span><i class="fa fa-microphone"></i>  Kanali 2</span></a>
        <a href="#fb-wall" data-role="none"><span><i class="fa fa-newspaper-o "></i>  Lajme</span></a>
        <a href="#takvim" data-role="none"><span><i class="fa fa-calendar "></i>  Takvimi</span></a>
        <a href="#transmetime" data-role="none"><span><i class="fa fa-youtube-play "></i>  Transmetime</span></a>
        <a href="#info" data-role="none"><span><i class="fa fa-info "></i>  Info</span></a>
    </div>
    <div><span class="titulli">Kontakt</span></div>
    <div class="Live" id="Live">
        <a href="skype:radiopendimi?call" data-role="none"><span><i class="fa fa-skype "></i>  Thirr në Skype</span></a>
        <a href="tel:[phone]" data-role="none"><span><i class="fa fa-phone "></i>  Thirr në telefon</span></a>
        <a href="#dergomesazh" data-role="none"><span><i class="fa fa-comments-o"></i>  Dërgo Mesazh</span></a>
    </div>
    <div class="copyright">&copy; 2015 - Radio Pendimi<br/>Dizajnuar nga Afrim Azizi</div>
    </div> <!-- END MENU PANEL -->
<!-- content -->
<div data-role="none">
    <div class="header">
        <div class="menuPanel">
            <a href="#Menu5" style="text-decoration:none"><span class="butonat"><i class="fa fa-bars fa-lg"></i> MENU</span></a>
        </div>
        <div class="center">
            <span>Dërgo Mesazh</span>
        </div>
     </div><br><br>
    <form class="form" id="callAjaxForm">
    <p class="name">
        <input name="emri" type="text" class="validate[required,custom[onlyLetter],length[0,100]] feedback-input" placeholder="Emri" id="name" data-role="none"  />
      </p>
      <p class="text">
        <textarea name="comment" class="validate[required,length[6,30]] feedback-input" id="comment" placeholder="Mesazhi" data-role="none" ></textarea>
      </p>

      <div class="submit" style="margin: 0px 12px;">
        <button id="submit" type="submit" >DËRGO</button>
        <button id="reset" type="reset" >PASTRO FUSHAT</button>
      </div>
       <h3 id="notification" align="center" style="font-color:green;"></h3>
    </form>
</div>
<!-- footer -->
</div>
<!-- End Page -->


<!-- Facebook wall -->
<div data-role="page" id="fb-wall" style="background: radial-gradient(circle, #9a4d61, #4b3a48);" >
 <!-- MENU Panel -->
  <div id="Menu6" data-role="panel" data-display="push"  style="background: linear-gradient(to bottom, #9a4d61, #4b3a48); border-right:solid 1px rgba(255,255,255,0.5);">
    <div class="logo">
        <img src="images/pendimi.png" style="border:none;width: 100%;display: block;margin: 0px auto;"> 
    </div>  
    <div><span class="titulli">Menu</span></div>
    <div class="menu" id="menu">
        <a href="#home"  data-role="none"><span><i class="fa fa-microphone "></i>  Kanali 1</span></a>
        <a href="#kanali-2" data-role="none"><span><i class="fa fa-microphone"></i>  Kanali 2</span></a>
        <a href="#fb-wall" data-role="none"><span><i class="fa fa-newspaper-o "></i>  Lajme</span></a>
        <a href="#takvim" data-role="none"><span><i class="fa fa-calendar "></i>  Takvimi</span></a>
        <a href="#transmetime" data-role="none"><span><i class="fa fa-youtube-play "></i>  Transmetime</span></a>
        <a href="#info" data-role="none"><span><i class="fa fa-info "></i>  Info</span></a>
    </div>
    <div><span class="titulli">Kontakt</span></div>
    <div class="Live" id="Live">
        <a href="skype:radiopendimi?call" data-role="none"><span><i class="fa fa-skype "></i>  Thirr në Skype</span></a>
        <a href="tel:[phone]" data-role="none"><span><i class="fa fa-phone "></i>  Thirr në telefon</span></a>
        <a href="#dergomesazh" data-role="none"><span><i class="fa fa-comments-o"></i>  Dërgo Mesazh</span></a>
    </div>
    <div class="copyright">&copy; 2015 - Radio Pendimi<br/>Dizajnuar nga Afrim Azizi</div>
    </div> <!-- END MENU PANEL -->   
<!-- content -->
<div data-role="none">
    <div class="header">
        <div class="menuPanel">
            <a href="#Menu6" style="text-decoration:none"><span class="butonat"><i class="fa fa-bars fa-lg"></i> MENU</span></a>
        </div>
        <div class="center">
            <span>Lajme & Njoftime</span>
        </div>
     </div><br><br><br>
<div id="ibacor_fb_content">
<!-- Your facebook streaming -->
<div class="ibacor_fb_streaming"></div>
</div>
</div><!-- content -->
</div>
<!-- End Page -->

<script src="js/myscript.js"></script>   <!-- here is located that takvimi function -->
    <!-- Skripta -->
    <script src="js/jquery.ibacor-fb-streaming.min.js"></script>
    <script src="js/index.js"></script>
    <script language="javascript" type="text/javascript" src="http://217.172.180.29:2199/system/streaminfo.js"></script>
    <script language="javascript" type="text/javascript" src="http://217.172.180.29:2199/system/recenttracks.js"></script>
    <script language="javascript" type="text/javascript" src="https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&playlistId=PLBm6IaQX_2oLhbcD8AvsKyZdfD2lSvpqb&key=AIzaSyDhDZjburmzpaoH39Uj4dnU6X_GRLbCVW0&callback=broadcast"></script>