PDA

View Full Version : Page Jump Help!


myke224
05-30-2008, 04:16 AM
I used PVII layout designer on my site to center page. I get the ugly page jump on load. I read to use hide/ show layers to correct this but I cannot figure out how to use it . Can't get it to work. Can someone step me through this? I'm a real newbie and know very little code. Thanks in advance for your help!
http://www.chhspantherfootball.org/MIKE/Panthers%20Football%20Site/index.html

davidj
05-30-2008, 06:03 AM
Welcome myke

ok here you go

just after your body tag you will see a div called <div id="apDiv1"

add the following code to that div so it looks like this

<div id="apDiv1" style="display:none">

if you run the page now the site should be invisible... try it

ok lets sort this

inside your script tags navigate to the very bottom (just above the </script>)

lets add a function which will display the site once loaded


function display(){

div = document.getElementById('apDiv1'); //<< assign the div we want to target to a variable

div.style.display = "block"; // << turn the div display to on

}
window.onload = display; // << call the function only when the page has fully loaded



tis done.

davidj
05-30-2008, 07:49 AM
in answer to your pm

look for the first script tag in the page


<script type="text/javascript">
<!--

**** Paste function here ****

myke224
05-30-2008, 08:34 AM
Thanks David, don't know why I can't get this to work, followed your directions , the page disappears but will not reload.

davidj
05-30-2008, 10:27 AM
post your code

myke224
05-30-2008, 12:12 PM
</style>
<script type="text/javascript">

div = document.getElementById('apDiv1'); //<< assign the div we want to target to a variable

div.style.display = "block"; // << turn the div display to on

}
window.onload = display; // << call the function only when the page has fully loaded
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function P7_getWD(tDim){ //v2.6 by PVII
var sh=0,sw=0,rt=0;if(window.innerWidth){sh=window.inn erHeight;sw=window.innerWidth;
}else if(document.body){sh=document.body.clientHeight;sw =document.body.clientWidth;
if(document.body.offsetHeight==sh&&document.documentElement&&document.documentElement.clientHeight){
sh=document.documentElement.clientHeight;}
if(document.body.offsetWidth==sw&&document.documentElement&&document.documentElement.clientWidth) {
sw=document.documentElement.clientWidth;}}rt=(tDim =="width")?sw:sh;return rt;
}

function P7_getLDims(el) { //v2.6 by PVII
var x,ll=0,tl=0,hh=0,ww=0,wx,g,gg;
if((g=MM_findObj(el))!=null){gg=(document.layers)? g:g.style;ll=parseInt(gg.left);
tt=parseInt(gg.top);if(isNaN(ll)){if(g.currentStyl e){ll=parseInt(g.currentStyle.left);
}else if(document.defaultView&&document.defaultView.getComputedStyle){
ll=parseInt(document.defaultView.getComputedStyle( g,"").getPropertyValue("left"));
}if(isNaN(ll)){ll=0;}}if(isNaN(tt)){if(g.currentSt yle){tt=parseInt(g.currentStyle.top);
}else if(document.defaultView&&document.defaultView.getComputedStyle){
tt=parseInt(document.defaultView.getComputedStyle( g,"").getPropertyValue("top"));}if(isNaN(tt)){tt=0;}}
if(document.all||document.getElementById){ww=parse Int(g.offsetWidth);hh=parseInt(g.offsetHeight);
if(!ww){ww=parseInt(g.style.pixelWidth);if(!ww){ww =parseInt(g.style.width);}}if(!hh){
hh=parseInt(g.style.pixelHeight);}if(g.hasChildNod es&&g.childNodes){for(x=0;x<g.childNodes.length;x++){
wx=parseInt(g.childNodes[x].offsetWidth);if(wx>ww){ww=wx;}}}}else if(document.layers){
ww=parseInt(g.clip.width);hh=parseInt(g.clip.heigh t);}}var aR=[ll,tt,hh,ww];return aR;
}

function P7_alignRR() { //v2.6 by PVII
var i;if(!document.p7alignRR) {return;}if(document.layers){
if(innerWidth!=document.p7RRiw || innerHeight!=document.p7RRih){location.reload();}
}else{document.p7RR=1;for(i=0;i<p7aRR.length;i++){eval(p7aRR[i]);}document.p7RR=0;}
}

function P7_alignWD2() { //v2.6 by PVII
var g,gg,lp=0,tp=0,aL,lh,lw,ww,wh,pa='px',args=P7_alig nWD2.arguments;if(document.layers||window.opera){p a='';}
for(var i=0;i<args.length;i+=4){if((g=MM_findObj(args[i]))!=null){gg=(document.layers)?g:g.style;
mm=parseInt(args[i+1]);mr=parseInt(args[i+2]);ml=parseInt(args[i+3]);ww=parseInt(P7_getWD('width'));
wh=parseInt(P7_getWD('height'));aL=P7_getLDims(arg s[i]);lh=aL[2];lw=aL[3];tp=aL[1];lp=aL[0];
if(mm==1){lp=mr;}if(mm==2){lp=parseInt((ww-lw-mr)/2);if(lp<0){lp=0;}}if(mm==3){lp=ww-lw-mr;if(lp<ml){lp=ml;}}
if(mm==4){tp=parseInt((wh-lh-mr)/2);if(tp<0){tp=0;}}if(mm==5){tp=parseInt((wh-lh)/2);lp=parseInt((ww-lw)/2);
if((lp-mr)<=0){lp=mr;}if((tp-ml)<=0){tp=ml;}}if(mm==6){tp=wh-lh-mr;}gg.top=tp+pa;gg.left=lp+pa;
if(!document.p7alignRR){p7aRR=new Array();document.p7alignRR=true;document.p7RR=0;
if(document.layers){document.p7RRiw=innerWidth;doc ument.p7RRih=innerHeight;}onresize=P7_alignRR;}
if(document.p7RR==0){p7aRR[p7aRR.length]="P7_alignWD2('"+args[i]+"',"+mm+","+mr+","+ml+")";}}}
}

function P7_hideEl(evt) { //v1.7 by PVII-www.projectseven.com
var b,r,m=false;if(document.layers){b=evt.target;if(b. p7aHide){
b.visibility="hidden";}else{routeEvent(evt);}
}else if(document.all&&!window.opera){b=event.srcElement;while(b){
if(b.p7aHide){break;}b=b.parentElement;}if(!b.cont ains(event.toElement)){
b.style.visibility="hidden";}}else if(document.getElementById){
b=evt.currentTarget;r=evt.relatedTarget;while(r){i f(b==r){m=true;
break;}r=r.parentNode;}if(!m){b.style.visibility="hidden";}}
}

function P7_autoHide() { //v1.7 by PVII-www.projectseven.com
var i,g;for(i=0;i<arguments.length;i++){
if((g=MM_findObj(arguments[i]))!=null){g.p7aHide=true;if(document.layers){
g.captureEvents(Event.MOUSEOUT);}
if(g.addEventListener){g.addEventListener("mouseout",P7_hideEl,true);
}else if(g.attachEvent){g.attachEvent("onmouseout",P7_hideEl);
}else{g.onmouseout=P7_hideEl;}}}
}
//-->
</script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body onload="P7_alignWD2('apDiv1',5,0,0)">
<div id="apDiv1 "style="display:none">
<div id="apDiv7">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','919','heigh t','200','src','Media/newestbannersparkle','quality','high','pluginspage ','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','Media/newestbannersparkle' ); //end AC code

