IE11 wierd behaviour -- JavaScript works only after reloading a page - javascript

I have a website prototype https://arcane-beyond-35849.herokuapp.com/
I have a strange bug. In internet explorer v11.
please go to the site and press new button.
You will see this picture...
Then you can reload the page and see this...
I use the jQuery steps wizard.
So I have no idea why the first time everything breaks.
(If you need a code I can provide it just tell me.)
$(".myform").steps({
*some stuff and options
});
Okay I found another weird behavior when you go to the main page and try to click on the menu button in the right top corner nothing happens.
When you reload a page and click menu button again side menu appears.
I simply on document.ready use something like this :
$('.somebutton').click(function(){});
I guess I should provide code and I will do it as soon as get to another laptop. But if take away all business logic The code is as simple as I described.
In google chrome everything works normal.
Can someone help? Seems like my JavaScript code just doesn't execute.
Update:
okay guys Console give me some errors. My IE11 not in English so no point to post exact errors here.
There is something about the content that is loaded over http when I have https.
But it's just a placeholder picture. So I don't know. And when I reload page my JavaScript code works. So this is strange.

Related

Need to make browser back button go back to previous page root url sitewide on Wordpress

I have a particular problem on a site that I'm working on and can't seem to get things working on Wordpress. I have a tab section of the site that uses # to function properly. I also have anchor links to these sections as well. Everything works great, but when I navigate off of the page and click the browser back button, I have to click through each # until I get to the root page. I realize that this is the normal browser behavior, but need to find a workaround if possible. I've tried all sorts of code, and could post some things I've tried but nothing is working thus far. Any help would be greatly appreciated.
Thanks so much

Why are the links not working on my webpage

I know this is sort of a please debug my code question, but I really don't know whats going on here.
I just added the content to this page and now none of the external or internal links will work (eg you click on them and nothing happens). The Mega menu drop down works fine and I can click on links on it, but the links in the text dont work, and neither do any on the sidebars
Here is the page that is causing the problems
http://www.cookingisfun.ie/cookery-courses/course-details/101618/Guest-Chef-Diana-Kennedy-at-Kerrygold-Ballymaloe-Litfest
here is a similar page that has no issue.
http://www.cookingisfun.ie/cookery-courses/course-details/101364/Guest-Chef-Lilly-Higgins
I can click the Back to CourseList button which I Can't on the first.
This is not just a problem with my machine, I have tried from another machine and an Iphone with same result.
I can't see any javascript errors but I assume it is something to do with the plugin that marks the links as external though that plugin works elsewhere on my site.
Any suggestions?
I guess you have some errors in your HTML code (wrong nesting of tags or something or you did not close a tag right). If I want to inspect the "Back to course button" with Firefox I get the following
It seems that the #content-blocks div is empty. Also the source code view of your page underlines me some tags red:
Normally this means that there are some HTML errors. Here the output of the HTML validator: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.cookingisfun.ie%2Fcookery-courses%2Fcourse-details%2F101618%2FGuest-Chef-Diana-Kennedy-at-Kerrygold-Ballymaloe-Litfest&charset=%28detect+automatically%29&doctype=Inline&group=0

Like button and Like box not showing only on some pages of my site. On the rest it works fine

