Bekijk de onderstaande video om te zien hoe je onze site als een web app op je startscherm installeert.
Opmerking: Deze functie is mogelijk niet beschikbaar in sommige browsers.
waar staat het plaatje op je computer of op het internet?
<html>
<head>
<style type="text/css">
#pic_start {
display: inline;
}
#pic_home {
display: none;
}
#pic_personeel {
display: none;
}
#pic_producten {
display: none;
}
#pic_openingsuren {
display: none;
}
#pic_contact {
display: none;
}
</style>
<script type="text/javascript">
<!--
function set_pic(zap){
var abra = document.getElementById('pic_start').style;
if (abra.display != "none") {
abra.display = "none";
}
var abra = document.getElementById('pic_home').style;
if (abra.display != "none") {
abra.display = "none";
}
var abra = document.getElementById('pic_personeel').style;
if (abra.display != "none") {
abra.display = "none";
}
var abra = document.getElementById('pic_producten').style;
if (abra.display != "none") {
abra.display = "none";
}
var abra = document.getElementById('pic_openingsuren').style;
if (abra.display != "none") {
abra.display = "none";
}
var abra = document.getElementById('pic_contact').style;
if (abra.display != "none") {
abra.display = "none";
}
var abra = document.getElementById(zap).style;
if (abra.display != "inline") {
abra.display = "inline";
}
}
//-->
</script>
</head><img src="logo1.jpg" height=100 width=100> <img src="F-TeC.jpg" height=85 width=294>
<BR>
<HR ALIGN=right SIZE=10 color="DDD8D2">
<body bgcolor="B8E1E3" alink="000000" vlink="000000" ulink="000000">
<font face="arial">
<table border="0">
<tr>
<td>
<p align="center"><script language="JavaScript">
var Today=new Date();
var ThisDay=Today.getDay();
var ThisDate=Today.getDate();
var ThisMonth=Today.getMonth()+1;
var ThisYear=Today.getFullYear();
function DayTxt (DayNumber) {
var Day=new Array();
Day[0]="<font size=3 >"+"Zondag"+"</font>";
Day[1]="<font size=3 >"+"Maandag"+"</font>";
Day[2]="<font size=3 >"+"Dinsdag"+"</font>";
Day[3]="<font size=3 >"+"Woensdag"+"</font>";
Day[4]="<font size=3 >"+"Donderdag"+"</font>";
Day[5]="<font size=3 >"+"Vrijdag"+"</font>";
Day[6]="<font size=3 >"+"Zaterdag"+"</font>";
return Day[DayNumber];
}
var DayName=DayTxt(ThisDay);
function MonthTxt (MonthNumber) {
var Month=new Array();
Month[1]="<font size=3 >"+"januari"+"</font>";
Month[2]="<font size=3 >"+"februari"+"</font>";
Month[3]="<font size=3 >"+"maart"+"</font>";
Month[4]="<font size=3 >"+"april"+"</font>";
Month[5]="<font size=3 >"+"mei"+"</font>";
Month[6]="<font size=3 >"+"juni"+"</font>";
Month[7]="<font size=3 >"+"juli"+"</font>";
Month[8]="<font size=3 >"+"augustus"+"</font>";
Month[9]="<font size=3 >"+"september"+"</font>";
Month[10]="<font size=3 >"+"oktober"+"</font>";
Month[11]="<font size=3 >"+"november"+"</font>";
Month[12]="<font size=3 >"+"december"+"</font>";
return Month[MonthNumber];
}
var MonthName=MonthTxt(ThisMonth);
var d = new Date();
var h = d.getHours();
document.write("<TABLE BORDER=0 <br> <BGCOLOR=#99FF00 WIDTH=75 HEIGHT=55 align=center color=#99FF00> "+"<TD>"+"<p align=center>"+"<font size=3 >"+DayName+" "+ThisDate+" "+MonthName+" "+2008+" <br>"+"</b>"+"</font>"+"</p>"+"</TD>"+"</TR>"+"</TABLE>");
</script></td>
<td>
<font color="black">
|
<a href="beginpagina.html" STYLE="text-decoration:none" target="_top" onclick="set_pic('pic_start')"> Startpagina </a> <img id="pic_start" src='http://i288.photobucket.com/albums/ll163/knoet/site/muisinmenu1.jpg'> |
<a href="welkom ned.html" target="hoofdpagina" STYLE="text-decoration:none" onclick="set_pic('pic_home')"> Home </a><img id="pic_home" src='http://i288.photobucket.com/albums/ll163/knoet/site/muisinmenu1.jpg'> |
<a href="personeel ned.html" target="hoofdpagina" STYLE="text-decoration:none" onclick="set_pic('pic_personeel')"> Personeel </a><img id="pic_personeel" src='http://i288.photobucket.com/albums/ll163/knoet/site/muisinmenu1.jpg'> |
<a href="frame producten ned.html" target="hoofdpagina" STYLE="text-decoration:none" onclick="set_pic('pic_producten')"> Producten </a><img id="pic_producten" src='http://i288.photobucket.com/albums/ll163/knoet/site/muisinmenu1.jpg'> |
<a href="openingsuren ned.html" target="hoofdpagina" STYLE="text-decoration:none" onclick="set_pic('pic_openingsuren')"> Openingsuren </a><img id="pic_openingsuren" src='http://i288.photobucket.com/albums/ll163/knoet/site/muisinmenu1.jpg'> |
<a href="contact ned.html" target="hoofdpagina" STYLE="text-decoration:none" onclick="set_pic('pic_contact')"> Contact</a><img id="pic_contact" src='http://i288.photobucket.com/albums/ll163/knoet/site/muisinmenu1.jpg'>
</font>
</td>
</tr>
</table>
</font>
</body>
</html>
zou het soms kunnen omdat ik vista heb ofzo
ik heb hem nu ook even onder vista getest, en daar werkt die bij mij ook gewoon. Weet je zeker dat je de code precies hebt overgenomen? of kan je anders de gehele code van de site geven, zodat ik het met frames en al kan testen?
het ligt eraan hoe je het precies wilt hebben. wil je dat het muisje bij het menu blijft staan, en er in het sub menu een muisje bij komt, of dat het muisje naar het sub menu verspringt?
<HTML>
<TITLE> F-TeC bvba - Openingsuren </TITLE>
<BODY bgcolor= "DDD8D2">
<font color="black" face="arial">
<center> Kies een categorie. </center>
</BODY>
</HTML>
<html>
<frameset rows="15%,85%"noresize border=0 >
<frame src="menu producten ned.html" noresize border=0 scrolling="no">
<frame src="kies.html" name="onderhoofdpagina">
</html>
<HTML>
<TITLE> F-TeC bvba - Openingsuren </TITLE>
<head>
<style type="text/css">
#pic_accessoires {
display: inline;
}
#pic_boeken {
display: none;
}
#pic_desktops {
display: none;
}
#pic_laptops {
display: none;
}
#pic_printers {
display: none;
}
</style>
<script type="text/javascript">
<!--
function set_pic(zap){
var abra = document.getElementById('pic_accessoires').style;
if (abra.display != "none") {
abra.display = "none";
}
var abra = document.getElementById('pic_boeken').style;
if (abra.display != "none") {
abra.display = "none";
}
var abra = document.getElementById('pic_desktops').style;
if (abra.display != "none") {
abra.display = "none";
}
var abra = document.getElementById('pic_laptops').style;
if (abra.display != "none") {
abra.display = "none";
}
var abra = document.getElementById('pic_printers').style;
if (abra.display != "none") {
abra.display = "none";
}
var abra = document.getElementById(zap).style;
if (abra.display != "inline") {
abra.display = "inline";
}
}
//-->
</script>
</head>
<BODY bgcolor= "DDD8D2" alink="000000" vlink="000000" ulink="000000">
<font color="black" face="arial" >
<a href="accessoires ned.html" STYLE="text-decoration:none" target="onderhoofdpagina" onclick="set_pic('pic_accessoires')"> <b> A</b>ccessoires </a> <img id="pic_accessoires" src='muis in menu grijs.jpg'> |
<a href="boeken ned.html" target="onderhoofdpagina" STYLE="text-decoration:none" onclick="set_pic('pic_boeken')"> <b> B</b>oeken </a> <img id="pic_boeken" src='muis in menu grijs.jpg'> |
<a href="desktops ned.html" target="onderhoofdpagina" STYLE="text-decoration:none" onclick="set_pic('pic_desktops')"> <b> D</b>esktops </a> <img id="desktops" src='muis in menu grijs.jpg'> |
<a href="laptops ned.html" target="onderhoofdpagina" STYLE="text-decoration:none" onclick="set_pic('pic_laptops')"> <b> L</b>aptops </a> <img id="pic_laptops" src='muis in menu grijs.jpg'> |
<a href="printers ned.html" target="onderhoofdpagina" STYLE="text-decoration:none" onclick="set_pic('pic_printers')"> <b> P</b>rinters </a> <img id="pic_printers" src='muis in menu grijs.jpg'>
<HR ALIGN=right SIZE=10 color="B8E1E3">
</font>
</BODY>
</HTML>
#pic_accessoires {
display: inline;
}
#pic_accessoires {
display: none;
}
<HTML>
<TITLE> F-TeC bvba - Openingsuren </TITLE>
<head>
<style type="text/css">
#pic_accessoires {
display: none;
}
#pic_boeken {
display: none;
}
#pic_desktops {
display: none;
}
#pic_laptops {
display: none;
}
#pic_printers {
display: none;
}
</style>
<script type="text/javascript">
<!--
function set_pic(zap){
var abra = document.getElementById('pic_accessoires').style;
if (abra.display != "none") {
abra.display = "none";
}
var abra = document.getElementById('pic_boeken').style;
if (abra.display != "none") {
abra.display = "none";
}
var abra = document.getElementById('pic_desktops').style;
if (abra.display != "none") {
abra.display = "none";
}
var abra = document.getElementById('pic_laptops').style;
if (abra.display != "none") {
abra.display = "none";
}
var abra = document.getElementById('pic_printers').style;
if (abra.display != "none") {
abra.display = "none";
}
var abra = document.getElementById(zap).style;
if (abra.display != "inline") {
abra.display = "inline";
}
}
//-->
</script>
</head>
<BODY bgcolor= "DDD8D2" alink="000000" vlink="000000" ulink="000000">
<font color="black" face="arial" >
<a href="accessoires ned.html" STYLE="text-decoration:none" target="onderhoofdpagina" onclick="set_pic('pic_accessoires')"> <b> A</b>ccessoires </a> <img id="pic_accessoires" src='muis in menu grijs.jpg'> |
<a href="boeken ned.html" target="onderhoofdpagina" STYLE="text-decoration:none" onclick="set_pic('pic_boeken')"> <b> B</b>oeken </a> <img id="pic_boeken" src='muis in menu grijs.jpg'> |
<a href="desktops ned.html" target="onderhoofdpagina" STYLE="text-decoration:none" onclick="set_pic('pic_desktops')"> <b> D</b>esktops </a> <img id="pic_desktops" src='muis in menu grijs.jpg'> |
<a href="laptops ned.html" target="onderhoofdpagina" STYLE="text-decoration:none" onclick="set_pic('pic_laptops')"> <b> L</b>aptops </a> <img id="pic_laptops" src='muis in menu grijs.jpg'> |
<a href="printers ned.html" target="onderhoofdpagina" STYLE="text-decoration:none" onclick="set_pic('pic_printers')"> <b> P</b>rinters </a> <img id="pic_printers" src='muis in menu grijs.jpg'>
<HR ALIGN=right SIZE=10 color="B8E1E3">
</font>
</BODY>
</HTML>
We gebruiken essentiële cookies om deze site te laten werken, en optionele cookies om de ervaring te verbeteren.