</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="919" height="200">
<param name="movie" value="Media/newestbannersparkle.swf" />
<param name="quality" value="high" />
<embed src="Media/newestbannersparkle.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="919" height="200"></embed>
</object>
</noscript>
</div>
<div id="mpod">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','880','height ','65','id','CC2073687','align','middle','src','my menu','quality','high','bgcolor','#ffffff','name', 'CoffeeCup','scale','noscale','salign','lt','plugi nspage','http://www.macromedia.com/go/getflashplayer','movie','mymenu' ); //end AC code
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
width="880" height="65" id="CC2073687" align="middle">
<param name="movie" value="mymenu.swf"/>
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
<param name="bgcolor" value="#ffffff" />
<embed src="mymenu.swf" quality="high" bgcolor="#ffffff" width="880" height="65"
name="CoffeeCup" scale="noscale" salign="lt" align="middle" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>
</noscript>
</div>
<div id="showpod">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','300','heigh t','404','src','Media/pantherslideshow','quality','high','pluginspage',' http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','Media/pantherslideshow' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="300" height="404">
<param name="movie" value="Media/pantherslideshow.swf" />
<param name="quality" value="high" />
<embed src="Media/pantherslideshow.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="300" height="404"></embed>
</object>
</noscript>
</div>
<div id="welcmepod">
<div id="innertxtpod">
<div align="center">Welcome to the Home of the<br />
2008 Colleyville Heritage Panthers!<br />
<br />
We hope you like our new website.<br />
Feel free to browse around the site and check out the content, photos and information.<br />
<br />
Please visit our sponsor page and support those who support us!<br />
<br />
Check out the Booster Club page for information on joining.<br />
We are looking forward to a great season and would love to have you join the<span class="style3"> <br />
<span class="style6">PANTHER NATION!</span></span> <br />
<br />
Check the <a href="information.html" class="style10">Information Page</a> for the latest updates on Panther happenings.</div>
</div>
<img src="Images/Newstxt.png" width="286" height="30" /></div>
<div id="calendarpod">
<div id="sched"><a href="sevenon7.html" class="style7">7 on 7 Schedule</a><br />
<a href="Schedule.html" target="_parent" class="style7">Varsity Schedule</a><br />
<a href="Schedule.html" target="_parent" class="style7">JV Schedule</a><br />
<a href="Schedule.html" target="_parent" class="style7">Freshman Schedule</a><br />
<br />
<img src="Images/varsitygamelogo.jpg" width="188" height="28" /><br />
<span class="style9">September 1st</span> <span class="style9">6:00 pm</span><br />
<span class="style9">Clovis, CA</span> <span class="style9">@Texas</span> <span class="style9">Stadium</span><br />
</div>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','200','height ','220','id','CC6334684','align','middle','src','P anthercalendar','quality','high','bgcolor','0C0C0C ','flashvars','ww=200&hh=220','name','CC6334684','salign','lt','pluginsp age','http://www.macromedia.com/go/getflashplayer','movie','Panthercalendar' ); //end AC code
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
width="200" height="220" id="CC6334684" align="middle">
<param name="movie" value="Panthercalendar.swf"/>
<param name="quality" value="high" />
<param name="FlashVars" value="ww=200&hh=220"/>
<param name="salign" value="lt" />
<param name="bgcolor" value="0C0C0C" />
<embed src="Panthercalendar.swf" quality="high" bgcolor="0C0C0C" width="200" height="220"
flashvars="ww=200&hh=220" name="CC6334684" salign="lt" align="middle" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>
</div>
<div id="footpod">
<div id="wxbug">
<script type="text/javascript" src="http://widgetserver.com/syndication/subscriber/InsertWidget.js?appId=6d132092-5cec-4a1d-a180-7f188725c4e2"></script><noscript>Get the <a href="http://www.widgetbox.com/widget/liveweather">Simple Weather</a> widget and many other <a href="http://www.widgetbox.com/galleryhome/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>!</noscript>
</div>
<div id="currentinfo">CURRENT INFORMATION</div>
<div id="citxt">
<div id="copyright">Copyright &copy; 2008 CHHS Football Booster Club<br />
Last Updated
<!-- #BeginDate format:Am1a -->May 30, 2008 3:32 AM<!-- #EndDate --></div>
<div align="center">
<p>7 on 7 schedules are posted. Detailed information concerning the 7 week summer STRENGTH &amp; CONDITIONING Camp and Coach Fuller's summer football camps are available on the <a href="information.html" target="_blank" class="style7"> Information page</a> .<br />
Be sure to check the interactive Panther Calendar. Clicking the highlighted dates will display schedule info, etc.</p>
<p>&nbsp;</p>
</div>
</div>
<p>&nbsp;</p>
</div>

</body>
</html>

davidj
05-30-2008, 01:10 PM
ok mate

when i give instruction you have to follow what i say

you only pasted part of what i told you to paste

remove what you pasted and follow my instruction again

myke224
05-30-2008, 02:51 PM
Sorry to be a pain, thanks for your help. Heres the new code, still won' reload.


-->
</style>
<script type="text/javascript">
<!--
function display(){

div = document.getElementById('apDiv1'); //<< assign the div we want to target to a variable

div.style.display = "block"; // << turn the div display to on

}
window.onload = display; // << call the function only when the page has fully loaded

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function P7_getWD(tDim){ //v2.6 by PVII
var sh=0,sw=0,rt=0;if(window.innerWidth){sh=window.inn erHeight;sw=window.innerWidth;
}else if(document.body){sh=document.body.clientHeight;sw =document.body.clientWidth;
if(document.body.offsetHeight==sh&&document.documentElement&&document.documentElement.clientHeight){
sh=document.documentElement.clientHeight;}
if(document.body.offsetWidth==sw&&document.documentElement&&document.documentElement.clientWidth) {
sw=document.documentElement.clientWidth;}}rt=(tDim =="width")?sw:sh;return rt;
}

function P7_getLDims(el) { //v2.6 by PVII
var x,ll=0,tl=0,hh=0,ww=0,wx,g,gg;
if((g=MM_findObj(el))!=null){gg=(document.layers)? g:g.style;ll=parseInt(gg.left);
tt=parseInt(gg.top);if(isNaN(ll)){if(g.currentStyl e){ll=parseInt(g.currentStyle.left);
}else if(document.defaultView&&document.defaultView.getComputedStyle){
ll=parseInt(document.defaultView.getComputedStyle( g,"").getPropertyValue("left"));
}if(isNaN(ll)){ll=0;}}if(isNaN(tt)){if(g.currentSt yle){tt=parseInt(g.currentStyle.top);
}else if(document.defaultView&&document.defaultView.getComputedStyle){
tt=parseInt(document.defaultView.getComputedStyle( g,"").getPropertyValue("top"));}if(isNaN(tt)){tt=0;}}
if(document.all||document.getElementById){ww=parse Int(g.offsetWidth);hh=parseInt(g.offsetHeight);
if(!ww){ww=parseInt(g.style.pixelWidth);if(!ww){ww =parseInt(g.style.width);}}if(!hh){
hh=parseInt(g.style.pixelHeight);}if(g.hasChildNod es&&g.childNodes){for(x=0;x<g.childNodes.length;x++){
wx=parseInt(g.childNodes[x].offsetWidth);if(wx>ww){ww=wx;}}}}else if(document.layers){
ww=parseInt(g.clip.width);hh=parseInt(g.clip.heigh t);}}var aR=[ll,tt,hh,ww];return aR;
}

function P7_alignRR() { //v2.6 by PVII
var i;if(!document.p7alignRR) {return;}if(document.layers){
if(innerWidth!=document.p7RRiw || innerHeight!=document.p7RRih){location.reload();}
}else{document.p7RR=1;for(i=0;i<p7aRR.length;i++){eval(p7aRR[i]);}document.p7RR=0;}
}

function P7_alignWD2() { //v2.6 by PVII
var g,gg,lp=0,tp=0,aL,lh,lw,ww,wh,pa='px',args=P7_alig nWD2.arguments;if(document.layers||window.opera){p a='';}
for(var i=0;i<args.length;i+=4){if((g=MM_findObj(args[i]))!=null){gg=(document.layers)?g:g.style;
mm=parseInt(args[i+1]);mr=parseInt(args[i+2]);ml=parseInt(args[i+3]);ww=parseInt(P7_getWD('width'));
wh=parseInt(P7_getWD('height'));aL=P7_getLDims(arg s[i]);lh=aL[2];lw=aL[3];tp=aL[1];lp=aL[0];
if(mm==1){lp=mr;}if(mm==2){lp=parseInt((ww-lw-mr)/2);if(lp<0){lp=0;}}if(mm==3){lp=ww-lw-mr;if(lp<ml){lp=ml;}}
if(mm==4){tp=parseInt((wh-lh-mr)/2);if(tp<0){tp=0;}}if(mm==5){tp=parseInt((wh-lh)/2);lp=parseInt((ww-lw)/2);
if((lp-mr)<=0){lp=mr;}if((tp-ml)<=0){tp=ml;}}if(mm==6){tp=wh-lh-mr;}gg.top=tp+pa;gg.left=lp+pa;
if(!document.p7alignRR){p7aRR=new Array();document.p7alignRR=true;document.p7RR=0;
if(document.layers){document.p7RRiw=innerWidth;doc ument.p7RRih=innerHeight;}onresize=P7_alignRR;}
if(document.p7RR==0){p7aRR[p7aRR.length]="P7_alignWD2('"+args[i]+"',"+mm+","+mr+","+ml+")";}}}
}
function P7_autoLayers() { //v1.5 by PVII
var g,b,k,f,u,k,j,args=P7_autoLayers.arguments,a=parse Int(args[0]);if(isNaN(a))a=0;
if(!document.p7setc){p7c=new Array();document.p7setc=true;for(u=0;u<10;u++){
p7c[u]=new Array();}}for(k=0;k<p7c[a].length;k++){if((g=MM_findObj(p7c[a][k]))!=null){
b=(document.layers)?g:g.style;b.visibility="hidden";}}for(k=1;k<args.length;k++){
if((g=MM_findObj(args[k]))!=null){b=(document.layers)?g:g.style;b.visibili ty="visible";f=false;
for(j=0;j<p7c[a].length;j++){if(args[k]==p7c[a][j]) {f=true;}}
if(!f){p7c[a][p7c[a].length++]=args[k];}}}
}
//-->
</script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body onload="P7_alignWD2('apDiv1',5,100,100);P7_alignWD2('apDiv 1',5,0,0)">
<div id="apDiv1" style="display:none">
<div id="apDiv7">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','919','heigh t','200','src','Media/newestbannersparkle','quality','high','pluginspage ','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','Media/newestbannersparkle' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="919" height="200">
<param name="movie" value="Media/newestbannersparkle.swf" />
<param name="quality" value="high" />
<embed src="Media/newestbannersparkle.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="919" height="200"></embed>
</object>
</noscript>
</div>
<div id="mpod">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','name','CC7301970','w idth','869','height','65','align','middle','id','C C7301970','src','mymenu','quality','high','bgcolor ','#ffffff','scale','noscale','salign','lt','plugi nspage','http://www.macromedia.com/go/getflashplayer','movie','mymenu' ); //end AC code
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
width="880" height="65" id="CC193070" align="middle">
<param name="movie" value="mymenu.swf"/>
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
<param name="bgcolor" value="#ffffff" />
<embed src="mymenu.swf" quality="high" bgcolor="#ffffff" width="880" height="65"
name="CoffeeCup" scale="noscale" salign="lt" align="middle" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>
</noscript>
</div>
<div id="showpod">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','300','heigh t','404','src','Media/pantherslideshow','quality','high','pluginspage',' http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','Media/pantherslideshow' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="300" height="404">
<param name="movie" value="Media/pantherslideshow.swf" />
<param name="quality" value="high" />
<embed src="Media/pantherslideshow.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="300" height="404"></embed>
</object>
</noscript>
</div>
<div id="welcmepod">
<div id="innertxtpod">
<div align="center">Welcome to the Home of the<br />
2008 Colleyville Heritage Panthers!<br />
<br />
We hope you like our new website.<br />
Feel free to browse around the site and check out the content, photos and information.<br />
<br />
Please visit our sponsor page and support those who support us!<br />
<br />
Check out the Booster Club page for information on joining.<br />
We are looking forward to a great season and would love to have you join the<span class="style3"> <br />
<span class="style6">PANTHER NATION!</span></span> <br />
<br />
Check the <a href="information.html" class="style10">Information Page</a> for the latest updates on Panther happenings.</div>
</div>
<img src="Images/Newstxt.png" width="286" height="30" /></div>
<div id="calendarpod">
<div id="sched"><a href="sevenon7.html" class="style7">7 on 7 Schedule</a><br />
<a href="Schedule.html" target="_parent" class="style7">Varsity Schedule</a><br />
<a href="Schedule.html" target="_parent" class="style7">JV Schedule</a><br />
<a href="Schedule.html" target="_parent" class="style7">Freshman Schedule</a><br />
<br />
<img src="Images/varsitygamelogo.jpg" width="188" height="28" /><br />
<span class="style9">September 1st</span> <span class="style9">6:00 pm</span><br />
<span class="style9">Clovis, CA</span> <span class="style9">@Texas</span> <span class="style9">Stadium</span><br />
</div>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','200','height ','220','id','CC6334684','align','middle','src','P anthercalendar','quality','high','bgcolor','0C0C0C ','flashvars','ww=200&hh=220','name','CC6334684','salign','lt','pluginsp age','http://www.macromedia.com/go/getflashplayer','movie','Panthercalendar' ); //end AC code
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
width="200" height="220" id="CC6334684" align="middle">
<param name="movie" value="Panthercalendar.swf"/>
<param name="quality" value="high" />
<param name="FlashVars" value="ww=200&hh=220"/>
<param name="salign" value="lt" />
<param name="bgcolor" value="0C0C0C" />
<embed src="Panthercalendar.swf" quality="high" bgcolor="0C0C0C" width="200" height="220"
flashvars="ww=200&hh=220" name="CC6334684" salign="lt" align="middle" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>
</div>
<div id="footpod">
<div id="wxbug">
<script type="text/javascript" src="http://widgetserver.com/syndication/subscriber/InsertWidget.js?appId=6d132092-5cec-4a1d-a180-7f188725c4e2"></script><noscript>Get the <a href="http://www.widgetbox.com/widget/liveweather">Simple Weather</a> widget and many other <a href="http://www.widgetbox.com/galleryhome/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>!</noscript>
</div>
<div id="currentinfo">CURRENT INFORMATION</div>
<div id="citxt">
<div id="copyright">Copyright &copy; 2008 CHHS Football Booster Club<br />
Last Updated
<!-- #BeginDate format:Am1a -->May 30, 2008 9:49 AM<!-- #EndDate --></div>
<div align="center">
<p>7 on 7 schedules are posted. Detailed information concerning the 7 week summer STRENGTH &amp; CONDITIONING Camp and Coach Fuller's summer football camps are available on the <a href="information.html" target="_blank" class="style7"> Information page</a> .<br />
Be sure to check the interactive Panther Calendar. Clicking the highlighted dates will display schedule info, etc.</p>
<p>&nbsp;</p>
</div>
</div>
<p>&nbsp;</p>
</div>

</body>
</html>

myke224
05-31-2008, 06:11 PM
Above code is what I'm presently using, however I still get the jump.

davidj
05-31-2008, 06:40 PM
does the site display

if you were to comment out the function call does the site remain invisible

myke224
06-01-2008, 02:48 AM
Yes the site remains invisible. Does not load.

davidj
06-01-2008, 09:04 AM
Mmm

this coul be a bug in the extensions you have used.

my function was to hide the content while it loaded and once loaded would make it appear. The shift would happen whilst it was hidden

davidj
06-01-2008, 09:11 AM
ok

try this

remove the window.onload=display line from my function

and add this

where you have the body tag add the code ;display() so it looks like this

<body onload="P7_alignWD2('apDiv1',5,100,100);P7_alignWD2('apDiv 1',5,0,0); display()">

myke224
06-01-2008, 07:58 PM
OK that works , except the page does not center it stays to the left of the screen. It hides layers until they load but does not center the page.

Thanks

Mike

Code

}
-->
</style>
<script type="text/javascript">
<!--
function display(){
div = document.getElementById('apDiv1'); //<< assign the div we want to target to a variable
div.style.display = "block"; // << turn the div display to on

}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function P7_getWD(tDim){ //v2.6 by PVII
var sh=0,sw=0,rt=0;if(window.innerWidth){sh=window.inn erHeight;sw=window.innerWidth;
}else if(document.body){sh=document.body.clientHeight;sw =document.body.clientWidth;
if(document.body.offsetHeight==sh&&document.documentElement&&document.documentElement.clientHeight){
sh=document.documentElement.clientHeight;}
if(document.body.offsetWidth==sw&&document.documentElement&&document.documentElement.clientWidth) {
sw=document.documentElement.clientWidth;}}rt=(tDim =="width")?sw:sh;return rt;
}

function P7_getLDims(el) { //v2.6 by PVII
var x,ll=0,tl=0,hh=0,ww=0,wx,g,gg;
if((g=MM_findObj(el))!=null){gg=(document.layers)? g:g.style;ll=parseInt(gg.left);
tt=parseInt(gg.top);if(isNaN(ll)){if(g.currentStyl e){ll=parseInt(g.currentStyle.left);
}else if(document.defaultView&&document.defaultView.getComputedStyle){
ll=parseInt(document.defaultView.getComputedStyle( g,"").getPropertyValue("left"));
}if(isNaN(ll)){ll=0;}}if(isNaN(tt)){if(g.currentSt yle){tt=parseInt(g.currentStyle.top);
}else if(document.defaultView&&document.defaultView.getComputedStyle){
tt=parseInt(document.defaultView.getComputedStyle( g,"").getPropertyValue("top"));}if(isNaN(tt)){tt=0;}}
if(document.all||document.getElementById){ww=parse Int(g.offsetWidth);hh=parseInt(g.offsetHeight);
if(!ww){ww=parseInt(g.style.pixelWidth);if(!ww){ww =parseInt(g.style.width);}}if(!hh){
hh=parseInt(g.style.pixelHeight);}if(g.hasChildNod es&&g.childNodes){for(x=0;x<g.childNodes.length;x++){
wx=parseInt(g.childNodes[x].offsetWidth);if(wx>ww){ww=wx;}}}}else if(document.layers){
ww=parseInt(g.clip.width);hh=parseInt(g.clip.heigh t);}}var aR=[ll,tt,hh,ww];return aR;
}

function P7_alignRR() { //v2.6 by PVII
var i;if(!document.p7alignRR) {return;}if(document.layers){
if(innerWidth!=document.p7RRiw || innerHeight!=document.p7RRih){location.reload();}
}else{document.p7RR=1;for(i=0;i<p7aRR.length;i++){eval(p7aRR[i]);}document.p7RR=0;}
}

function P7_alignWD2() { //v2.6 by PVII
var g,gg,lp=0,tp=0,aL,lh,lw,ww,wh,pa='px',args=P7_alig nWD2.arguments;if(document.layers||window.opera){p a='';}
for(var i=0;i<args.length;i+=4){if((g=MM_findObj(args[i]))!=null){gg=(document.layers)?g:g.style;
mm=parseInt(args[i+1]);mr=parseInt(args[i+2]);ml=parseInt(args[i+3]);ww=parseInt(P7_getWD('width'));
wh=parseInt(P7_getWD('height'));aL=P7_getLDims(arg s[i]);lh=aL[2];lw=aL[3];tp=aL[1];lp=aL[0];
if(mm==1){lp=mr;}if(mm==2){lp=parseInt((ww-lw-mr)/2);if(lp<0){lp=0;}}if(mm==3){lp=ww-lw-mr;if(lp<ml){lp=ml;}}
if(mm==4){tp=parseInt((wh-lh-mr)/2);if(tp<0){tp=0;}}if(mm==5){tp=parseInt((wh-lh)/2);lp=parseInt((ww-lw)/2);
if((lp-mr)<=0){lp=mr;}if((tp-ml)<=0){tp=ml;}}if(mm==6){tp=wh-lh-mr;}gg.top=tp+pa;gg.left=lp+pa;
if(!document.p7alignRR){p7aRR=new Array();document.p7alignRR=true;document.p7RR=0;
if(document.layers){document.p7RRiw=innerWidth;doc ument.p7RRih=innerHeight;}onresize=P7_alignRR;}
if(document.p7RR==0){p7aRR[p7aRR.length]="P7_alignWD2('"+args[i]+"',"+mm+","+mr+","+ml+")";}}}
}
function P7_autoLayers() { //v1.5 by PVII
var g,b,k,f,u,k,j,args=P7_autoLayers.arguments,a=parse Int(args[0]);if(isNaN(a))a=0;
if(!document.p7setc){p7c=new Array();document.p7setc=true;for(u=0;u<10;u++){
p7c[u]=new Array();}}for(k=0;k<p7c[a].length;k++){if((g=MM_findObj(p7c[a][k]))!=null){
b=(document.layers)?g:g.style;b.visibility="hidden";}}for(k=1;k<args.length;k++){
if((g=MM_findObj(args[k]))!=null){b=(document.layers)?g:g.style;b.visibili ty="visible";f=false;
for(j=0;j<p7c[a].length;j++){if(args[k]==p7c[a][j]) {f=true;}}
if(!f){p7c[a][p7c[a].length++]=args[k];}}}
}
//-->
</script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body onload="P7_alignWD2('apDiv1',5,100,100);P7_alignWD2('apDiv 1',5,0,0); display()">
<div id="apDiv1" style="display:none">
<div id="apDiv7">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','920','heigh t','200','src','Media/newestbannersparkle','quality','high','pluginspage ','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','Media/newestbannersparkle' ); //end AC code

davidj
06-01-2008, 08:01 PM
im not sure what the problem is

all i can sugest is that you look at creating a style which centers the main container using margin auto