Solved

Page not loading properly

Posted on 2016-10-23
15
63 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 8
  • 7
15 Comments
 
LVL 43

Expert Comment

by:Rob
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 43

Expert Comment

by:Rob
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
Salesforce Has Never Been Easier

Improve and reinforce salesforce training & adoption using WalkMe's digital adoption platform. Start saving on costly employee training by creating fast intuitive Walk-Thrus for Salesforce. Claim your Free Account Now

 

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 43

Expert Comment

by:Rob
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 43

Expert Comment

by:Rob
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
 

Author Comment

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

Expert Comment

by:Rob
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 43

Expert Comment

by:Rob
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 43

Accepted Solution

by:
Rob 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 43

Expert Comment

by:Rob
ID: 41857810
Excellent! :) glad I could help
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

This article discusses how to create an extensible mechanism for linked drop downs.
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

635 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