Bryonmathf

Thanks @jessedw44 for this information!

Yes, agreed.

I decided to use HoneyPot for Contact Form 7 to add protection against Bots. This seems to be working well.

Not sure,

but if the menus you don’t want to have ajax loading link to pages separate from the menu you do want ajax loading – you could put the prior into a subfolder and have an exception in the href ignore list for that subfolder.

I solved this,

Here is a demo – https://schillings.huntingtonwebdesign.com/

3 easy steps in the file advanced-ajax-page-loader/ajax-page-loader.js

1) is set fadeout from “slow” to 0
2) is set fadein from “slow” to 0
3) is comment out the line document.getElementById(AAPL_content).innerHTML = AAPL_loading_code;

Original Code looks like,

————————————————-
//start changing the page content.
jQuery(‘#’ + AAPL_content).fadeOut(“slow”, function() {
//See the below – NEVER TRUST jQuery to sort ALL your problems – this breaks Ie7 + 8 ??
//jQuery(‘#’ + AAPL_content).html(AAPL_loading_code);

//Nothing like good old pure JavaScript…
document.getElementById(AAPL_content).innerHTML = AAPL_loading_code;

jQuery(‘#’ + AAPL_content).fadeIn(“slow”, function() {
————————————————-

New code looks like this,

————————————————-
//start changing the page content.
jQuery(‘#’ + AAPL_content).fadeOut(0, function() {
//See the below – NEVER TRUST jQuery to sort ALL your problems – this breaks Ie7 + 8 ??
//jQuery(‘#’ + AAPL_content).html(AAPL_loading_code);

//Nothing like good old pure JavaScript…
//document.getElementById(AAPL_content).innerHTML = AAPL_loading_code;

jQuery(‘#’ + AAPL_content).fadeIn(0, function() {
————————————————-

It was very simple, needed to ‘reinclude’ jquery js file

jQuery( “#puff” ).show( “fade”, {percent:100}, 6000 );
jQuery.ajax({ url: ‘../wp-content/themes/twentytwelve/js/jquery-1.9.1.js’, dataType: ‘script’, cache:true});

Strange,

Mine avoids that problem simply through having the div surrounding the Content Element Id with the background color I wanted.

My Content Element Id is primary, and the background color behind it never changes to white but stays rgb(204, 207, 212)..

Css

.content-wrapper {
position: absolute;
top: 0;
left: 18%;
height: 100%;
width: 82%;
background: rgb(204, 207, 212);
}

.site-content {
margin: 2% 10% 0 10%;
height: 90%;
}

Html

<div class=”content-wrapper”>
<div id=”primary” class=”site-content” style=”display: block;”>
More content here
</div>
</div>

If you do have all backgrounds of all divs as black, the only thing I could think is that your Content Element Id is the top-most div? Then while the content is being fetched there is no div behind that one to have a fall back color. To fix that, simply make another div around your Content Element Id that just has background: #000;

You could put onclick=”location.href=’mysite.com’; into each href aiming to your homepage.

Hi,

Did you ever figure this out? I am just about to start working on the exact same project.

Yo I got this working for me…

I guess there is a bug in WordPress,

The page I set as the post page would only use the first sidebar I created (no matter what sidebar I set for it). Of course I had created 5 or 6 to play around, and decided to put the 6th one on all of my pages.

So to get around this I had to make the first sidebar I created look like the 6th, then set each page to use the first sidebar.

Hope that helps,

Bryon

I tried opening your site to take a look, but couldn’t get there.

I’m having a similar problem where my sidebar widgets work fine on all pages, except the blog page – on this page my email subscribe form doesn’t appear.

https://www.glenncartermusic.com