如何从外部js文件onload或onclick事件调用函数到我的html

时间:2015-05-07 12:11:43

标签: javascript jquery html

我在变量中有一个带有json数据的函数。在该函数内部,我使用这些数据在div上显示它们。但是当我使用我的代码将代码放在html文档中时,它可以在没有onload事件的情况下工作,但我想要的是例如将这些代码放在外部.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()

的while

2 个答案:

答案 0 :(得分:1)

实际上它有效color: #fff; which is white为什么你看不到任何东西
Demo

答案 1 :(得分:0)

在关闭身体(<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:0041445869903" 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:0041445869903" 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:0041445869903" 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:info@radio-pendimi.com" style="text-decoration:none; text-shadow:none; color: #fff;font-weight: 500;font-size: 20px; font-family: Dosis;">info@radio-pendimi.com </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:0041445869903" 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:0041445869903" 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:0041445869903" 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:0041445869903" 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>