Also wenn plötzlich der Chef kommt drückt man einfach ESC und dann sieht es so aus, als ob man eine Tabelle bearbeitet.
Der Code ist dieser:
Code: Alles auswählen
<style type="text/css">
<!--
html,body
{
width:100%;
height:100%;
padding: 0;
margin: 0;
}
#PopupOverlay
{
position: fixed;
z-index:100;
top: 0; left: 0;
height:100%; width:100%;
background-color:#FFFFFF;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
display:none;
}
#PopupContent
{
position: absolute;
top:0; left:0;
z-index:110;
background:#FFF;
display:none;
}
-->
</style>
<script language="javascript" type="text/javascript">
<!--
var displayImage = 'boss.png';
var popupHeight = 900;
var popupWidth = 1258;
function keyPressHandler(e)
{
var kC = (window.event) ?
event.keyCode : e.keyCode;
var Esc = (window.event) ?
27 : e.DOM_VK_ESCAPE;
if(kC==Esc)
showImage(displayImage, popupWidth, popupHeight);
}
function showImage(imageUrl, width, height)
{
var popup = document.getElementById('PopupContent');
popup.style.width = width + 'px';
popup.style.height = height + 'px';
popup.style.left = 0;
popup.style.top = 0;
var image = '<img src="'+imageUrl+'" alt="" />';
// Inhalt setzen
popup.innerHTML = image;
//alert(imageUrl);
tooglePopup();
}
function tooglePopup()
{
var popupbg = document.getElementById('PopupOverlay');
var popupcontent = document.getElementById('PopupContent');
var style = 'none';
// Sichtbar machen?
if(popupbg.style.display == 'none' || popupbg.style.display == '')
{
style = 'block';
}
popupbg.style.display = style;
popupcontent.style.display = style;
}
document.onkeydown=keyPressHandler;
//-->
</script>
</head>
<body>
<div style="text-align:center">Drücken Sie die Escape Taste <p></p><img border="0" src="boss.png" width="100" height="100"></div>
<div id="PopupOverlay"></div>
<div id="PopupContent"></div>Jetzt weiß ich aber nicht, wo ich den einsetzen muss, damit der im ganzen Forum funktioniert.
Kann ich den in die Index.php einbauen oder wo muss der rein?
