Page not loading properly

Whenever I click on the News link or other links at the bottom of my homepage and it goes to the new page.  The page is not loading properly.  I am missing the links at the bottom as well as the player. If I hit the refresh button they appear.  Same happens when I go back to the home page.  I have to refresh.  Any help is appreciated,  Thank you.  The site.

www.audiodigz.com

I can attach whatever files you request.
DS928Asked:
Who is Participating?
 
RobConnect With a Mentor Owner (Aidellio)Commented:
If it started happening after you added the news section then yes that's where we should focus our efforts :)

Remove that section just to make sure, test it, if the player operates as it should, move it across to the slider.js page
0
 
RobOwner (Aidellio)Commented:
What browser are you using?  Works fine on Chrome on Windows 10

This is the link i clicked: http://audiodigz.com/index.php?a=page&b=news3
0
 
DS928Author Commented:
Same browser. Same windows.  I just tried it as well.  You will notice that the links for Terms of Service, privacy policy, etc are missing as well as the audio player when you go back to the homepage.  You then have to refresh to get em back.  Is something stopping it from loading?
0
Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

 
RobOwner (Aidellio)Commented:
Okay, sure I see the issue, just looking through the code.

The first thing I would try is move all your custom JS to the bottom of the page, just before the </body>

It all seems to be in the right order but depending on how the page loads, the elements could be missed
0
 
DS928Author Commented:
Okay I moved this....
<script>
jQuery(function($) { 
//settings
    var $slider = $('.slider'); // class or id of carousel slider
  	var $slide = 'li'; // could also use 'img' if you're not using a ul
  	var $transition_time = 1000; // 1 second
  	var $time_between_slides = 4000; // 4 seconds

  function slides(){
    return $slider.find($slide);
  }

  slides().fadeOut();

  // set active classes
  slides().first().addClass('active');
  slides().first().fadeIn($transition_time);

  // auto scroll 
  $interval = setInterval(
    function(){
      var $i = $slider.find($slide + '.active').index();

      slides().eq($i).removeClass('active');
      slides().eq($i).fadeOut($transition_time);

      if (slides().length == $i + 1) $i = -1; // loop to start

      slides().eq($i + 1).fadeIn($transition_time);
      slides().eq($i + 1).addClass('active');
    }
    , $transition_time +  $time_between_slides 
  );

});

Open in new window


This is the code I added. Its now at the bottom....still not loading.  I cleared the browser, and restarted.
0
 
RobOwner (Aidellio)Commented:
Please also post your PHP.  I think that the way you're processing the GET request is causing issues.

e.g.
?a=welcome
0
 
RobOwner (Aidellio)Commented:
The elements are different between when the page works and when it doesn't.  The player isn't there as the <div id="sound-player"> isnt in the page.  How is that element inserted? via javascript or PHP?
0
 
DS928Author Commented:
I've attached the pages for ease of use.
content.html
page.php
wrapper.html
0
 
DS928Author Commented:
its javascript.  wrapper.html is where the player lives.
0
 
RobOwner (Aidellio)Commented:
okay... you've got this hosted on Ghost?

I suspect that there's an issue with your template and the templating system (PHP side) is bombing out.  e.g. Do you have the PageMain() function code?

There's also duplicated IDs in the content.html, e.g. <div class="welcome-full" id="welcome-explore"> appears more than once.  IDs should not be duplicated.

Also, do you have the templates for the following as they appear just before the player and could be malformed:
{$go_pro}
{$ad}
0
 
DS928Author Commented:
Its on GoDaddy.
admin.php
gopro.html
0
 
RobOwner (Aidellio)Commented:
Okay, it's definitely looking like it bombs when replacing the {$ad} section of the template.  Where is this done.  Can you test by removing it from content.html so that the last line of content.html is just {$go_pro}
0
 
DS928Author Commented:
Doing it.  Still bombing.  This happened after I placed the News section in and the code for it. Should I move the function from the wrapper page over to the slider.js page?
0
 
DS928Author Commented:
Removed that javascript and just did a plain link works fine now.  Thank you.
0
 
RobOwner (Aidellio)Commented:
Excellent! :) glad I could help
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.