Hallo meine lieben,
ich habe folgenes problem ich habe eine seine mit frames erstellt, das hat allea auch sehr gut geklappt.
Nun wollte ich noch eine spziella menu fürhrung haben und habe sie nun eingebuden in meinen linken fram und nun ist leider das problem wenn ich eins anklicke,
dann öffnet es sich nur links in dem frame die neue seine … es soll sich ja aber in der mitte öffnen.
Ich hoffe ihr versteht was ich meine.
Um euch das problem anzugucken guck hier:
Meine Homepage
Hier noch die ganzen codes:
menuscripit.js
[code]/*** SET BUTTON’S FOLDER HERE /
var buttonFolder = „buttons/“;
/ SET BUTTONS’ FILENAMES HERE ***/
upSources = new Array(„button1up.png“,„button2up.png“,„button3up.png“,„button4up.png“);
overSources = new Array(„button1over.png“,„button2over.png“,„button3over.png“,„button4over.png“);
// SUB MENUS DECLARATION, YOU DONT NEED TO EDIT THIS
subInfo = new Array();
subInfo[1] = new Array();
subInfo[2] = new Array();
subInfo[3] = new Array();
subInfo[4] = new Array();
//*** SET SUB MENUS TEXT LINKS AND TARGETS HERE ***//
subInfo[1][1] = new Array(„Glasreinigung“,„Sub-Link 1“,„“);
subInfo[1][2] = new Array(„Bodenreinigung“,„Sub-Link 2“,„“);
subInfo[1][3] = new Array(„Grundreinigung“,„Sub-Link 3“,„“);
subInfo[1][4] = new Array(„Private Haushalte“,„Sub-Link 4“,„“);
subInfo[2][1] = new Array(„Dachreinigung“,„Sub-Link 1“,„“);
subInfo[2][2] = new Array(„Fassadenreinigung“,„Sub-Link 2“,„“);
subInfo[3][1] = new Array(„Gartenpflege“,„Sub-Link 1“,„“);
subInfo[3][2] = new Array(„Treppenhausreinigung“,„Sub-Link 2“,„“);
subInfo[3][3] = new Array(„Winterdienst“,„Sub-Link 3“,„“);
//*** SET SUB MENU POSITION ( RELATIVE TO BUTTON ) ***//
var xSubOffset = 127;
var ySubOffset = 8;
//*** NO MORE SETTINGS BEYOND THIS POINT ***//
var overSub = false;
var delay = 1000;
totalButtons = upSources.length;
// GENERATE SUB MENUS
for ( x=0; x<totalButtons; x++) {
// SET EMPTY DIV FOR BUTTONS WITHOUT SUBMENU
if ( subInfo[x+1].length < 1 ) {
document.write(‚
// SET DIV FOR BUTTONS WITH SUBMENU
} else {
document.write(‚<div id="submenu‘ + (x+1) + '" class=„dropmenu“ ');
document.write(‚onMouseOver="overSub=true;‘);
document.write(‚setOverImg('‘ + (x+1) + ‚','');"‘);
document.write(‚onMouseOut="overSub=false;‘);
document.write(‚setTimeout('hideSubMenu(\'submenu‘ + (x+1) + ‚\')',delay);‘);
document.write(‚setOutImg('‘ + (x+1) + ‚','');">‘);
document.write(‚
- ‘);
- ‘);
document.write(‚<a href="‘ + subInfo[x+1][k+1][1] + ‚" ‚);
document.write(‚target="‘ + subInfo[x+1][k+1][2] + ‚">‘);
document.write( subInfo[x+1][k+1][0] + ‚‘);
document.write(‘ ‘);
for ( k=0; k<subInfo[x+1].length-1; k++ ) {
document.write(‚
}
document.write(‚
}
document.write(‚
}
//*** MAIN BUTTONS FUNCTIONS ***//
// PRELOAD MAIN MENU BUTTON IMAGES
function preload() {
for ( x=0; x<totalButtons; x++ ) {
buttonUp = new Image();
buttonUp.src = buttonFolder + upSources;
buttonOver = new Image();
buttonOver.src = buttonFolder + overSources;
}
}
// SET MOUSEOVER BUTTON
function setOverImg(But, ID) {
document.getElementById(‚button‘ + But + ID).src = buttonFolder + overSources[But-1];
}
// SET MOUSEOUT BUTTON
function setOutImg(But, ID) {
document.getElementById(‚button‘ + But + ID).src = buttonFolder + upSources[But-1];
}
//*** SUB MENU FUNCTIONS ***//
// GET ELEMENT ID MULTI BROWSER
function getElement(id) {
return document.getElementById ? document.getElementById(id) : document.all ? document.all(id) : null;
}
// GET X COORDINATE
function getRealLeft(id) {
var el = getElement(id);
if (el) {
xPos = el.offsetLeft;
tempEl = el.offsetParent;
while (tempEl != null) {
xPos += tempEl.offsetLeft;
tempEl = tempEl.offsetParent;
}
return xPos;
}
}
// GET Y COORDINATE
function getRealTop(id) {
var el = getElement(id);
if (el) {
yPos = el.offsetTop;
tempEl = el.offsetParent;
while (tempEl != null) {
yPos += tempEl.offsetTop;
tempEl = tempEl.offsetParent;
}
return yPos;
}
}
// MOVE OBJECT TO COORDINATE
function moveObjectTo(objectID,x,y) {
var el = getElement(objectID);
el.style.left = x;
el.style.top = y;
}
// MOVE SUBMENU TO CORRESPONDING BUTTON
function showSubMenu(subID, buttonID) {
hideAllSubMenus();
butX = getRealLeft(buttonID);
butY = getRealTop(buttonID);
moveObjectTo(subID,butX+xSubOffset, butY+ySubOffset);
}
// HIDE ALL SUB MENUS
function hideAllSubMenus() {
for ( x=0; x<totalButtons; x++) {
moveObjectTo(„submenu“ + (x+1) + „“,-500, -500 );
}
}
// HIDE ONE SUB MENU
function hideSubMenu(subID) {
if ( overSub == false ) {
moveObjectTo(subID,-500, -500);
}
}
//preload();
[/code]
menu.html
<html>
<head>
<title></title>
<meta name="author" content="Besitzer">
<script src="menuscript.js" language="javascript" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="menustyle.css" media="screen, print" />
</head>
<body background="images/tropfen.gif" text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<table border="0" cellpadding="0" cellspacing="0"><tr><td>
<a href="home.html" onmouseover="setOverImg('1','');overSub=true;showSubMenu('submenu1','button1');" onmouseout="setOutImg('1','');overSub=false;setTimeout('hideSubMenu(\'submenu1\')',delay);" target="inhalt"><img src="buttons/button1up.png" border="0" id="button1" vspace="20" hspace="0"></a><br>
<a href="Link 2" onmouseover="setOverImg('2','');overSub=true;showSubMenu('submenu2','button2');" onmouseout="setOutImg('2','');overSub=false;setTimeout('hideSubMenu(\'submenu2\')',delay);" target="inhalt"><img src="buttons/button2up.png" border="0" id="button2" vspace="20" hspace="0"></a><br>
<a href="Link3" onmouseover="setOverImg('3','');overSub=true;showSubMenu('submenu3','button3');" onmouseout="setOutImg('3','');overSub=false;setTimeout('hideSubMenu(\'submenu3\')',delay);" target="inhalt"><img src="buttons/button3up.png" border="0" id="button3" vspace="20" hspace="0"></a><br>
<a href="Link4" onmouseover="setOverImg('4','');overSub=true;showSubMenu('submenu4','button4');" onmouseout="setOutImg('4','');overSub=false;setTimeout('hideSubMenu(\'submenu4\')',delay);" target="inhalt"><img src="buttons/button4up.png" border="0" id="button4" vspace="20" hspace="0"></a><br>
</td></tr></table>
</body>
</html>
index.html
[code]
Meine Homepage [/code]Ich hoffe das reicht damit ihr mir helfen könnt.
Ich danke euch schonmal im vorraus
Lieben gruß
Player44