Popup Menü - Website X5 Hilfe - Die Helpsite
Hauptmenü
- Startseite
- Übersicht/Suchen
- Virtual Website X5
- WSX5 Tools
-
Scripte
- Bildobjekte
- Bildergallerien
- Menü Navigation
- Button Navigation
- Listen Navigation
- Form-Mailer
- Multimedia
- Text- & Tabellenobjekte
- Tools
- Attachment
- Protection
- Snipped
-
Tutorials
- Website X5
- Fremdscripte
- Settings
-
Übersichten
- HTML & Co.
- Microsoft DOS
- Microsoft Shortcuts
- Microsoft Zeichensätze
- Download
- Template
- Online-Tools
- Imagehost
- Links
-
Testebene
- Forum-Test
- Member-Test
- Gästebuch
- Kontakt
- Impressum
Popup Menü
Ein einfaches internes Popop-
Das Popup-
Code für das HTML-
<script type="text/javascript">
<!-
function move_box(an, box)
{
var cleft = 0;
var ctop = 0;
var obj = an;
while (obj.offsetParent)
{
cleft += obj.offsetLeft;
ctop += obj.offsetTop;
obj = obj.offsetParent;
}
box.style.left = cleft + 'px';
ctop += an.offsetHeight + 8;
if (document.body.currentStyle &&
document.body.currentStyle['marginTop'])
{
ctop += parseInt(
document.body.currentStyle['marginTop']);
}
box.style.top = ctop + 'px';
}
function show_hide_box(an, width, height, borderStyle)
{
var href = an.href;
var boxdiv = document.getElementById(href);
if (boxdiv != null)
{
if (boxdiv.style.display=='none')
{
move_box(an, boxdiv);
boxdiv.style.display='block';
bringToFront(boxdiv);
if (!boxdiv.contents.contentWindow)
boxdiv.contents.src = href;
}
else
boxdiv.style.display='none';
return false;
}
boxdiv = document.createElement('div');
boxdiv.setAttribute('id', href);
boxdiv.style.display = 'block';
boxdiv.style.position = 'absolute';
boxdiv.style.width = width + 'px';
boxdiv.style.height = height + 'px';
boxdiv.style.border = borderStyle;
boxdiv.style.textAlign = 'right';
boxdiv.style.padding = '4px';
boxdiv.style.background = '#FFFFFF';
document.body.appendChild(boxdiv);
bringToFront(boxdiv);
var offset = 0;
var close_href = document.createElement('a');
close_href.href = 'javascript:void(0);';
close_href.onclick = function()
{ show_hide_box(an, width, height, borderStyle); }
close_href.appendChild(document.createTextNode('Close'));
boxdiv.appendChild(close_href);
offset = close_href.offsetHeight;
var contents = document.createElement('iframe');
//contents.scrolling = 'no';
contents.overflowX = 'hidden';
contents.overflowY = 'scroll';
contents.frameBorder = '0';
contents.style.width = width + 'px';
contents.style.height = (height -
boxdiv.contents = contents;
boxdiv.appendChild(contents);
move_box(an, boxdiv);
if (contents.contentWindow)
contents.contentWindow.document.location.replace(
href);
else
contents.src = href;
return false;
}
function getAbsoluteDivs()
{
var arr = new Array();
var all_divs = document.body.getElementsByTagName("DIV");
var j = 0;
for (i = 0; i < all_divs.length; i++)
if (all_divs.item(i).style.position=='absolute')
{
arr[j] = all_divs.item(i);
j++;
}
return arr;
}
function bringToFront(obj)
{
if (!document.getElementsByTagName)
return;
var divs = getAbsoluteDivs();
var max_index = 0;
var cur_index;
for (i = 0; i < divs.length; i++)
{
var item = divs[i];
if (item == obj ||
item.style.zIndex == '')
continue;
cur_index = parseInt(item.style.zIndex);
if (max_index < cur_index)
{
max_index = cur_index;
}
}
obj.style.zIndex = 999;
}
//-
</script>
<!-
<div style="text-
<a href="template/popup-
onclick="return show_hide_box(this, 270, 270, '2px solid')">
Demo Internes Popup
</a></div>
Code der HTML-
<!DOCTYPE html PUBLIC "-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-
<title>Popup Menu</title>
</head>
<body>
<div style="color:#ff0000;font-
Das ist eine dazu erstellte Seite, die im Code als Popup (popup-
<br /><br />
<a href="#x" target="_blank">Linkseite 1</a><br />
<a href="#x" target="_blank">Linkseite 2</a><br /><br />
<a href="#x" target="_blank">Linkseite 3</a><br /><br />
Man kann natürlich auch Textdokumente hinerlegen oder anderweitige Codes.<br />
</div>
</body>
Besucher Statistik