Nu har menyn börjat blinka igen, kan du bara kolla igenom koderna jag postar här så att de stämmer. Det ska vara de aktuella. Fadepage.js: $_GET=[]; var searchp=location.search.substr(1).split("&"); for(var i=0;i<searchp.length;++i){ var tmpp=searchp[i].split("="); $_GET[unescape(tmpp[0])]=unescape(tmpp[1]); } function setOpacity(obj,value){ if(typeof obj.style.opacity!="undefined")obj.style.opacity=value/100; else if(typeof obj.style.MozOpacity!="undefined")obj.style.MozOpacity=value/100; else if(typeof obj.style.filter!="undefined")obj.style.filter="alpha(opacity="+(value)+")"; } whitescreen=null; function fade(obj,from,to,steps,speed,callback){ setOpacity(obj,from); for(var i=from+1;i<to;i+=steps){ (function(){var op=i;setTimeout(function(){setOpacity(obj,op);},(op-from)*speed);})(); } for(var i=from-1;i>to;i-=steps){ (function(){var op=i;setTimeout(function(){setOpacity(obj,op);},(from-op)*speed);})(); } setTimeout(function(){setOpacity(obj,to);},(Math.abs(to-from))*speed); if(typeof(callback)!="undefined"){ setTimeout(callback,(Math.abs(to-from)+1)*speed); } } function gotoLoc(loc){ //Extern function nu if(typeof window.onbeforeunload=='undefined')whitescreen.style.visibility="hidden"; location.replace(loc); //Förut location=toloc; } blockall=false; function fadeToLoc(loc){ blockall=true; whitescreen.style.visibility="visible"; var toloc=loc+(loc.indexOf("?")!=-1?"&":"?")+"fade=yes"; var f=function(){gotoLoc(toloc);}; //Använder extern function istället fade(whitescreen,0,100,4,5,f); } function capLinks(href){ if(!blockall)fadeToLoc(href); return false; } function initFade(){ whitescreen=document.createElement("div"); whitescreen.style.position="absolute"; whitescreen.style.zIndex=1000; whitescreen.style.visibility="hidden"; whitescreen.style.top="0px"; whitescreen.style.left="0px"; whitescreen.style.width="100%"; whitescreen.style.height="100%"; whitescreen.style.backgroundImage='url(http://www.demomix.se/demofiler/browsertexture.jpg)'; //Ändring från "white" document.body.appendChild(whitescreen); parent.parent.fixFade(window,1); document.documentElement.style.backgroundColor='transparent'; document.documentElement.style.backgroundImage='none'; if($_GET['fade']=='yes'){ whitescreen.style.visibility="visible";blockall=true; fade(whitescreen,100,0,4,5,function(){whitescreen.style.visibility="hidden";blockall=false;}); } if(document && document.body)document.body.style.visibility='visible'; } $(initFade); Meny.html <body onload="parent.parent.fixFade(window,2);"> Huvudsida, demomix.se.html: <script type="text/javascript"> fLinkState=0; fMwin=null; fOwin=null; function fixFade(a,b){ fLinkState|=b; if(b==2)fMwin=a; else fOwin=a; if(fLinkState==3){ fLinkState=7; fFixMenu(fMwin); } } function fCapLinks(href){ if(fOwin){ fOwin.capLinks(href); return false; } return true; } function fFixMenu(menu){ var twin=window; var links=menu.document.getElementById("roll").getElementsByTagName("a"); for(var i=0;i<links.length;++i){ if(links[i].href.indexOf('#')==-1) links[i].onclick=function(){return twin.fCapLinks(this.href);} } } </script> Subsida: <head> <script type="text/javascript"> if(document && document.documentElement)document.documentElement.style.backgroundImage='url(http://www.demomix.se/demofiler/browsertexture.jpg)';</script> <script type="text/javascript" src="http://www.demomix.se/nymeny/jquery.js"></script> <script type="text/javascript" src="http://www.demomix.se/demofiler/fadepage.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Mixning</title> ......... <body> <script type="text/javascript"> if(document && document.body)document.body.style.visibility='hidden'; </script> <body background="http://www.demomix.se/demofiler/browsertexture.jpg"; onbeforeunload=""> ____________________________________________ Jag har inte medvetet ändrat något sedan allt fungerade perfekt, så det måste blitt nå fel. Vet att jag ändrade huvudsidans bakgrund från den ljusa texturen till den mörka, och det är den som blinakr igenom ibland när man klickar i menyn. Så det kan ju vara så att det inte fungerade tidigare heller, men att den ljusa texturen bakom iframen gjorde att blinket såg ut att vara en del av faden. Skulle förståss kunna sätta ett object baom iframen med den ljusa texturen, men det känns som plan B, efter att du kollat igenom det jag postade nyss. Tusen tack... /Erik | Förresten, med de röda punkterna på menyn: Prova att ta bort koden jag skrev om, och i slutet på CSS-filen lägga: #roll .sub li { color:red; list-style-type:disc; } Detta verkar vara det som ska fungera, men mystiskt nog får jag inte upp något när jag ändrar i Firebug... Kanske en Firefox bug? Hur som helst kan du prova det och se om det fungerar. Simon | Jag öppnade iframen i Firebug, och såg på CSS-displayen att main-content-divet hade z-index:30, vilket då hamnade ovanför fade-divet med z-index:0. Firebug är alltid bra :) Simon |
|
|