I'm going into my third hour of trying to figure out what went wrong on my pages, and I'm still at ground zero.
The like buttons and like box doesn't show up anymore, and facebook comments count doesn't show up either.It worked fine last night, and this morning they just don't want to work anymore.
Works on:
http://www.purelie.com/post/42
Doesn't work on:
http://www.purelie.com/user/Qloudify
and on homepage ( can't link more than 2 links, just click on the logo ).
If anyone has any idea about this.. any hint or idea is helpful.
The like buttons are identical, so is the like box and the fb-root. I just don't know what to do next to make it work.
Thank you in advance.
I have fixed it. It was the facebook comments count that was breaking everything. Somehow last night the facebook devs broke the count and it was throwing errors, stopping any other FB js to work.
What I did: I commented the facebook comments count until they fix it and I removed << xmlns:fb="http://ogp.me/ns/fb#" >> from the head. Works fine now
It's not showing on the second link because there's a javascript exception on the page that's causing the rest of the script not to fire. Open the second page in something like Chrome, and press F12 to open the developer tools. If you click in the console tab, you'll see an error stating: "No polyfill registered for object".
If you can fix whatever's causing that error, your like buttons should appear again. It looks like it might be to do with the HTML being different for the like button between the two pages, but I can't say for 100% without going through the code in more detail.

javascript - different behaviour on page refresh

I have a really weird problem.
I have a site (running wordpress), and I use jquery roundabout plugin.
When I visit the site with the address bar, the site is displayed fine. When I'm already in the site and I hit refresh - everything is messed up. I checked in both chrome and firefox, and I get the same result. In IE there is no problem.
Also, I noticed that the problem occurs only when doing a soft refresh (F5) and it's ok when doing a hard refresh (Ctrl+F5)
You can check for yourself in my test site
http://50.112.34.111
try to press enter in the address bar a few times - should display ok. try to refresh - and you'll see the problem...
First of all I would try to put the JS includes (<script.../>) in the header AFTER all CSS includes! That might already help. Since the CSS might influence your JS, JS has to know all CSS before it gets loaded.

Why does this javascript based printing cause Safari to refresh the page?

The page I am working on has a javascript function executed to print parts of the page.
For some reason, printing in Safari, causes the window to somehow update. I say somehow, because it does not really refresh as in reload the page, but rather it starts the "rendering" of the page from start, i.e. scroll to top, flash animations start from 0, and so forth.
The effect is reproduced by this fiddle: http://jsfiddle.net/fYmnB/
Clicking the print button and finishing or cancelling a print in Safari causes the screen to "go white" for a sec, which in my real website manifests itself as something "like" a reload. While running print button with, let's say, Firefox, just opens and closes the print dialogue without affecting the fiddle page in any way.
Is there something with my way of calling the browsers print method that causes this, or how can it be explained - and preferably, avoided?
P.S.: On my real site the same occurs with Chrome. In the example fiddle Chrome seems to not show the same behaviour as Safari, though.
Edit: I also tried to have the printing button on a different tag than an a anchor, like span or button, but that didn't help with the problem.
Edit: I run into this problem with Safari 5.1.2 on Mac OS 10.6.8. In the jsfiddle example, the behavior shows as a white "flicker" that covers the whole browser after having clicked the print button and closing (either printing or aborting) the print dialogue.
Edit: Just started a bounty for this question, as I am still looking for an explanation for this browser behaviour. I am more than willing to give more details on the issue. From my experience on SO it is not adviseable to post links to online pages, however I feel the problem is really hard to reproduce. I think the "flicker & re-render" I experience with the posted jsfiddle is hopefully is result of the same problem.
Edit: As explained in the comments, opening a new window containing the current state of the application, then printing and closing that window, might be a fix, but I don't consider it a sufficient answer to the problem at hand.
If you can't figure a way to fix the problem you might get a quick fix this way:
var win=window.open() the same page you are on
then win.print() it, then win.close(). Hope this helps.
Sadly, I don't have a solution. but since I was able to reproduce this in Safari and Webkit with the fiddle, I thought I'll at least offer my observations:
The white-out doesn't happen if you hit Print dialog button right away. You need to wait few seconds before you hit Print to be able to see the white. On OSX 10.6.8 I see the threshold marked by appearance of the spinning beachball.
When the mouse stays stationary since the Print button hit, the page stays white until you move the mouse again (beachball still spinning).
Hope this will help somehow.
I'm not sure if this will fix your problem but i recently found a very good Jquery plugin to print only certain part of your webpage.
You should give it a try :) It has a some very cool parameters to customize it to your needs.
Take a look here.
Why does your page refresh? Here's my answer on that. the window.print() function will print the entire content of your page. So since i read that you only want to print a part of the page, I guess you are using some function to remove all unwanted content from the page for a very short moment, then you call the window.print() function and after that you put all orignal content again on the screen. This results in a very short flash that will look like your page is refreshing and will load all flash parts again.
I had the same problem yesterday and this jquery plugin really helped me out. I hope it will help you too.
Have a nice day!
Since it seems window.print() is not part of any standard, browsers are free to implement it in any way they choose.
The only work-around I can see, if you really have to leave the page as-is, would be to open another window and print that. Which is a whole other, possibly worse, can of worms.
Try this in your function:
document.write("<script type='text/javascript'>window.print()</script>");
I am referencing this stack:
After window.open, can't print in Safari for Mac
Update, Try:
document.writeln("<script type='text/javascript'>window.print()</script>");

Categories