Fancybox doesn't work properly - javascript

I'm using fancybox (version: 2.1.5) to show pop ups on my site and it does not work properly, it throws an error
undefined is not a function
Every time when I'm opening and closing fancybox. Here the screenshot: http://grab.by/A5MK
I brought it to work partially and seems it fullfil my needs. But every time when I close it, background stays gray out and I need to click on it one more time to make it go away.
I can't puzzle out what can cause such inconsistency. Does that affiliated with jQuery version (I have it 1.7.1) or with peculiarities of fancybox? I would like to know if someone has encountered with such problem and how can I work around that? Is it feasible to get it to work or I should use another lightbox plug in?
Note: site created with Wordpress CMS.
Sorry for such convoluted and long-winded specification, I have tried my best to provide all information connected with problem.
Thanks in advance.
Edit: I don't know in what extent my code can be helpful on this occasion, but anyway here is my code
$("a.fancybox-purchase-inline").fancybox({
prevEffect: 'elastic',
nextEffect: 'elastic',
autoSize: true,
closeBtn: true,
afterLoad: function () {
set_billing_state_placeholder();
show_billing_state();
}
});

Related

Youtube, the site itself freezing for a few seconds

i've been plagued by a problem that seem to started since Youtube's last
layout change this year.
I have for months put up and tried to ignore the freezing that happens
everytime I open a link within youtube such as an channel, an video, the homepage, etc.
I'm using Chrome version 31.0.1650.63 and I have already tested youtube without any
extensions, cookies, cache, etc but it still affects me to this day and maybe some
of you out there.
I searched every where for the solution and couldn't find any anywhere.
I did a bit of digging and testing to see what is the root of the problem and
while i'm no expertise on code or Java...I did found something.
Every time I reload a page on youtube, with it finishing loading up...this happens:
http://i.imgur.com/K9Z3vJ1.png
See that?
The purple-colored rendering, that's the cause of the lag every time I load
up something on youtube!
I notice that it repeats the same thing over and over again for like 5-15 or so
seconds before it starts loading up the thumbnails of the videos.
If you want a closer inspection of the code, here's the raw data from the timeline (that you can load up in chrome's dev timeline window):
Youtube Lag JSON Timeline file
I don't what to do with this problem and I believe it affects
me in Firefox as well but to an lesser extent then chrome.
Do any of you guys know how to resolve this problem?
Honestly I doubt that the youtube devs will fix this problem since they're the ones who caused it in the first place. (Like not being able to subscribe to some people when i'm not even at my sub limit.)
I'm sorry if you don't want to help but I don't know who else to look to besides
the experts that y'all are when it comes to web coding. If anything, I believe a userscript or something similar could help with this but how...I don't know.
I'm new to this and I apologize if the question i'm asking isn't suited for this site.
Still, thanks for reading and if you can...please reply.
That is all and thanks again.
Well I was fiddling around and looking at the source code
with chromes timeline devtools and well...
I found a temporary solution to the problem which seems to have
fixed and ended the freezing on youtube! yay~
But some things don't work with this solution and i'm at
a fault with this issue after some hours trying to figure out
how to stop the problem.
Anyways I used adblock, an extension that I have on Google Chrome, to deal
with this issue and was able to get everything fixed and working!
What I did was, in the custom filters section (check options in your
adblock extension, you should have it.) and added the following then did
some testing to see if it fixed the problem which it did!
Here are the filters I used to fix it!
||s.ytimg.com/yts/jsbin/www-pageframe-*
*www-pageframe-*.js
^^^
Yeah, that's the temporary solution as it fixes the problems but it causes the following...
You can't open the menu which contains links to your playlists, user settings, channel, etc when you click your username or profile
picture on top right of youtube.
The "..." mini-menu that you usually find on the right of a video section (to hide, subscribe, etc.) doesn't appear anymore.
Youtube's quick menu button doesn't work, however the menu is still open but you won't be able to close it. That or it's close and you
won't be able to open it...I guess.
Those are the problems I found with this temporarily solution to the freezing problem.
Yeah...but I hope this helps anyone who's having this problem somewhat well.
But it would be nice if someone has an better solution then mine hehe!
Thanks for reading and if you have a better solution, don't feel afraid to
tell! ^_^
I'll be awaiting other answers, for now...I hope this helps y'all well
in some ways hehe! =D
This certainly isn't javascript, but substituting the normal EasyList in ABP for EasyList without element hiding will fix the issue. There are downsides to this as well but for now seems to be the better solution.

javascript not working in chrome,safari,ie etc

