Testimonials and Twitter not working

1 reply · opened Sep 4, 2020

MmichelletangSep 4, 2020

Hello -

The Testimonials and the Twitter feed are both not working for me - page is here and both widgets are in the footer section. URL is below and I am viewing in Chrome.

This site is being built with the header and footer being called from their own pages using javascript so I can change them once and have them change everywhere across the site. You can view the header in its own window here header_th.html and the footer here - footer_th.html .

The Testimonials are working in the footer_th.html page if I load that in it's own window, but not the index.html page which calls the footer_th.html page. The Twitter feed is not working in either location (should be next to the Subscribe button in the footer area).

I am also seeing strange jumping on the index.html page, as if the page is constantly reloading (most visible in the nav bar and the to top element). I am thinking that maybe caused by the js calls to the header and footer pages? It is a first for me to program this way and I am not sure if I should make each page complete - start and end my <html> and <body> tags on all pages and call all of the js scripts on all of the pages (index, header_th and footer_th) or if I should only call the scripts once and only open the <html> and <body> tags on one page each. So that could definitely be an issue.

It's not going to be a huge site, so if I have to, I could put the header and footer in each page and just remember to change them as needed in all pages, but I really feel like it should be possible to split them out in some way.

As background, I am pretty good with HTML and CSS, but have to google any js or php programming. So there is definitely probably a better way to do this than what I am attempting.

I appreciate your help on this. I attached the three .html files I reference to this message in case that helps as well.

EDIT: I figured out the jumping. I had called the js to load the header and footer on the footer_th.html page. So you can ignore that.

SSemicolon WebSTAFFSep 5, 2020

We have checked out your Website and the issue is with Customizations and incorrectly using JS Codes. If you are planning to use JS to include HTML on the Page, then you must call the JS Functions again on the Page as some of the Elements on the Page use JS Codes to initialize. You can check the js/functions.js File for Function References for specific Widgets/Components and call them again on successful callback after adding the Header/Footer Codes.

However, a better way to include the Header/Footer on all the Pages, would be to use PHP by simply changing the .html Extension of the Files to .php and then using includes: https://www.php.net/manual/en/function.include.php . This does not require calling JS Functions again and is more straightforward.

This will definitely work fine. Hope this Helps!

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard