Solved

Page not loading properly

Posted on 2016-10-23
15
39 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
Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

 

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

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
jquery, html5 UI 1 49
HTML button disabled 11 36
Populating html form in Sharepoint using JSOM 11 26
Printing a Google Form 2 9
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.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
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…

758 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

19 Experts available now in Live!

Get 1:1 Help Now