I have an javascript code for the video change in joomla based website but it is not showing in chrome,safari,internet explorer but it is getting displayed in Mozilla Firefox.
Here is a code for the javascript.
<script type="text/ecmascript">
$(document).ready(function() {
$("ul.videolist").ytplaylist({addThumbs:true, autoPlay: false, holderId: 'ytvideo'});
});
here is the live link : http://great.server279.com/greatofficiants
I think I know what's wrong and I will post my answer but you know what, I think what we should be talking about is how to make you a better debugger. A post like that you wrote doesn't really help us or help you. First of all more important than what your code is, What does your console say?
If you are using Google Chrome press F12 or Ctrl+Shift+J and look at the console panel. Are there any messages you could share with us?
Any way, that's what on my mind
Joomla by default loads MooTools in the header so what I have in mind is that you either didn't load jQuery library or it's loaded and it's conflicting with MooTools.
Try changing your code to:
<script type="text/javascript">
window.addEvent('domready', function() {
jQuery("ul.videolist").ytplaylist({
addThumbs: true,
autoPlay: false,
holderId: 'ytvideo'
});
});
</script>
and make sure that you already called jQuery and your code contains jQuery.noConflict();

WordPress Theme Displaying Incorrectly In Chrome

I'm having a problem with http://taxlienagents.com/ and how it is displaying in Google Chrome. When I open the site in Google Chrome, the center Tab Area seems to cover the main text above it. If you take a look at this link, you should be able to see what I am talking about versus when opening the site in FireFox. I tried playing around with the Z-Index, but that didn't seem to fix it. The other issue that I seem to be having is with rolling over the buttons ("How to," "Coaching," and "Done for You") the highlight only covers about 2/3 of the button, I think this is an issue with FancyBox.
If anyone could give me any advice on how to fix this, it would be much appreciated.
you have several JS related errors :
1 You load jQuery 2 times, in 2 different versions (one on-site, one from google)
--> remove one of them
2 you have an error in adia-paper.js that keeps Fancybox from triggering right - and it blocks the JS execution.
--> try to change
$(document).ready(function() {
$("#form-trigger").fancybox({
'width' : 600,
'height' : 526,
.....
to
jQuery(document).ready(function() {
//contact form modal window
jQuery("#form-trigger").fancybox({
'width' : 600,
'height' : 526,
'autoScale' : true,
'transitionIn' : 'fade',
'transitionOut' : 'fade'
3 you trigger fancybox on a non-existing DIV (#form-trigger)
--> although it is not the major cause for your problem , it is better to trigger JS only when needed...
Jquery - when encountring a big issue, blocks and stops from executing any functions further down the line, and your "slideshow" is also JS driven .
Different browsers treat those errors differently - and it is also depending on your own browser settings.
FF - Firebug Chrome and Opera all give the same consul errors.
If you fix all those problems and the problem persist - we can keep on de-bugging - but I am pretty sure that one of those, or all together are the culprit..
EDIT I you still have other errors - but I do not think they are the problem. I do believe however that it can be because you edited the letabs JS and added some expression regarding height. strangely chrome sets the div height le-tabs_content_container to 58 px .. i believe it comes from the script . try to set the heights for all the parent / children divs (and remove that script) - It worked for me instantly on the debugger..
Here are your issues of tabs http://validator.w3.org/check?uri=http%3A%2F%2Ftaxlienagents.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0. Before asking for help, help yourself by validating your code # validator.w3.org

Certain JavaScript doesn't work in IE9 but there is no JS error

I'm doing some maintenance work on somebody else's site and there's an IE 9 problem. They're using what appears to be a Lightbox to an image gallery. When you click on a certain image on the page, the Lightbox appears, but in IE 9, the Lightbox doesn't show up at all. There's no error or anything - it just silently fails - so I'm kind of at a loss as to how to troubleshoot.
I'm not the best at these kinds of problems. Can someone point me in the right direction?
Here's a link to what I'm working on: http://www.aquilacommercial.com/wlproperties/view/1300-Guadalupe
#Jaitsu, I confirmed that this occurs. For me, IE9 begins to open Lightbox and then immediately opens the image on it's own page. All with no errors.
I'm still unsure on IE9's issue but this might help with an alternate solution:
Most Compatible JQuery Lightbox Plugin, Works in All Current Browsers?
Finally, have you upgraded to Lightbox v2.05. Changelog indicates it didn't work on IE9 till 3/18/11. You might need to upgrade some files.
I confirmed that the Lightbox website is using Prototype v1.7. Your site is using Prototype v1.6.0.2.

Problem with JCarouselLite in Chrome

I'm using JCarouselLite on my website www.peach-designs.com and my problem is when it loads in Chrome, the entire page doesn't load - just the navigation bar, rather than the image scroller I have. When I click 'Home on the navigation bar, everything displays fine (index.php), but not the initial load (which should ideally be index.php shouldn't it).
I have had advice that the problem is JCarousel, my other problem is, I have JCarouselLite with no control buttons or anything, and the code looks completely different to JCarousel. Is there anybody who has encountered this problem with JCarouselLite who can help?
Hope you can help,
Kind Regards,
Snakespan
Try to use
$(window).load()
rather than
$(document).ready()
, it works for me!
Full working code after I applied Kainnan fix:
$(window).load(function () {
$("#prodCarousel").jCarouselLite({
auto: 7000,
speed: 1500,
scroll: 4,
visible: 4
});
});

Categories

Resources