Part 17 to 18 issue with array showing up without pressing debug

Hi guys. First off thanks a lot for your great contribution to us outsiders, giving us curious souls something to chew on 😁

Now the issue i have is very annoying... When I get to the part where the debug button needs to be pushed to show hidden array I keep getting the array appearing quick before the page get reloaded. If I press the other nav links the array keeps popping up before reloading the page. I can use the debug button in any attempt an it does hide the array but when I reload the page again the same glich happens.

Now I figured it must be the jquery so I did it three times over to no avail. I then tried to change the jquery but still the same problem. Finally I copied your CSS and jquery to the T but it didn't help any.

What am I doing wrong here? I amusing a remote host. Will try with xampp next.

Hi Asani,

I think what is happening is the css is showing the debug panel a split second before the debug.js runs. You should be able to fix this by adding an inline style to your debug panel.

On debug.php try this code:

Thanks for the quick reply! It worked!!!! But i set the div id of console-debug in the css file to display none...dont have a debug.php or debug.js...but i guess this is what you ment...anyway this is what i did...i this durable?:

#console-debug {
    position:absolute;
    top:50px;
    left:0px;
    width:30%;
    height:700px;
    display:none;    
    }

it worked out but will it be an issue futher down the road? And why is this happening to me and not Alan in the video? And lastly: i assume i should change all the scripts and bootstrap links to the newest?

Much appreciated Jason Mate!!

It might just be the flow of your document. Somewhere on your document you have a jquery function hide() that is hiding the debug panel. The problem you was having is that the browser has to read the entire jquery library first before it can perform that function. I will not hurt anything to keep the style there.

On Mon, May 25, 2015 at 5:33 AM, asani notifications@github.com wrote:

Thanks for the quick reply! It worked!!!! But i set the div id of console-debug in the css file to display none...dont have a debug.php or debug.js...but i guess this is what you ment...anyway this is what i did...i this durable?:

console-debug {
position:absolute;
top:50px;
left:0px;
width:30%;
height:700px;
display:none;
}
it worked out but will it be an issue futher down the road? And why is this happening to me and not Alan in the video? And lastly: i assume i should change all the scripts and bootstrap links to the newest?

Much appreciated Jason Mate!!

— Reply to this email directly or view it on GitHub https://github.com/thedigicraft/Atom.CMS/issues/122#issuecomment-105214607 .

thedigicraft / Atom.CMS

Part 17 to 18 issue with array showing up without pressing debug #122

console-debug {