[IA] Lab vezba 2. Zadaca 1 [2016]

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Zadaca 1</title>
    <style>
button{

    width: 149px;
    padding: 4px;
    padding-left: 10px;
    text-align: left;
    margin-right: 0;
    background-color: lightyellow;
    border: solid;
    border-color: dimgray;
    border-width: 1px;
    font-style: italic;
}
.tabs{
    width: 520px;
    padding: 10px;
    background-color: lightskyblue;
    margin-top: 0;
    border: solid;
    border-color: dimgray;
    border-width: 0 1px 1px;
}
       #buttonsDiv{
           width: 522px;
           padding: 10px;
           background-color: #ffdc2b;
           border: solid;
           border: dimgray;
           border-width: 1px;
       }


    </style>
    <script src="jquery-3.1.1.js"></script>
</head>
<body>
<script type="text/javascript">
var momentalno=3;
    function smeniTab(x){
        if(momentalno!=x){
            $("#bt" + x).css({
                "background-color":"palegreen",
                "font-weight": "bold"
            });
            $("#bt" + momentalno).css({
                "background-color":"lightyellow",
                "font-weight": "normal"

            });
            $("#tab"+momentalno).hide();
            $("#tab" + x).show();
            momentalno=x;
        }

    }


</script>
<div id="buttonsDiv">
<span style="margin-left: 30px; font-style: italic;">Costum</span>
<br>
    <button id="bt1" onclick="smeniTab(1)">Open start</button>
    <button id="bt2" onclick="smeniTab(2)">Connect</button>
    <button id="bt3" onclick="smeniTab(3)">Pin apps</button>


</div>
<div id="tab1" class="tabs">
    <span>This is the Start tab</span>
</div>
<div id="tab2" class="tabs">
    <span>This is the tab for the Connent part</span>
</div>
<div id="tab3" class="tabs">
    <span>You can pin apps, websites, people, and folders to Start to easily get to what you see
    most. Tiles and notifications show what's new so you can get important info and
    updates at a glance. From Start, you don't have to bring up the charms to begin a
    search-start typing to search for what you want. You can choose those results from youe
    apps, files, PC settings, and Bing. To see a list of all apps on your PC from Start, slide
    up from the middle of the screen or use the mouse to click the down arrow in the
        bottom left corner. To pin an app to Start select the app by pressing and holding or
    right clicking the tile, then tap or click Pin to Start. To costumize Start, swipe up from
    the bottom edge and tap Costumize. (if you're using a mouse, right-click anywhere on
        the screen and Costumize.) From here you can organize screen
    however you like by moving tiles around, changing tile sizes, and naming groups of tiles.</span>
</div>
<script>
    $("#bt3").css({
        "background-color":"palegreen",
        "font-weight":"bold"
    });
    $("#tab1").hide();
    $("#tab2").hide();
</script>
</body>
</html>