Refresh code making announce pic dissappear

Hi,

I used the

Code:

<meta http-equiv="refresh" content="60">

to make just my main page refresh so you can see when new posts are posted(our little apples turn green).

Anyway I put that code into AP>>Display>>homepage message content.

It works however when it refreshes, our pics in our announcements disappear. it makes the announcement area so thin you cant see anything here are two screen shots of what its supposed to look like and what refresh does.

this is what site normally looks like


This is what it does when it refreshes


I just wanted to be able to refresh the main page so if your on main page you know if there are new post. Actually I would prefer if the main page only refreshed if there was a new post posted. But either way I dont want our pic to disappear.

Thanks for any help you can give.

Hi, well I visited your forum and it did refresh in 60 seconds, but the scrolling picture did not disappear, it continued like it was supposed to do. So I think you should try it on another browser and see what it does. Why its collapsing for you I do not know. Maybe someone else does, but it worked fine for me. Nice design by the way.

Thank you very much RunawayHorses for both the feed back and the compliment.

It seems to be a chrome thing. I had my mods and other admin tell me what they got and other admin using crome had same issue. Others seem to have no problem that are using other browsers.

If home tab is clicked it does bring the pic back so I guess thats something.

So if this is just a crome issue am I correct in thinking that nothing can be done about it or is there some code that can fix it?
Thanks again

Well there is always a fix for something, but trying to find out why Chrome doesn't like it is a long shot for me, obviously if it works the first time they view it and after the refresh code refreshes the page it collapses suggests some codes are conflicting that Chrome is having a problem with. When they click the Home button it refreshes the page also and you say that is not a problem the page loads fine, so I think you can narrow it down to the refresh code refreshing the page chrome doesn't like. I know that doesn't help much but I think the answer is in the code when it executes its function. Perhaps someone here can help you with this but its not something I am familiar with. So I'll be watching this topic.

Good luck..

Thanks so much RunawayHorses I really appreciate you trying to help me.

If anyone else has any ideas i'm all ears.

do you still have the code in there? i don't see it refreshing and have waited a few min? i had chrome open.

It only refreshes when there is a new post so maybe there was no post so no refresh ^^^

AM99 wrote:It only refreshes when there is a new post so maybe there was no post so no refresh ^^^

Wrong, it refreshes on a timer. (60 seconds)

Hello,

I suggest you add the following code instead:

Code:

<meta http-equiv="Refresh" content="60;url=YOUR FORUM URL HERE" />

You haven't even added the slash for the element to close.

DarkGlow wrote:Hello,

I suggest you add the following code instead:

Code:

<meta http-equiv="Refresh" content="60;url=YOUR FORUM URL HERE" />

You haven't even added the slash for the element to close.

thanks DarkGlow I tried this code and it keep my pics in announcement (yes)however it redirected me to a blank screen first for a couple of seconds before it refreshed. (boo)

Is there a code to just make the main page refresh when a new topic is posted in one of my chat areas?

Kirk, I had taken the code out because it was driving me crazy that my pic kept disappearing Sorry about that.

Code:

<meta http-equiv="refresh" content="60"/>

this code will refresh the current page

Dark glow I was wrong your code also makes my pics disappear.

nextlevelgaming thanks but I tried your code pics still disappear.

what is the code for you "pic" and maybe there is something wrong in general my friend.

My pics are in announcement they scroll across the screen one after the other. I just copied the photo url from photobucket. The pics don't exactly diassapear what happens is the announcement shrinks to like an inch tall so that all you see is the very top of the pics scrolling. I took a screen shot and posted it in one of my above posts.

look into your css and make whatever class that is functioning on this

Code:

z-index:999;

try er out atleast. and maybe a

Code:

display:block;

I'm not a phpbb3 nerd, just a phpbb2 and punbb lol. Though i do know jQuery,CSS,Javascript,and of course HTML5. you don't have template editing so with that being said you'll have to play with css.

nextlevelgaming
this is what I have in css

Code:

.blog_message{display:none;}
.postprofile dl dt a img {
    max-width: 150px;
}.


Sorry but I'm new to coding so I didn't understand what you wanted me to do in css. Did you want me to add those to codes to my css or change one of these code that are currently in my css.

Wiley hold on, ill get the css you need from your site........

ok so what it is that is controlling this is this-

Code:

fa_ticker_content{


so look for that css, if you cannot find it, add it like so

Code:

fa_ticker_content{
z-index:999;
display:block;
}

Just to try er out. I'm not sure if this will fix your problem or not, just a possibility

nextlevelgaming

I tried that code in my css it did not work. thanks for trying.

i believe there is also #fa_ticker

I maintain that I think the problem for chrome is in the refresh code itself, so try using this javascript code and see what happens. Just remove the old refresh code and add this:

Put this part of the code near the top of the page in the head section:

Code:

<script type="text/JavaScript">
<!--
function timedRefresh(timeoutPeriod) {
   setTimeout("location.reload(true);",timeoutPeriod);
}
//  -->
</script>

Add this part in the body:

Code:

<body onload="JavaScript:timedRefresh(60000);">

Or just add the entire code like this if you aren't using head or body tags:

Code:

<script type="text/JavaScript">
<!--
function timedRefresh(timeoutPeriod) {
   setTimeout("location.reload(true);",timeoutPeriod);
}
//  -->
</script>
<body onload="JavaScript:timedRefresh(60000);">

I don't believe this person has template editing honestly. Since his forum on profile says he uses phpbb3



EDIT***

Code:

#fa_ticker_container {
    margin-top: 4px !important;
    overflow: hidden !important;
    position: relative !important;
    width: 100% !important;
    height:500px; (mess with the height to see if setting a variable height will keep the ticker open)
}

sometimes different browsers react to having heights to no heights. So what i did was use firebug to find your css for your ticker, and added height concept.

Runaway Horses and nextlevelgaming thank you both for all the help you.

Runaway Horses I tried your javascript first. One refresh looked fine all other refreshes announcement area shrunk again

nextlevelgaming I tried your css code next. It would refresh properly once or twice but other refreshes it stopped working.

I've decided I will not be using this refresh code for my forum, Its just to much of a pain.

Is there a different type of refresh code one where maybe the main page refreshes only when there is a new post in a topic?

that would require javascript coding which gimme a min and ill trial and error some codes for you

wileycatpp wrote:I've decided I will not be using this refresh code for my forum, Its just to much of a pain.

I'll be honest with you when I say I don't think a refresh code is a good idea anyway, and I'll tell you why. First of all no one is going to sit on your index page waiting for a new reply to suddenly appear, they are going to read the forum or go elsewhere. And secondly every time someone clicks back to the index (home) page it automatically refreshes the page anyway. No one expects new replies to suddenly appear by sitting on the page waiting. It is common to reload the page manually to check and see. Furthermore, it can be a nuisance if someone is reading a page and it suddenly reloads without there consent, they lose the place-mark and concentration.

Just my opinion.

I agree with Runaway 100% I just did not want to down your thought. Honestly my opinion would make a pop up or something, maybe a little news ticker using jQuery that is fixed at top. with a condition of when new post it'll say 1 new post

Yes I see both your points and I'm inclined to agree. Admins thought it would be a good thing to have but that does not seems to be the case lol

Thank you both so much for all your help. I really truly appreciate it.

I am closing this topic. chow