Untitled

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />

        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=medium-dpi" />

        <link rel="stylesheet" href="css/jquery.mobile-1.4.2.min.css" />
        <link rel="stylesheet" type="text/css" href="css/index.css" />

        <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
        <script type="text/javascript" src="js/jquery.mobile-1.4.2.min.js"></script>
        <script type="text/javascript" src="js/jqm.page.params.js"></script>
        <title>Daijiworld</title>
    </head>
    <body>
       <div id="app">
        <div data-role="page" id="pageone" data-dom-cache="true">
          <div data-role="header" style="text-align: right;background-color: #fff; " data-position="fixed">
                <img src="img/daijiworldLogo.png" style="height: 38px; width: 219px;"/>
                <a href="#menuPage" data-transition="none"  data-icon="bars">Menu</a>
                <div class="titleBlock" id="titleName">Top Stories</div>
          </div>

          <!--this is div where main content is shown by json script-->
          <div class="ui-content" id="jsonListNews">
                <ul data-role="listview" id="newsListUL" class="listViewUL">

                </ul>
          </div>
          <!-- main contents ends-->

          <!--<div data-role="popup" id="about" class="ui-content" data-arrow="b">
            <p>Disclaimer: Please write your correct name and email address. Kindly do not post any personal, abusive, defamatory, infringing, obscene, indecent, discriminatory or unlawful or similar comments. Daijiworld.com will not be responsible for any defamatory message posted under this article. </p>
          </div>-->

          <div data-role="footer" data-position="fixed" data-theme="b">
            <div data-role="navbar">
                <ul>
                    <li><a href="#" onClick="javascript:checkNetwork();" id="upateDateTime" class="ui-btn ui-icon-refresh ui-btn-icon-right"></a></li>
                </ul>
            </div>
          </div>

        </div>


       <div data-role="page" id="pagetwo" class="jqm-demos ui-responsive-panel" data-scroll="true" >
          <div data-role="header" style="text-align: right;background-color: #fff; " data-position="fixed" data-add-back-btn="true" >
                <img src="img/daijiworldLogo.png" style="height: 38px; width: 219px;"/>
                <div class="titleBlock" id="titleName1">Top Stories</div>
          </div>

          <!-- News content view-->
            <div class="ui-content" id="jsonNewsContent">

            </div>
          <!-- end -->
          <div data-role="popup" id="fontDiv" class="ui-content" data-arrow="b"><a href="#" onClick="javascript:fontResize('incfont','#jsonNewsContent')" class="fontDivA">A<sup>+</sup></a>  &nbsp;&nbsp;  <a href="#" onClick="javascript:fontResize('decfont','#jsonNewsContent')" class="fontDivA">A<sup>-</sup></a></div>

          <div data-role="footer" data-position="fixed" data-theme="b">
            <div data-role="navbar">
                <ul>
                    <li><a href="#fontDiv" data-rel="popup" data-transition="none" class="ui-btn" style="font-size: 14px;"><sup>+</sup>A<sup>-</sup></a></li>
                    <li><a href="#"  data-icon="comment" onClick='javascript:viewComments()'></a></li>
                    <li><a href="#" onClick="shareFn()"  data-rel="popup" data-icon="action"></a></li>
                </ul>
            </div>
          </div>
        </div> <!-- end of page two-->


         <div data-role="page" id="commentPage" class="jqm-demos ui-responsive-panel" data-scroll="true" >
          <div data-role="header" style="text-align: right;background-color: #fff; " data-position="fixed" data-add-back-btn="true" >
                <img src="img/daijiworldLogo.png" style="height: 38px; width: 219px;"/>
                <div class="titleBlock" id="comments">Comments</div>
                <div id="commentTitle"></div>
                <div style="text-align:center;">
                    <a href="#commentFormPopUp" data-rel="popup" data-transition="slidedown" data-position-to="window" class="ui-btn ui-icon-comment ui-btn-icon-left ui-btn-b">Post your Comments</a>
                </div>

          </div>

          <!-- News Comments view-->
            <div class="ui-content" id="commentsContent">

            </div>
          <!-- end -->
          <div data-role="popup" id="fontDiv1" class="ui-content" data-arrow="b"><a href="#" onClick="javascript:fontResize('incfont','#commentsContent')" class="fontDivA">A<sup>+</sup></a>  &nbsp;&nbsp;  <a href="#" onClick="javascript:fontResize('decfont','#commentsContent')" class="fontDivA">A<sup>-</sup></a></div>

          <div data-role="popup" id="commentFormPopUp" data-theme="b" class="ui-corner-all ui-shadow">
             <form id="commentfrm" action="javascript:ecformSubmit();">
                <div style="padding: 10px 20px;"><h3>Post your Comment</h3></div>
                <label for="ecName" class="ui-hidden accessible">Name</label>
                <input type="text" name="ecName" id="ecName" value="" placeholder="Your Name" data-theme="b">
                <label for="ecPlace" class="ui-hidden accessible">Native Place</label>
                <input type="text" name="ecPlace" id="ecPlace" value="" placeholder="Native Place" data-theme="b">
                <label for="ecEmail" class="ui-hidden accessible">Email</label>
                <input type="email" name="ecEmail" id="ecEmail" value="" placeholder="Your Email ID" data-theme="b">
                <label for="ecComments" class="ui-hidden accessible">Comments</label>
                <textarea name="ecComments" id="ecComments" data-theme="b"></textarea>
                <input type="hidden" name="ecNewsId" id="ecNewsId">
                <input type="hidden" name="ecNewsTitle" id="ecNewsTitle">
                <button type="submit" placeholder="Your Comments" class="ui-btn uin-corner-all ui-shadow ui-btn-b ui-btn-icon-left ui-icon-check">Post Comment</button>
            </form>
          </div>

          <div data-role="popup" id="disclaimer" class="ui-content" data-arrow="b">
            <p>Disclaimer: Please write your correct name and email address. Kindly do not post any personal, abusive, defamatory, infringing, obscene, indecent, discriminatory or unlawful or similar comments. Daijiworld.com will not be responsible for any defamatory message posted under this article. </p>
            <p>Please note that under 66A of the IT Act, sending offensive or menacing messages through electronic communication service and sending false messages to cheat, mislead or deceive people or to cause annoyance to them is punishable. It is obligatory on Daijiworld to provide the IP address and other details of senders of such comments, to the authority concerned upon request. </p>
            <p>Hence, sending offensive comments using daijiworld will be purely at your own risk, and in no way will Daijiworld.com be held responsible.</p>
          </div>

          <div data-role="footer" data-position="fixed" data-theme="b">
            <div data-role="navbar">
                <ul>
                    <li><a href="#fontDiv1" data-rel="popup" data-transition="none" class="ui-btn" style="font-size: 14px;"><sup>+</sup>A<sup>-</sup></a></li>
                    <li><a href="#disclaimer" data-rel="popup" data-transition="slideup" data-icon="info"></a></li>
                    <li><a href="#" onClick="shareFn()"  data-rel="popup" data-icon="action"></a></li>
                </ul>
            </div>
          </div>
        </div> <!--End of Comments page-->

        <div data-role="page" id="aboutPage" class="jqm-demos ui-responsive-panel" data-scroll="true" >
          <div data-role="header" style="text-align: right;background-color: #fff; " data-position="fixed" data-add-back-btn="true" >
                <img src="img/daijiworldLogo.png" style="height: 38px; width: 219px;"/>
                <div class="titleBlock" id="AboutName">About</div>
          </div>
          <div class="ui-content">
                <h3>Daijiworld was started on 14th January 2001 and has witnessed an exponential growth with solid support and encouragement from
                esteemed readers, patrons and advertisers. The prime objective of daijiworld.com was to relay the latest news from the coastal
                Konkan region and the world at large, to the Indian Diaspora.</h3>

                <h4 style="text-align: center">Developed by Daijiworld Media Pvt Ltd., Mangalore</h4>
          </div>
        </div>

        <div data-role="page" id="menuPage" class="jqm-demos ui-responsive-panel" data-scroll="true" >
          <div data-role="header" style="text-align: right;background-color: #fff; " data-position="fixed">
                <img src="img/daijiworldLogo.png" style="height: 38px; width: 219px;"/>
                <div class="titleBlock">Menu</div>
          </div>
          <div class="ui-content">
            <ul data-role="listview" class="menuListView">
                <li><a href="#" data-transition="none"  onclick='javascript:menuClick("topstories")'>Top Stories</a></li>
                <li><a href="#" data-transition="none"  onclick='javascript:menuClick("kar")'>Karnataka</a></li>
                <li><a href="#" data-transition="none"  onclick='javascript:menuClick("mah")'>Mumbai</a></li>
                <li><a href="#" data-transition="none"  onclick='javascript:menuClick("me")'>Gulf</a></li>
                <li><a href="#" data-transition="none"  onclick='javascript:menuClick("goa")'>Goa</a></li>
                <li><a href="#" data-transition="none"  onclick='javascript:menuClick("usa")'>USA</a></li>
                <li><a href="#" data-transition="none"  onclick='javascript:menuClick("others")'>India / World</a></li>
                <li><a href="#" data-transition="none"  onclick='javascript:menuClick("entertainment")'>Show Biz</a></li>
                <li><a href="#" data-transition="none"  onclick='javascript:menuClick("business")'>Business</a></li>
                <li><a href="#" data-transition="none"  onclick='javascript:menuClick("sports")'>Sports</a></li>
                <li><a href="#" data-transition="none"  onclick='javascript:menuClick("health")'>Health</a></li>
                <li><a href="#" data-transition="none"  onclick='javascript:menuClick("editor")'>Editor's Pick</a></li>
                <li><a href="#" data-transition="none"  onclick='javascript:menuClick("obituary")' style="color:red">Obituary</a></li>
                <li data-role="list-divider">Options</li>
                <li><a href="#aboutPage" data-transition="none" >About</a></li>
            </ul>
          </div>
        </div>
    </div>
        <script type="text/javascript" src="phonegap.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
        <script type="text/javascript">

           // app.initialize();
        </script>
    </body>
</html>