editTroda.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>GeoOppdag</title>
    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Titillium+Web:400,200|Yanone+Kaffeesatz:300">
    <link rel="stylesheet" href="css/troda.css"/>
    <link rel="stylesheet" href="libs/leaflet-contextmenu/leaflet.contextmenu.css"/>

    <script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>
    <script type="text/javascript" src="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js"></script>
    <script type="text/javascript" src="libs/leaflet-contextmenu/leaflet.contextmenu.js"></script>

    <script type="text/javascript" src="js/troda.js"></script>


    <script type="text/javascript">
        $(document).ready(function(){
            var trodaId = loadTroda();
            var map = createMap("map", trodaId);
            loadPoints(map, "kulturminner");
            map.on('viewreset', function(){
                loadPoints(map, "kulturminner");
            });

        });
    </script>
</head>
<body>

<p>Rediger troda: <span id="nameOfTroda"></span></p>


<div class="span9" style="height:100%">
    <div id="map-wrapper">
        <div id="map"></div>
        <div id="button-wrapper">
            <div id="button-small-box">
                <input type="checkbox" id="kulturminner" value="Bike" checked onclick='changeLayer(this);'>Kulturminner</input><br>
                <input type="checkbox" id="topper" value="Bike" checked onclick='changeLayer(this);'>Topper</input><br>
                <input type="checkbox" id="ssr" value="Bike" checked onclick='changeLayer(this);'>Steder</input><br>
            </div>
        </div>
    </div>
</div>

<div hidden="true">
    <div class="show_task prototype">
        <strong>
            <span class="navn"></span>
        </strong><br>
        Kategori: <span class="kategori"></span><br>
        Art: <span class="art"></span><br>
        <button>Legg til challenge</button>
    </div>
</div>

<div hidden="true">
    <div id="edit_task">
        <h3>Edit a task</h3>
        <label for="challengeName">Navn</label>
        <input type="text" name="challengeName" id="challengeName">

        <label for="challengeDescription">Beskrivelse</label>
        <input type="text" name="challengeDescription" id="challengeDescription">
        <p>
        <label for="challengeType">Type oppdag</label>

            <form name="challengeType" id="challengeType">
                <input type="radio" name="type_task" value="First">First<br>
                <input type="radio" name="type_task" value="Second">Second<br>
                <input type="radio" name="type_task" value="Third">Third<br>
                <input type="radio" name="type_task" value="Fourth">Fourth<br>
            </form>
        </p>

        <a href="#" id="add">Add to Toda</a>
    </div>


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