Solved

Page not loading properly

Posted on 2016-10-23
15
60 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 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
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.

 

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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Add or delete table rows 10 54
html border input line 7 16
Phone Does Not Abide By CSS Breakpoint For Navigation Controls 6 22
Send form to asp server side 6 9
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
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.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

830 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