Autor | Zpráva | ||
---|---|---|---|
kogli Profil |
#1 · Zasláno: 2. 11. 2009, 12:48:15
Mám web ve kterém mám menu, a když najedu na kolonku České PC Hry, má mi vyjet submenu udělané Javascriptem. Jenže se neoběví. Web mám na adrese http://www.kogli.ezin.cz/web/ Jo a třeba vám pomůže že jsem použil Include.
Dřív to šlo ale měnil jsem něco v CSS a pak to nešlo třeba je to tímto (soubor .css): .dropmenu { position: absolute; left: -1500px; visibility: visible; z-index: 101; float: left; width: 122px; border-width: 2px; border-style: solid; border-color: #D5FFFD; background-color: #EEEEEE; } .dropmenu ul { margin: 0; padding: 0; list-style-type: none; }.dropmenu li { display: inline; } .dropmenu a, .dropmenu a:visited, .dropmenu a:active { display: block; width: 120px; padding: 2px; margin: 1px; font-family: Trebuchet MS; font-size: 10px; font-weight: bold; text-align: left; text-decoration: none; color: #000000; background-color: #F7F7F7; }.dropmenu a:hover { padding: 2px; margin: 1px; font-family: Trebuchet MS; font-size: 10px; font-weight: bold; text-align: left; text-decoration: none; color: #000000; background-color: #EDEDED; } body{ text-align: center; background-color : white; margin : 0px 0px 20px 0px; padding : 0px 0px 0px 0px; } div.body { width: 47em; height: 120px; text-align: left; background-color : White; margin : auto auto auto auto; padding : auto auto auto auto; border-bottom : 1px solid Black; border-top : 1px solid Black; border-left : 1px solid Black; border-right : 1px solid Black; } div.head { width: 100%; height : 120px; text-align: center; clear: both; background-color : #8AAFE3; margin : auto auto auto auto; padding : auto auto auto auto; } div.obsah{ width: 34em; float: right; background-color : white; margin : 10px 0px 0px 0px; padding : 0px 0px 0px 0px; border-left : 1px solid #cccccc; border-bottom : 1px solid #cccccc; } div.pravy { width: 12em; float:left; margin : 15px 0px 15px 0px; padding : 0px 0px 0px 0px; background-color : #F9F9F9; border-left : 1px solid #cccccc; border-bottom : 1px solid #cccccc; } div.konec-obsahu { clear: both; margin : 5px 0px 5px 0px; padding : 0px 0px 0px 0px; } div.patka { clear: both; width: 47em; text-align: left; background-color : #8AAFE3; margin : 10px auto 10px auto; } h3 { font-family: Trebuchet MS; } a tady je konečně javascript: /*** SET BUTTON'S FOLDER HERE ***/ var buttonFolder = "buttons/"; /*** SET BUTTONS' FILENAMES HERE ***/ upSources = new Array("button1up.png","button2up.png","button3up.png","button4up.png","button5up.png","button6up.png","button7up.png","but ton8up.png"); overSources = new Array("button1over.png","button2over.png","button3over.png","button4over.png","button5over.png","button6over.png","button7ov er.png","button8over.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(); subInfo[5] = new Array(); subInfo[6] = new Array(); subInfo[7] = new Array(); subInfo[8] = new Array(); //*** SET SUB MENUS TEXT LINKS AND TARGETS HERE ***// subInfo[1][1] = new Array("Domovska Stranka","http://kogli.ezin.cz/web/index.php",""); subInfo[1][2] = new Array("Prejit na","http://kogli.ezin.cz/",""); subInfo[7][1] = new Array("Hidden & Dangerous","http://kogli.ezin.cz/web/hiddendangerous.php",""); subInfo[7][2] = new Array("Mafia","http://kogli.ezin.cz/web/mafia.php",""); subInfo[7][3] = new Array("Operace Flashpoint","http://kogli.ezin.cz/web/flashpoint.php",""); subInfo[7][4] = new Array("Vietcong","http://kogli.ezin.cz/web/vietcong.php",""); subInfo[7][5] = new Array("Piste nam","http://kogli.ezin.cz/web/pisteohrach.php",""); //*** SET SUB MENU POSITION ( RELATIVE TO BUTTON ) ***// var xSubOffset = 123; var ySubOffset = 1; //*** 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('<div id="submenu' + (x+1) + '">'); // 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('<ul>'); for ( k=0; k<subInfo[x+1].length-1; k++ ) { document.write('<li>'); 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] + '</a>'); document.write('</li>'); } document.write('</ul>'); } document.write('</div>'); } //*** MAIN BUTTONS FUNCTIONS ***// // PRELOAD MAIN MENU BUTTON IMAGES function preload() { for ( x=0; x<totalButtons; x++ ) { buttonUp = new Image(); buttonUp.src = buttonFolder + upSources[x]; buttonOver = new Image(); buttonOver.src = buttonFolder + overSources[x]; } } // 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(); |
||
Časová prodleva: 15 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0