Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen gezeigt.
Beide Seiten, vorherige Überarbeitung Vorherige Überarbeitung | Nächste Überarbeitung Beide Seiten, nächste Überarbeitung | ||
daten [2017/02/15] chh gelöscht |
daten [2017/02/15] chh angelegt |
||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
<php> | <php> | ||
- | <h1>Daten</h1> | + | include ("http://fluxmagnet.org/daten.php"); |
- | + | ||
- | + | ||
- | <div class="jumbotron nopadding"> | + | |
- | <div class="row"> | + | |
- | <div class="top6 col-xs-12 col-sm-5 col-md-4 col-lg-4"> | + | |
- | <div id="datepicker" class="input-group date"> | + | |
- | <input id="datepickerInput" type="text" class="form-control"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span> | + | |
- | </div> | + | |
- | </div> | + | |
- | <div class="top6 col-xs-12 col-sm-7 col-md-5 col-lg-4"> | + | |
- | <input class="btn btn-mini controlls" type="submit" name="PreviousWeek" value="<<" onclick="setShowDate(getPrevWeek(showDate));setImgSrc();checkButton();refreshDatepicker();" /> | + | |
- | <input class="btn btn-mini controlls" type="submit" name="PreviousDay" value="<" onclick="setShowDate(getPrevDay(showDate));setImgSrc();checkButton();refreshDatepicker();"/> | + | |
- | <input class="btn btn-mini controlls" type="submit" name="Reset" value="Reset" onclick="setStandard();setImgSrc();checkButton();refreshDatepicker();"/> | + | |
- | <input id="NextDayButton" class="btn btn-mini controlls" type="submit" name="NextDay" value=">" onclick="setShowDate(getNextDay(showDate));setImgSrc();checkButton();refreshDatepicker();"/> | + | |
- | <input id="NextWeekButton" class="btn btn-mini controlls" type="button" name="NextWeek" value=">>" onclick="setShowDate(getNextWeek(showDate));setImgSrc();checkButton();refreshDatepicker();"/> | + | |
- | </div> | + | |
- | </div><!--/row--> | + | |
- | <div class="row top8"> <!-- Checkboxes --> | + | |
- | <div class="col-xs-4 col-sm-3 col-md-2 col-lg-1" > | + | |
- | <label class="checkbox-inline"> | + | |
- | <input type="checkbox" id="x_graph" name="x_graph" value="1" onclick="checkBoxReadOut();setImgSrc();checkButton();refreshDatepicker();"> X-Achse | + | |
- | </label> | + | |
- | </div> | + | |
- | <div class="col-xs-4 col-sm-3 col-md-2 col-lg-1" > | + | |
- | <label class="checkbox-inline"> | + | |
- | <input type="checkbox" id="y_graph" name="y_graph" value="2" onclick="checkBoxReadOut();setImgSrc();checkButton();refreshDatepicker();"> Y-Achse | + | |
- | </label> | + | |
- | </div> | + | |
- | <div class="col-xs-4 col-sm-3 col-md-2 col-lg-1" > | + | |
- | <label class="checkbox-inline"> | + | |
- | <input type="checkbox" id="z_graph" name="z_graph" value="4" onclick="checkBoxReadOut();setImgSrc();checkButton();refreshDatepicker();"> Z-Achse | + | |
- | </label> | + | |
- | </div> | + | |
- | <div class="col-xs-4 col-sm-3 col-md-2 col-lg-1" > | + | |
- | <label class="checkbox-inline"> | + | |
- | <input type="checkbox" id="temp_graph" name="temp_graph" value="8" onclick="checkBoxReadOut();setImgSrc();checkButton();refreshDatepicker();"> Temp | + | |
- | </label> | + | |
- | </div> | + | |
- | <div class="col-xs-4 col-sm-3 col-md-4 col-lg-1" > | + | |
- | <label class="checkbox-inline"> | + | |
- | <input type="checkbox" id="k_graph" name="k_graph" value="32" onclick="checkBoxReadOut();setImgSrc();checkButton();refreshDatepicker();"> K-Wert | + | |
- | </label> | + | |
- | </div> | + | |
- | <div class="col-xs-4 col-sm-3 col-md-4 col-lg-2" > | + | |
- | <label class="checkbox-inline"> | + | |
- | <input type="checkbox" id="h_graph" name="h_graph" value="64" onclick="checkBoxReadOut();setImgSrc();checkButton();refreshDatepicker();"> Horizontal (H) | + | |
- | </label> | + | |
- | </div> | + | |
- | <div class="col-xs-4 col-sm-3 col-md-4 col-lg-2" > | + | |
- | <label class="checkbox-inline"> | + | |
- | <input type="checkbox" id="f_graph" name="f_graph" value="128" onclick="checkBoxReadOut();setImgSrc();checkButton();refreshDatepicker();"> Gesamtfeld (F) | + | |
- | </label> | + | |
- | </div> | + | |
- | <div class="col-xs-4 col-sm-3 col-md-3 col-lg-2" > | + | |
- | <label class="checkbox-inline"> | + | |
- | <input type="checkbox" id="d_graph" name="d_graph" value="256" onclick="checkBoxReadOut();setImgSrc();checkButton();refreshDatepicker();"> Deklination (D) | + | |
- | </label> | + | |
- | </div> | + | |
- | </div><!--/row--> | + | |
- | </div><!--/jumbotron--> | + | |
- | + | ||
- | <div id="fluxmagnet_graph"></div> | + | |
- | + | ||
- | + | ||
- | <script> | + | |
- | + | ||
- | //Initialize Datepicker with options | + | |
- | $('#datepicker').datepicker({ | + | |
- | format: 'dd.mm.yyyy', | + | |
- | language: "de", | + | |
- | todayHighlight: true, | + | |
- | autoclose: true, | + | |
- | endDate: getToday(), | + | |
- | }).on('changeDate', function(e){ | + | |
- | setShowDate($('#datepicker').data("datepicker").getUTCDate());setImgSrc();checkButton();refreshDatepicker(); | + | |
- | }); | + | |
- | + | ||
- | var img = document.createElement("img"); | + | |
- | img.onload = function(e) { | + | |
- | var container = document.getElementById("fluxmagnet_graph"); | + | |
- | container.appendChild(e.target); | + | |
- | } | + | |
- | // Set Standards, LoadGraph,checkButtons,refreshDatepicker | + | |
- | setStandard(); | + | |
- | checkBoxReadOut(); | + | |
- | setImgSrc(); | + | |
- | checkButton(); | + | |
- | refreshDatepicker(); | + | |
- | </script> | + | |
- | + | ||
- | + | ||
- | <?php | + | |
- | include ("./inc/footer.php"); | + | |
- | ?> | + | |
</php> | </php> |