Commit f171af3d authored by Olav Kvittem's avatar Olav Kvittem

bedre meny for - select2

parent 6bfd180d
<script>
var mp_url="https://kind.uninett.no/autoregister/utstyr_mp.json";
var mp_list=[];
function make_select( elm, url){
// var html='<button id=traceroute onclick="traceroute( $(\'#tr_host\').val(), $(\'#tr_times\').val(), $(\'#tr_size\').val(), $(\'#tr_interval\').val() )">Trace route</button> to ';
var html='';
// commented code is to produce a select_menu rather than jquery ui autocomplete
html+= '<form name="traceroute_form" id="traceroute_form">';
html+= '<select name="mp_opt" id="mp_opt" class="btn btn-basic btn-lg" onChange="top.location.href = this.form.mp_opt.options[this.form.mp_opt.selectedIndex].value;return false;">';
html+= '<option value="">Velg Målepåle</option>';
var items=[];
var request=$.ajax( {url: url, type: 'GET', dataType: 'json', crossDomain: true } );
request.done( function( mps){
// console.log(mps);
mps.sort( function(a, b) {
var textA = a.navn.toLowerCase();
var textB = b.navn.toLowerCase();
if (textA < textB)
return -1;
if (textA > textB)
return 1;
return 0;
});
$.each(mps, function(mp) {
html+='<option value="http://' + mps[mp].navn + '">' + mps[mp].navn + '</option>';
mp_list.push(mps[mp].navn);
});
document.getElementById(elm).innerHTML += html + '</select></form>';
$( "#mp_name" ).autocomplete({ source: mp_list });
// $(#mp-name).select2();
});
request.fail( function( jqXHR, status, error){
console.log('Listing beacons faild from '+ url + ' : ' + status + ', ' + error);
});
/* var rq=$.JSONget(url, function(data){console.log(data)});
rq.fail( function( jqXHR, error){
console.log(error+ url);
});
*/
}
</script>
<script>
$("#body-bs").prepend('<h1>Velkommen til målepålen ' + location.hostname + ' !</h1>');
$("#body-bs").prepend('<h2>Velkommen til målepålen ' + location.hostname + ' !</h2>');
</script>
<p class="info">
......@@ -60,8 +15,8 @@ Se mer om <a class="btn btn-default" href="http://www.uninett.no/malepale">mål
</div>
<div class="col-lg-12 gutter uninett-padded uninett-color-lightBlue">
<h2>Tjenester mot denne målepålen</h2>
<p><a class="btn btn-primary btn-lg" href="/rute/">Nettvei</a> viser ruten trafikken tar fra målepålen mot deg.
<h3>Tjenester mot denne målepålen</h3>
<p><a class="btn btn-primary btn-lg" href="/rute/">Rute</a> viser ruten trafikken tar fra målepålen mot deg.
<p><a class="btn btn-primary btn-lg" href="/yt/">Yt</a> måler hvor fort du kan overføre data mellom deg og målepålen. Enkel og brukervennlig.
<p><a class="btn btn-primary btn-lg" href="/iperf/">Iperf</a> måler ytelsen fra målepålen mot en annen målepåle eller maskin med Iperf. </p>
<!-- ok discontinued due to bad TCP
......@@ -80,16 +35,17 @@ Se mer om <a class="btn btn-default" href="http://www.uninett.no/malepale">mål
</div>
<div class="col-lg-12 gutter uninett-padded uninett-color-lightGreen">
<p> <h2>Felles statistikker og andre målepåler</h2>
<p> <h3>Felles statistikker og andre målepåler</h3>
<p><table><tr><td><b><a class="btn btn-primary btn-lg" href=https://drift.uninett.no/kart/malepale>Se kart</a></b> over andre målepåler eller
<td><span id=tr_button><div id=busy><img src=images/ajax-loader.gif></span>
<script>make_select( 'tr_button', mp_url );$("#busy").hide();</script>
<!--
<td> eller tast<td><form name="mp_form" id="mp_form" onsubmit="top.location.href = 'http://'+document.mp_form.mp_name.value;return false;">
<input id="mp_name" value="" placeholder="målepåle" title="Automatisk utfylling av målepålenavn"></input>
</form><td>(Enter)
-->
</table>
</p>
<!-- <div id=busy><img src=ajax-loader.gif> Traceing route - please wait at least 'times*(1+every)' seconds.
......
......@@ -6,10 +6,10 @@ include "php-felles/uninetttopp.php3";
?>
<link rel="shortcut icon" href="uninett-theme/ico/favicon.ico">
<script type="text/javascript" src="/js/jquery-ui-1.10.3/jquery-1.9.1.js"></script>
<!--
<!-- -->
<link href="/js/select2/select2.css" rel="stylesheet"/>
<script type="text/javascript" src="/js/select2/select2.js"></script>
-->
<div id=body-bs></div>
<script>
$('#top-menu').load("/top-menu-bs.html");
......
<!DOCTYPE html> <html lang="en">
<!DOCTYPE html> <html lang="no">
<head>
<?php include 'head-bs.html'?>
<script type="text/javascript" src="/js/jquery-ui-1.10.3/ui/jquery-ui.js"></script>
<style type="text/css" title="currentStyle">
@import "/js/jquery-ui-1.10.3/themes/base/jquery-ui.css";
</style>
<script type="text/javascript" src="/js/jquery-ui-1.10.3/ui/jquery-ui.js"></script>
<link href="/js/select2/select2.css" rel="stylesheet"/>
<script type="text/javascript" src="/js/select2/select2.js"></script>
<script type="text/javascript" src="/js/mp-select.js"></script>
</head>
<body>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment