Aion Status in webpage

[nitrotrike]

That's because I put a 1% shift on the body background position, and to my amazement, the thin left flickering bar is gone. I pretty much stumbled onto it by editing the wrong area lol.

Now, all I need to do if put up the scroll / old paper background that he wants, and start fighting again.

Do you know if I should be using a gif or a png for this?

[IchBin]

It shouldn't matter if you're using a gif or a png8. If you're using a png24 with alpha transparency, browsers like IE6 can't handle it and will show a block of gray color where the transparency is. So if you don't care about users who are using IE6, I would just use png24. Otherwise, it shouldn't matter which gif or png8.

[nitrotrike]

Great, I finally got it to where everyone is happy...

But.. how would I put a "next refresh in ** seconds" under it, yet in the same border?

I tried a few javascript refresh scripts, but it refreshes the whole page, which is bad when someone is in the middle or reading something, etc. I only want it to show the countdown timer for the iframe.

I should probably just leave well enough alone at this point...

[Freddy]

I don't have anything to suggest - any javascript you use for refreshing needs to go in the page you reference with the iframe though, not in your main page...

If everyone is happy, then I would leave it be..

[nitrotrike]

I agree. But there's a part of me that can never leave anything alone.

It's been a problem since childhood lol

So you're saying I can put the script IN the iframe itself?

This is the script I want to display the count down timer:

<script language="JavaScript">

//Refresh page script- By Brett Taylor (glutnix@yahoo.com.au)
//Modified by Dynamic Drive for NS4, NS6+
//Visit http://www.dynamicdrive.com for this script

//configure refresh interval (in seconds)
var countDownInterval=60;
//configure width of displayed text, in px (applicable only in NS4)
var c_reloadwidth=200

</script>


<ilayer id="c_reload" width=&{c_reloadwidth}; ><layer id="c_reload2" width=&{c_reloadwidth}; left=0 top=0></layer></ilayer>

<script>

var countDownTime=countDownInterval+1;
function countDown(){
countDownTime--;
if (countDownTime <=0){
countDownTime=countDownInterval;
clearTimeout(counter)
window.location.reload()
return
}
if (document.all) //if IE 4+
document.all.countDownText.innerText = countDownTime+" ";
else if (document.getElementById) //else if NS6+
document.getElementById("countDownText").innerHTML=countDownTime+" "
else if (document.layers){ //CHANGE TEXT BELOW TO YOUR OWN
document.c_reload.document.c_reload2.document.write('Next <a href="javascript:window.location.reload()">refresh</a> in <b id="countDownText">'+countDownTime+' seconds')
document.c_reload.document.c_reload2.document.close()
}
counter=setTimeout("countDown()", 1000);
}

function startit(){
if (document.all||document.getElementById) //CHANGE TEXT BELOW TO YOUR OWN
document.write('Next <a href="javascript:window.location.reload()">refresh</a> in <b id="countDownText">'+countDownTime+' seconds')
countDown()
}

if (document.all||document.getElementById)
startit()
else
window.onload=startit

</script>

[Freddy]

Sorry javascript is not my thing - maybe someone else can help.  Like I said, I would look to refresh the aion page that is displayed in the iframe, rather than the page it is in.

[nitrotrike]

No problem.

I'm sure there's an easier way to do this, I just don't know how =]

The reason I want to display a countdown, is people aren't sure if the countdown started when they went to the page or if they just have to wait. Does that make sense? Even though it's only 30 seconds, it seems to be causing confusion.