67

unos pod 67
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="stilovi.css" rel="stylesheet" />
    <link rel="stylesheet" href="bootstrap.min.css">
        <link rel="stylesheet" href="bootstrap-theme.min.css">
        <script src="jquery-1.11.3.min.js"></script>
        <script src="bootstrap.min.js"></script>
</head>
<body>
    <div id="levo">
    <div id="zaglavlje">Prijava kandidata:</div>
    <div id="detaljno">
            <fieldset>
                <legend>Unesi podatke</legend>
                Ime:<input id="ime" type="text" class="t" name="ime"/><br /><br />

                Srednje ime:<input id="srime" type="text" class="t" name="srime"/><br /><br />

                Prezime:<input id="prezime" type="text" class="t" name="prezime"/><br /><br />

                Pol: <div id="izbor"><fieldset><input id="polm" type="radio" checked="checked" name="pol" value="M"/> M <input name="pol" type="radio" value="Ž"/> Ž<br /></fieldset></div>
                <br /><br />
                Škola: <select id="skole" name="skole" class="t">
                    <option value="Tehnička škola">Tehnička škola</option>
                    <option value="Gimnazija">Gimnazija</option>
                    <option value="Ekonomska škola">Ekonomska škola</option>
                    <option value="OŠ Sveti Sava">OŠ Sveti Sava</option>
                </select><br /><br />

                Razred: <select id="razred" class="t" name="razred">
                    <option value="I">I</option>
                    <option value="II">II</option>
                    <option value="III">III</option>
                    <option value="IV">IV</option>
                </select>

                <br /> <br />

                Razredni staresina: <select id="razredni" class="t" name="razredni">
                    <option value="Dobrila Krstic">Dobrila Krstic</option>
                    <option value="Marija">Marija</option>
                    <option value="Dragana">Dragana</option>
                    <option value="Miroslav">Miroslav</option>
                </select>

                <br /><br />
                Predmet: <select id="predmet" class="t" name="predmet">
                    <option value="Matematika">Matematika</option>
                    <option value="Srpski jezik">Srpski jezik</option>
                    <option value="Elektronika">Elektronika</option>
                    <option value="Programiranje">Programiranje</option>
                </select>

                <br /><br />
                Ocena: <select id="ocena" class="t" name="ocena">
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                </select>

                <br /><br />

                <button id="dodaj" onclick="Upis()">Dodaj</button>
            </fieldset>
    </div>
    </div>
    <div>
    <form>
    <textarea name="text" cols="25" rows="5">

</textarea>
<button onclick="submit()" type="submit" value="submit">

<textarea> </textarea>
    </form>

    </div>


    <div id="desno">
    <h3>Pregled prijavljenih za obuku:</h1>
    <table id="pregled" class="table">
    <thead>
      <tr>
        <th>Ime</th>
        <th>Srednje ime</th>
        <th>Prezime</th>
        <th>Pol</th>
        <th>Škola</th>
        <th>Razred</th>
        <th>Razredni staresina</th>
        <th>Predmet</th>
        <th>Ocene</th>

      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Bojan</td>
        <td></td>
        <td>Ciric</td>
        <td>M</td>
        <td>Tehnička škola</td>
        <td>IV</td>

      </tr>
    </tbody>
  </table>
    </div>
<script type="text/javascript">
    function Upis(){
        var tabela = document.getElementById("pregled");
        var brred = tabela.rows.length;
        var red = tabela.insertRow(brred);

        var celija0 = red.insertCell(0);
        var celija1 = red.insertCell(1);
        var celija2 = red.insertCell(2);
        var celija3 = red.insertCell(3);
        var celija4 = red.insertCell(4);
        var celija5 = red.insertCell(5);
        var celija6 = red.insertCell(6);
        var celija7 = red.insertCell(7);
        var celija8 = red.insertCell(8);

        //alert(document.getElementById("ime").value);
        celija0.innerHTML = document.getElementById("ime").value;
        celija1.innerHTML = document.getElementById("srime").value;
        celija2.innerHTML = document.getElementById("prezime").value;
        if(document.getElementById("polm").checked)
            celija3.innerHTML = "M";
        else
            celija3.innerHTML = "Ž";
        celija4.innerHTML = document.getElementById("skole").value;
        celija5.innerHTML = document.getElementById("razred").value;
        celija6.innerHTML = document.getElementById("razredni").value;
        celija7.innerHTML = document.getElementById("predmet").value;
        celija8.innerHTML = document.getElementById("ocena").value;

        var el = document.getElementById("desno");
        var height = el.offsetHeight;
        var newHeight = height + 50;
        el.style.height = newHeight + 'px';
    }
</script>
</body>
</html>