Mobiilituotekehitys: lokakuuta 2013

torstai 10. lokakuuta 2013

connection game (not working)

Yritin saada tämän koodin perusteella toimimaan itse connection game ohjelmaa, mutta vaikka taistelin sen parissa kauan, en saa sitä toimimaan emulaattorissa. missäköhän mahtaa olla vika? koodi on kuitenkin pieniä muokkauksia lukuunottamatta melkein sama.

<!DOCTYPE html>
<head>
    <title>Guess your connection</title>

    <script type="text/javascript" charset="utf-8" src="cordova-2.1.0.js"></script>

    <script type="text/javascript" charset="utf-8">

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

            function onDeviceReady() {
        checkConnection();
    }

    function checkConnection(guess) {
        var networkState = navigator.network.connection.type;

        var states = {};
        states[Connection.UNKNOWN] = 'Unknown connection';
        states[Connection.ETHERNET] = 'Ethernet connection';
        states[Connection.WIFI]     = 'WiFi connection';
        states[Connection.CELL_2G] = 'Cell 2G connection';
        states[Connection.CELL_3G] = 'Cell 3G connection';
        states[Connection.CELL_4G] = 'Cell 4G connection';
        states[Connection.NONE]     = 'No network connection';

                    if (states[networkState] == guess){
                        alert('that's right, your connection is ' + states[networkState]);
                    }else{
                        alert('no, guess again.');
                    }
               }
    </script>

</head>

<body>
    <h1>Guess your connection!</h1>
        <button onClick="checkConnection('None')>No connection</button>
        <button onClick="checkConnection('2G')">2G</button>
        <button onClick="checkConnection('3G')">3G</button>
        <button onClick="checkConnection('4G')">4G</button>
        <button onClick="checkConnection('WiFi')">WiFi</button>
        <button onClick="checkConnection('Ethernet')">Ethernet</button>
</body>
</html>

Alert boksin testaus

Testailin tämän linkin perusteella alert ominaisuuden toimintaa.
Alempana koko koodi ja ohjelman status on toimiva. En sinällään kohdannut mitään ongelmia, koska lähteessä olevat ohjeet olivat selviä ja koodi helppolukuista mistä oli siis helppoa muokata sitä.

Ainoana asiana olisin halunnut buttoneihin erottelun, että tulee eri viesti painettaessa, mutta sitä en saanut aikaiseksi. Olisiko tähän kenties vinkkejä jos tuota koodia katsoo?

<!DOCTYPE html>
<html>
<head>
    <title>Alert testing</title>

    <style>
        body {
            background-color: #000000;
            font-size: 12px;
            text-align: center;
        }
    </style>

    <script type="text/javascript" charset="utf-8" src="cordova-2.1.0.js"></script>
    <script type="text/javascript" charset="utf-8">

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

    function onConfirm(button) {
        alert('ei pida uskoa kaikkea mita netissa sanotaan! Kannykassasi on nyt virus ');
    }


    function showConfirm() {
        navigator.notification.confirm(
            'You are the winner!',
            onConfirm,
            'ONNEKSI OLKOON',
            'lunasta voitto,poistu'
        );
    }

    </script>
</head>

<body>
    <a href="#" onclick="showConfirm(); return false;">Paina tasta niin voit voittaa auton!!!</a>
</body>
</html>

keskiviikko 9. lokakuuta 2013

simple jquery hello world

Tässä simppeli jquery hello world. div id kutsuu hello worldia. id on hello tässä tapauksessa. jquery kirjasto linkitetty webistä koska helpompi testata itse jos haluaa vain ottaa koodin ja kokeilla.

<!DOCTYPE HTML>
<html>
<head>
<title>jQuery Hello World</title>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
</head>

<body>
    <script type="text/javascript">
        $(document).ready(function(){
        $("#hello").html("Hello World");
        });
    </script>

<div id="hello">
</div>

</body>

</html>