Getting modals to work in Meteor.js when page rerenders - javascript

I've managed to get bootstrap 3 modals working in my meteor project, but when the page rerenders, the screen just goes grey and freezes and the only way to unfreeze it is to refresh the page.
Why does this happen and how I can fix it?
Thanks

Sorry this is more of a comment then an answer, but I don't have the rep to comment.
I would have to see more code to determine the issue, but have you tried to do a data-dismiss on the modal during the Template.YourTemplate.rendered. Just to see if that is truly what is causing the issue. At least from there, you can work backwards.

You may find this Bootstrap 2 example useful:
https://github.com/alanning/meteor-modal-example
Live demo:
http://modal-example.meteor.com/

This cookbook is a great resource and what I'm going to do to solve my problem:
https://github.com/awatson1978/meteor-cookbook/blob/master/cookbook/pages.dialogs.md
It's just implementing modals myself...
(I got this answer from meteor-talk Google group from Abigail Watson).

Related

Facebook Comment Box Disappears in Accordian

I have two examples of Facebook comment box failing to load when an accordian is collapsed and reloaded. One HTML/JavaScript basic and the other in a Wordpress site via Visual Composer - this problem also occurs in numerous other accordions
HTML Example - http://iknowdigital.co.uk/htmlexample/
Wordpress Via Visual Composer http://thesingingmajor.co.uk/test-comment-box-martin/
I have contacted Facebook Support and Visual Composer support and neither can help out.
here are the replies
From VC
Hi Martin, The issue is not with the iframe, but the js that facebook comments use to render. It is not able to re-initialize itself when it is displayed as hidden and hence the issue occur. You can see that when you add nay iframe, it works fine without any issue. It is the js from the comments which is restricting it. As mentioned previously, it will require some custom js code to re-initialize this loading when the closed (hidden) accordion is opened. Kindly check.
From Facebook
Hi Martin,The issue here is the way the library is working. If you debug the code you'll see the plugin does not disappear, the issue is that the library is changing the width of the iframe that contains the plugin to 0 and you cannot see the comments plugin. In order to avoid this situation you will have to manually change the width value again and you'll see the comment plugin is still there. I'm going to close this bug as "By design" as this is not an issue in our side.
I'm not a javascript programmer, so am really at a loss here. Can anyone chip in with some advice here?
Thanks Martin

Chrome crashing on page load

I'm developing a site on Silex + Twig. Most of the time, everything looks great, but once in a while, without any JS errors, chrome will crash the page just after loading the content.
It only happens on some computers, what made me think that it might be a memory problem.
Unfortunately, I cannot provide any code, mostly because I would have to provide the whole source code, since I cannot pinpoint the problem.
Have any of you ever had problems like this? If so, how did you solve it? Where should I look first? Please, if you can, send me some light on this matter.
EDIT: On the beginning of the project, this started happening A LOT, like 3 out of 4 refreshes, so we switched from Symfony to Silex... In my machine, it solved the problem, but in some others, it still happens, in minor frequency.
I got it...
It was a problem with the flexslider plugin.
In this question there's the explanation and solution:
Bootstrap + Flexslider: Loading Flexslider within hidden element causes jQuery to be unresponsive
Thanks anyway... :D

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.

Jquery - Toolbar options or Toolbar plugin needed?

Can anyone suggest me a Jquery plugin for ToolBar option in web application.Actually I tried and googled a lot and spent two days. But can't find reliable one.
If the suggested toolbar will be looks like the below pic means it would be the great one.Or else no problem. But suggest me some thing like ,
Home our stack users will help me.
Good answers are definitely appreciated.
Check this http://paulkinzett.github.io/toolbar/ I think this will help you

Drupal JQuery broken?

Not sure what's going on but the Jquery.js is dying on me with "d is not null". This came out of no where. I can't seem to figure out how to fix it it.
Screenshot of firebug:
From this drupal link link Michelle (3rd comment) claims this is Collapsible forum containers issue? (Which as far as I know I am not using?) but it doesn't seem to help?
Anybody have any suggestions?
Thanks!
I was having the same problem, but really needed the functionality of Webform Conditional. If you really want to use Webform Conditional, you might try making the fixes suggested on this page:
http://drupal.org/node/788952
Worked PERFECTLY for me.
I disabled the Webform Conditional module and the problem disappeared.

Categories

Resources