Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="HandheldFriendly" content="True"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
    <!-- jQuery CSS  -->
    <link rel="stylesheet" type="text/css" href="http://swyftmobile.com/mobileEmulateTest/js/jqm_default_1_3/jquery.mobile.structure-1.3.0.min.css"/>
    <link rel="stylesheet" type="text/css" href="http://swyftmobile.com/mobileEmulateTest/themes/default/swyft_theme_0_5.min.css"/>
    <link rel="stylesheet" type="text/css" href="http://swyftmobile.com/mobileEmulateTest/css/master.css"/>
    <!-- Phonegap 
    <script src="phonegap.js"></script>
    <script src="PushNotification.js"></script>
    <script src="childbrowser.js"></script>-->
    <!-- jQuery  -->
    <script type="text/javascript" src="http://swyftmobile.com/mobileEmulateTest/js/jquery/jquery-1.9.1.min.js"></script>
    <!-- Custom Scripts -->
    <script type="text/javascript" src="http://swyftmobile.com/mobileEmulateTest/js/swyft/mobileinit.js"></script>
    <!-- jQuery Mobile -->
    <script type="text/javascript" src="http://swyftmobile.com/mobileEmulateTest/js/jqm_default_1_3/jquery.mobile-1.3.0.min.js"></script>
    <!-- Swyft JS for iFrame -->
    <script type="text/javascript" src="js/swyft/swyft.js"></script>
<body>
<div data-role="page" id="welcome" data-theme="a">
    <div data-role="content">
        <div class="welcomeContent">
            <h1>Welcome to<br/>Swyft Mobile</h1>
            <p style="font-size: 18px; font-weight:400; margin-bottom:10px;">
                Since this is the first time you<br/> are using
                the application,<br/>
                please click the below button.
            </p>
            <!--<h2>Would you like to:</h2>-->
                <a id="btnStartWelcomeSetup" href="#welcomeSetup" data-role="button" style="z-index:999999;">
                Setup This Device
                </a>
                <!--<a id="btnDemoSetup" name="btnDemoSetup" href="#demoSetup" data-role="button">
                See A Demo?
                </a>-->
        </div>
    </div>
    <div data-role="footer" data-tap-toggle="false" class="footer">
        <h4>Copyright  Swyft Technology, LLC<br/>
            &copy; 2012. All Rights Reserved.</h4>
    </div>
</div>
<!-- ************************************************************************************************************-->
<!-- Setup Page *************************************************************************************************-->
<!-- ************************************************************************************************************-->
<div data-role="page" id="welcomeSetup" data-theme="a">
    <div data-role="header" data-position="fixed" data-id="mainHeader">
        <a href="#" data-rel="back" data-mini="true" data-corners="false" data-icon="back">
        BACK
        </a>
    </div>
    <div data-role="content">
        <div class="welcomeContent">
            <h2> Please Setup Your Connection(s) Below: </h2>
            <div data-role="collapsible-set">
                <div data-role="collapsible">
                    <h3>Swyft Enterprise?</h3>
                    <h4> Enter the information below to<br/>
                        activate your Enterprise Account: </h4>
                    <div style="text-align:left; margin-bottom:25px;">
                        <form id="initForm" data-ajax="false" onSubmit="return false">
                            <label for="txtUIDWS" name="txtUIDWS" class="ui-hidden-accessible">User Id</label>
                            <div class="noJump"></div>
                            <input type="text" name="UserID" size="50" id="txtUIDWS" placeholder="User ID" value="" class="reqInput hideToolBar">
                            <label for="txtInitKeyWS" name="txtInitKeyWS" class="ui-hidden-accessible">Initialization Key</label>
                            <div class="noJump"></div>
                            <input type="text" name="InitKey" size="50" id="txtInitKeyWS" placeholder="Initialization Key" value="" class="reqInput hideToolBar">
                            <label for="txtDeviceIDWS" name="DeviceID" style="display:block; padding-bottom:5px;">Device ID</label>
                            <input type="text" name="DeviceID" readonly disabled id="txtDeviceIDWS" size="50" style="color:#FFF; font-weight:700;" value="">
                            <button data-role="button" id="connSubmitWS" name="connSubmitWS" data-icon="alert">Submit</button>
                            <button data-role="button" id="clearEntriesWS" name="clearEntriesWS" class="clearEntries" data-icon="alert">Clear</button>
                        </form>
                    </div>
                </div>
                <!--
                <div data-role="collapsible" data-collapsed="true">
                    <h3>Swyft for Salesforce?</h3>
                    <p>
                        Click Button Below to Login to SFDC
                    </p>
                    <form id="initFormSFDC" data-ajax="false" onsubmit="return false">
                        <input type="hidden" name="Id" id="Id" />
                        <button data-role="button" id="btnsfdcOauth_WS" data-icon="alert"> Logon With OAuth</button>
                    </form>
                </div>
                -->
            </div>
        </div>
    </div>
    <div data-role="footer" data-tap-toggle="false" class="footer">
        <h4>Copyright  Swyft Technology, LLC<br/>
            &copy; 2012. All Rights Reserved.</h4>
    </div>
    <div data-role="popup" id="valErrorMsg_initForm" data-overlay-theme="a" data-theme="c" style="max-width:400px;" data-disabled="false" data-shadow="true" data-corners="true" data-transition="none" data-position-to="window" data-dismissible="true">
        <div data-role="header" data-theme="a">
            <h1 class="ui-title">Notification</h1>
        </div>
        <div data-role="content" data-theme="d" style="padding:10px; text-align:center;">
            <h3 class="ui-title">Please Check All Fields in Red</h3>
            <p>
                Your Device Was Not Initialized
            </p>
            <a href="#" data-role="button" data-inline="true" data-rel="back" data-transition="flow" data-theme="b" data-corners="true" data-shadow="true" data-iconshadow="true">
            OK
            </a>
        </div>
    </div>
</div>
</body>
</html>
​
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
red2678pro
0viewers