Solved

Page not loading properly

Posted on 2016-10-23
15
51 Views
Last Modified: 2016-10-24
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.
0
Comment
Question by:DS928
  • 8
  • 7
15 Comments
 
LVL 42

Expert Comment

by:Rob Jurd, EE MVE
ID: 41856375
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
 

Author Comment

by:DS928
ID: 41856382
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
 
LVL 42

Expert Comment

by:Rob Jurd, EE MVE
ID: 41856392
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
 

Author Comment

by:DS928
ID: 41856395
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
 
LVL 42

Expert Comment

by:Rob Jurd, EE MVE
ID: 41856397
Please also post your PHP.  I think that the way you're processing the GET request is causing issues.

e.g.
?a=welcome
0
 
LVL 42

Expert Comment

by:Rob Jurd, EE MVE
ID: 41856398
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
 

Author Comment

by:DS928
ID: 41856399
I've attached the pages for ease of use.
content.html
page.php
wrapper.html
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 

Author Comment

by:DS928
ID: 41856400
its javascript.  wrapper.html is where the player lives.
0
 
LVL 42

Expert Comment

by:Rob Jurd, EE MVE
ID: 41856407
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
 

Author Comment

by:DS928
ID: 41856417
Its on GoDaddy.
admin.php
gopro.html
0
 
LVL 42

Expert Comment

by:Rob Jurd, EE MVE
ID: 41856427
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
 

Author Comment

by:DS928
ID: 41856431
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
 
LVL 42

Accepted Solution

by:
Rob Jurd, EE MVE earned 500 total points
ID: 41857750
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
 

Author Closing Comment

by:DS928
ID: 41857809
Removed that javascript and just did a plain link works fine now.  Thank you.
0
 
LVL 42

Expert Comment

by:Rob Jurd, EE MVE
ID: 41857810
Excellent! :) glad I could help
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

867 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now