Scribd Logo
Upload

Welcome to Scribd!

  • Codigo HTML

    Uploaded by

    Steward Ayala Sernaque
    2 views3 pages
    Bueno

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Bueno

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    2 views3 pages

    Codigo HTML

    Uploaded by

    Steward Ayala Sernaque
    Bueno

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    <!

    DOCTYPE html>
    <html>
    <head>
    <title>Tab View App template</title>
    <!-This template can be used for simple tab view application that has tabs at
    the bottom to switch views, for applications like Phone app, Facebook App or
    Instagram app.
    -->
    <meta name="viewport" content="initial-scale=1.0, maximumscale=1.0, minimum-scale=1.0, user-scalable=0;" />

    <link rel="stylesheet" type="text/css" href="appframework/af.ui.css" />


    <link rel="stylesheet" type="text/css" href="appframework/icons.css" />
    <script type="text/javascript" charset="utf-8"
    src="appframework/appframework.ui.min.js"></script>

    <!-- phantom library, needed for XDK "legacy" container api calls -->
    <script src="intelxdk.js"></script>
    <!-- phantom library, needed for Cordova api calls -->
    <script src="cordova.js"></script>
    <!-- phantom library, needed for XDK "legacy" container CORS -->
    <script src="xhr.js"></script>

    <script>
    var onDeviceReady=function(){
    Cordova is ready

    // called when

    if( window.Cordova && navigator.splashscreen ) {


    detected

    // Cordova API

    $.ui.launch();
    navigator.splashscreen.hide() ;

    // hide splash screen

    }
    };
    document.addEventListener("deviceready", onDeviceReady, false) ;

    </script>

    <script>
    $.ui.autoLaunch = false;
    $.ui.animateHeaders = false;

    $(document).ready(function(){
    $.ui.launch();
    });
    </script>
    </head>
    <body>
    <div id="afui">

    <div id="content" style="">

    <!--Tab View Pages-->


    <div class="panel" title="Saludo" id="page1" data-tab="tab1"
    selected="true">
    <header>
    <h1>Saludo</h1>
    </header>
    <p>This is view for first Tab</p>
    <center><from name="Saludo">
    <input type="button" value="Saludos" onclick="Mensaje()">
    </from></center>
    </div>

    <div class="panel" title="Saludo1" id="page2" data-tab="tab2">


    <header>
    <h1>Saludo1</h1>
    </header>
    <p>This is view for second Tab</p>

    </div>

    <div class="panel" title="Suma" id="page3" data-tab="tab3">


    <header>
    <h1>Suma</h1>
    </header>
    <p>This is view for third Tab</p>
    </div>

    <div class="panel" title="Google Maps" id="page4" data-tab="tab4">


    <header>
    <h1>Google Maps</h1>
    </header>
    <p>This is view for fourth Tab</p>
    </div>

    </div>

    <!--Footer with Tabs or Navigation bar -->


    <div id="navbar">
    <a href="#page1" id='tab1' class="icon home" datatransition="none">Saludos</a>
    <a href="#page2" id='tab2' class="icon heart" datatransition="none">Saludos1</a>
    <a href="#page3" id='tab3' class="icon chat" datatransition="none">Suma</a>
    <a href="#page4" id='tab4' class="icon user" datatransition="none">Google Maps</a>
    </div>

    </div>
    </body>
    </html>

    You might also like