ASKER
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
<link rel="stylesheet" href="css/themes/default/jquery.mobile-1.4.5.min.css">
<link rel="stylesheet" href="_assets/css/jqm-demos.css">
<script src="js/jquery/jquery.js"></script>
<script src="_assets/js/index.js"></script>
<script src="js/jquery/jquery.mobile-1.4.5.min.js"></script>
<style>
body {
font-family: "Lato", sans-serif;
}
.sidenav {
height: 100%;
display: block;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #d3d1d1;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}
.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
transition: 0.3s;
}
.sidenav a:hover, .offcanvas a:focus{
color: #111;
}
.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}
.blok {
margin-top: 10px;
margin-bottom: 10px;
margin-right: 200px;
margin-left: 200px;
}
.menubuton {
font-size:30px;
cursor:pointer;
color:rgb(0, 16, 149);
}
#main {
transition: margin-left .5s;
padding: 16px;
}
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
</style>
<SCRIPT LANGUAGE="javascript">
function popupCenter(url, title, w, h) {
var left = (screen.width/2)-(w/2);
var top = (screen.height/2)-(h/2);
return window.open(url, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);
}
</script>
</head>
<body>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="index.html">Home</a>
<a href="vraag.html">Vraag</a>
<a href="aanbod.html">Aanbod</a>
<a href="lift.html">De lift</a>
<a href="idee.html">Ideeën bus</a>
<a href="contact.asp">Contact</a>
</div>
<div id="main">
<span class="menubuton" onclick="openNav()">☰ menu</span>
<div class="blok">
<div id="header">
<img src="plaatjes/umcg.jpg" width=100% alt="logo" />
</div>
<h1><font color=rgb(41,90,95)>Binnengekomen (onderwijs) aanvragen</font></h1>
<a onclick="popupCenter('OnderwijsBehoefteToevoegen.asp','Een (Onderwijs) behoefte toevoegen',1100,800);" href="javascript:void(0);" class="ui-btn ui-btn-inline ui-icon-plus ui-btn-icon-left">Een (onderwijs) behoefte toevoegen</a>
<ul data-role="listview" data-inset="true">
<li data-role="list-divider">Vrijdag, 13 april, 2017 <!--<span class="ui-li-count">2</span>--></li>
<li><a href="progress.html">
<h2>Tina Test</h2>
<p><strong>Wil leren typen met 10 vingers</strong></p>
<p>Hallo nu wij in de verpleging overgaan naar steeds meer digitaal werken lijkt het me handig om met tien vingers te kunnen typen. Vandaar de vraag om misschien iemand mij dit zou kunnen leren?</p>
<p>
<a href="progress.html" data-role="button" data-mini="true" data-inline="true" data-icon="check" data-theme="b" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" class="ui-btn ui-shadow ui-btn-corner-all ui-mini ui-btn-inline ui-btn-icon-left ui-btn-up-b"><span class="ui-btn-inner"><span class="ui-btn-text">Dat zou ik ook wel willen</span><span class="ui-icon ui-icon-check ui-icon-shadow"> </span></span></a>
<a href="progress.html" data-role="button" data-mini="true" data-inline="true" data-icon="check" data-theme="b" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" class="ui-btn ui-shadow ui-btn-corner-all ui-mini ui-btn-inline ui-btn-icon-left ui-btn-up-b"><span class="ui-btn-inner"><span class="ui-btn-text">Schrijf een reactie</span><span class="ui-icon ui-icon-check ui-icon-shadow"> </span></span></a>
<a href="progress.html" data-role="button" data-mini="true" data-inline="true" data-icon="check" data-theme="b" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" class="ui-btn ui-shadow ui-btn-corner-all ui-mini ui-btn-inline ui-btn-icon-left ui-btn-up-b"><span class="ui-btn-inner"><span class="ui-btn-text">Deel dit met een collega</span><span class="ui-icon ui-icon-check ui-icon-shadow"> </span></span></a>
</p>
</a>
<p class="ui-li-aside"><strong><a href="progress.html">3 collega's willen dit ook!</a><br><a href="progress.html">1 Reactie op dit bericht</a></strong></p>
</li>
<li><a href="progress.html">
<h2>Jan Fictief</h2>
<p><strong>Kan iemand mij helpen met het opzetten van een slimme CV?</strong></p>
<p>Ik ben eigenlijk wel toe aan iets nieuws en ben op zoek naar iemand die mij kan helpen bij het bijwerken van mijn CV en het sterker maken van mij LinkedIn profiel.</p>
<p>
<a href="progress.html" data-role="button" data-mini="true" data-inline="true" data-icon="check" data-theme="b" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" class="ui-btn ui-shadow ui-btn-corner-all ui-mini ui-btn-inline ui-btn-icon-left ui-btn-up-b"><span class="ui-btn-inner"><span class="ui-btn-text">Dat zou ik ook wel willen</span><span class="ui-icon ui-icon-check ui-icon-shadow"> </span></span></a>
<a href="progress.html" data-role="button" data-mini="true" data-inline="true" data-icon="check" data-theme="b" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" class="ui-btn ui-shadow ui-btn-corner-all ui-mini ui-btn-inline ui-btn-icon-left ui-btn-up-b"><span class="ui-btn-inner"><span class="ui-btn-text">Schrijf een reactie</span><span class="ui-icon ui-icon-check ui-icon-shadow"> </span></span></a>
<a href="progress.html" data-role="button" data-mini="true" data-inline="true" data-icon="check" data-theme="b" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" class="ui-btn ui-shadow ui-btn-corner-all ui-mini ui-btn-inline ui-btn-icon-left ui-btn-up-b"><span class="ui-btn-inner"><span class="ui-btn-text">Deel dit met een collega</span><span class="ui-icon ui-icon-check ui-icon-shadow"> </span></span></a>
</p>
</a>
<p class="ui-li-aside"><strong><a href="progress.html">2 Reactie op dit bericht</a></strong></p>
</li>
<li data-role="list-divider">Maandag, 27 maart, 2017 <!--<span class="ui-li-count">1</span>--></li>
<li><a href="progress.html">
<h2>Karin Proef</h2>
<p><strong>Zoekt een coach en klankbord voor nieuwe functie.</strong></p>
<p>Ik heb een nieuwe aanstelling en ben nog wat onzeker over het P&O deel van deze functie daarom ben ik op zoek naar iemand die mij voor drie maanden kan begeleiden/coachen zodat ik een klankbord heb.</p>
<!--<p class="ui-li-aside"><strong>4:48</strong>PM</p>-->
<p>
<a href="progress" data-role="button" data-mini="true" data-inline="true" data-icon="check" data-theme="b" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" class="ui-btn ui-shadow ui-btn-corner-all ui-mini ui-btn-inline ui-btn-icon-left ui-btn-up-b"><span class="ui-btn-inner"><span class="ui-btn-text">Dat zou ik ook wel willen</span><span class="ui-icon ui-icon-check ui-icon-shadow"> </span></span></a>
<a href="progress" data-role="button" data-mini="true" data-inline="true" data-icon="check" data-theme="b" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" class="ui-btn ui-shadow ui-btn-corner-all ui-mini ui-btn-inline ui-btn-icon-left ui-btn-up-b"><span class="ui-btn-inner"><span class="ui-btn-text">Schrijf een reactie</span><span class="ui-icon ui-icon-check ui-icon-shadow"> </span></span></a>
<a href="progress" data-role="button" data-mini="true" data-inline="true" data-icon="check" data-theme="b" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" class="ui-btn ui-shadow ui-btn-corner-all ui-mini ui-btn-inline ui-btn-icon-left ui-btn-up-b"><span class="ui-btn-inner"><span class="ui-btn-text">Deel dit met een collega</span><span class="ui-icon ui-icon-check ui-icon-shadow"> </span></span></a>
</p>
</a>
<p class="ui-li-aside"><strong><a href="progress.html">1 collega willen dit ook!</a><br><a href="progress.html">3 Reacties op dit bericht</a></strong></p>
</li>
</ul>
</div>
</div>
<script>
function openNav() {
document.getElementById("mySidenav").style.width = "250px";
document.getElementById("main").style.marginLeft = "250px";
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
document.getElementById("main").style.marginLeft= "0";
}
</script>
</body>
</html>
I have to send a complete set to make it work
ASKER
ASKER
ASKER
if (status > "") {
openNav()
}
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Cache-Control" content="no-store" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style type="text/css">
body {
font-family: "Lato", sans-serif;
}
.sidenav {
height: 100%;
display: block;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #d3d1d1;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}
.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
transition: 0.3s;
}
.sidenav a:hover, .offcanvas a:focus{
color: #111;
}
.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}
.blok {
margin-top: 10px;
margin-bottom: 10px;
margin-right: 200px;
margin-left: 200px;
}
.menubutton {
font-size:30px;
cursor:pointer;
color:rgb(0, 16, 149);
}
#main {
transition: margin-left .5s;
padding: 16px;
}
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
</style>
<script type="text/javascript">
function openNav() {
document.getElementById("mySidenav").style.width = "250px";
document.getElementById("main").style.marginLeft = "250px";
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
document.getElementById("main").style.marginLeft= "0";
}
function getUrlParam(name) {
var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href);
return (results && results[1]) || undefined;
}
var status = getUrlParam('status');
if (status > "") {
openNav()
}
function popupCenter(url, title, w, h) {
var left = (screen.width/2)-(w/2);
var top = (screen.height/2)-(h/2);
return window.open(url, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);
}
</script>
</head>
<body>
<div id="mySidenav" class="sidenav">
<!--<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>-->
<a href="index.html">Home</a>
<a href="vraag.html">Vraag</a>
<a href="aanbod.html">Aanbod</a>
<a href="lift.html">De lift</a>
<a href="idee.html">Ideeën bus</a>
<a href="contact.asp">Contact</a>
</div>
<div id="main">
<span class="menubutton" onclick="openNav()">☰ menu</span>
<div class="blok">
<div id="header">
<img src="plaatjes/umcg.jpg" width=100% alt="logo" />
</div>
<h1><font color=rgb(41,90,95)>Welkom op VoDo</font></h1>
<center>
<p>VODO staat voor "Voor ons & door ons" een initiatief door medewerkers en voor medewerkers.<br>Met dit pioniers initiatief proberen we de in de organisatie aanwezige kennis en opleidingsbehoefte<br>bij elkaar te brengen en bij te dragen aan de "netwerk organisatie" van het UMCG.</p>
<p>Hier kun je opgeven wat je van een colllega zou willen leren of opgeven waarin<br>je zelf een les zou willen verzorgen. </p><p>Tevens verzamelen we in onderdeel "in de lift" de succes verhalen van medewerkers die anderen zouden kunnen inspireren.</p>
</center>
</div>
</div>
</body>
</html>
ASKER
JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and in almost every mainstream web browser.
TRUSTED BY
Did you include the code on the about.html too?
You do not have any status in the script you show