Sudden JavaScript issues on Joomla 2.5 Website - javascript

I have a website using Joomla 2.5 and a high number of Plugins and components. I did not change a thing, but since this morning the following happens: The page is rendered fine, and after some seconds delay the page disappears and only one (or several, if available) banner of that page remain. This only happens with javascripted banner items, not with regular image banners. Pages with more than only one banner collapse and show all these banners (without the rest of the page).
What could potentially cause that error, and where to look for rectification?
Thanks for any idea anyone may have.
Ralph
Example:
enter link description here

The problem was solved by the programmers of the main site software JReviews, they "reverted a change that was made to a slider to fix an issue with jQuery 1.11 which is loaded by the latest Joomla 3.2."
I hope this explanation is helpful for the StackExchange forum, and also sufficient, as I do not have further details of the error rectification that was done remotely. Should I get any further details, I will surely post it here.

Related

How to troubleshoot a white flash between page loads

I'm working on a website, and it flashes a white screen between page loads, every time I click a link. I've read a lot of other posts on similar issues, but each scenario looks to be different. How do I best go about troubleshooting where this flash is coming from?
The site is using WordPress, custom built from the Genesis Child Sample theme. I'm not greatly versed in the Inspector tool. Anything I should be focusing on in reviewing/testing?
This issue ended up coming from an animation I was unaware of on the .site-container. I removed this CSS, and the issue was resolved.

Unsolved Twitter Widget Mystery of the Ages

Here's one that has perplexed designers for years now, even over the course of Twitter changes and countless hours of hair-pulling and blame-the-developer.
Twitter produces its own js widget for rendering a timeline. Here's a sample of the code without any customization, for an actual account - pasted as found in the interest of science rather than readability:
<a class="twitter-timeline" href="https://twitter.com/OT_Tweep/lists/ordinary-twitter" data-widget-id="570958838329643008">Tweets from https://twitter.com/OT_Tweep/lists/ordinary-twitter</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
I'm too noob here to include images directly. Here's a link to how it's supposed to look - and does in fact look on many browsers/machines - like Safari and, today but not yesterday!, Chrome - also on Firefox for mobile:
http://ordinary-gentlemen.com/wp-content/uploads/2015/02/correct_twitter_widget_display_safari.png
Here's how it renders on Firefox 36.0/Windows 7:
http://ordinary-gentlemen.com/wp-content/uploads/2015/02/twitter_widget_display_firefox.png
Not cool! But not a pure Firefox issue, nor a WordPress issue, and not a new issue. Literally as of a couple of days ago, the display on Chrome was, to use the technical term, kerflooey (embarrassingly worse than either of the above examples), as it had been for months. I don't recall having changed any setting on Chrome in the meantime, though I have used it a bit more than usual while investigating a different mystery (why an image appeared on my Chrome, but not someone else's, though on his iPad, but not his desktop, etc.).
There's a Twitter Developer Forum thread going back to 2012, continued for a at least a couple of years, never fully resolved, featuring one complaint after another. Some users seem to think they've solved the problem, others remain joyless. I'd link it, but I'm also over the newbie limit for links in a post. If anyone is interested, I'd be happy to post it in a thread.
I'm not sure I should hope that this question will put me over the 10 reputation hurdle, but I'd be very interested to learn if someone has a solution or explanation.
ADDENDUM: I should also note that a version of the widget displays fine on one WordPress site I'm using, but not another, through same browser/machine. Nor does disabling all Firefox add-ons and extensions produce desired rendering on the problem site. The thread I cannot post mentions the problems on Drupal and other sites, and a wide range of fixes, none of which fix.
If you want total control over the Twitter feed, you'd be better off to develop your own using the Twitter API and PHP.
https://github.com/J7mbo/twitter-api-php
The default js twitter widget is unreliable and obviously doesn't work on all browsers or devices.
What you need is the php twitter api to generate exactly the html that you want so you can have more control over the styling.
Let me know if you need help! I've developed a twitter module for Drupal.

Modified Joomla Template now no main area links work in Chrome, but work fine in IE?

After being out of the web development game for over a decade, I'm back and now rebuilding a school's site based on a Joomla template. Now on Chrome even a basic HTML tag won't bring up a link in the main template. All mailto links disappear (literally anything with an email address disappears from the text of the site) as well-- and was giving some random "install javascript" message.
This is the site. We had to do a bunch of CSS cutting and hacking to get the template to fit the visuals we needed.
http://www.novaschool.org/index.php/nova-home
If anyone has any ideas, I'm forever in your debt!!! Most of the teachers use Chrome, so we're never going to get far.
Cheers,
sam (who started web programming in '94, but hasn't done much of anything hands-on since '98)
There are a great many issues with this site. Critically, it really needs to be updated to a current,secure, version of Joomla.
The issues you are referring to though are because 1) your links are white in colour and the background is white, rendering them invisible and 2) the menu is set to be 90% of the width of the body and uses absolute positioning, making it impossible to interact with any element beneath it.
Honestly, if I were you I'd start with a fresh current installation of Joomla and copy your content across, it will be far less work than bringing this one up to scratch.
p.s. For future reference, there's a Joomla specific Stack Exchange.

Fancybox jQuery media helper - player stuck on loading

So, I'm kinda new to jquery, and this is the first time I've had to deal with the issue I'm having at the moment.
I think it's an interference with Wordpress suddenly updating to 3.9 - 3.9.1 or something, though I can't specifically nail it down.
So the way this site works is that I had the boxes with the videos work like they do now, you clicked play and it would pop up in a fancybox and start playing the video.
It still does this - however, it will just show the loader, and not actually load the fancybox.
And before you ask, I could only get it working in the first place with jquery 1.11, due to various conflicts, but now it suddenly wont work at all.
http://ramborg.com/commercial <- You can see the issue here.
The videos shown are mostly Vimeo, I'm pretty sure they all are, but maybe there has been some YT also added, but that wouldn't matter, if the media helper actually worked.
Any ideas, and input would be greatly appreciated, before I just revert down to an older version of WP to make it work again.
EDIT: Appearntly the fancybox will EVENTUALLY load, it's just heavily delayed. It took like 1-2 minutes into a video before it loaded. If you goto Stills the fancybox will load almost right away (it's just an image). It's almost like it wont open the fancybox until the video is done buffering?
EDIT2: From what I can garner from console/inspect in Chrome, is that it's struggling with loading player.js from Vimeo? Is that the error the rest of you see aswell? Any way I could solve this issue?
I just checked. The videos all load promptly, and no errors in the console in chrome. Try loading the page both while logged in to wordpress and logged out to see if there is a difference.

Images are streatched in the blog

I have a blog which has few posts with images. Recently a few weeks ago, I found that the images of the home page are streatched as follows which were absolutely fine before.
Is this a problem with CSS3? I am not much aware of that. How can I edit CSS and Solve this issue? My blog is http://insiderattack.blogspot.com/
Thank you.
Your images are initially fine and not related with css, instead it's because of some javaScript file that you have probably added recently, try to disable JavaScript and load the page with JavaScript disabled, it looks fine. Here is an image of your site, i've loaded it with JavaScript disabled from Google Chrome browser.

Categories