Im working on a website, and I've currently ran into a problem thats got me mind boggled.
It happens on more than one page, but when I refresh the page, the navbar, search bar, and other things mess up all over the place.
When I click on a new link or refresh (sometimes) its back to normal. Then I refresh again the page looks messed up again.
my page is www.ram-bay.com if you want to have a look.
Sometimes when you refresh its okay. refresh a few times on any page it seems to mess up.
Can anyone seem to spot the problem?
Also before you ask me to link code... there is a lot of it
Your page is looking just fine in Chrome/Safari. What browser are you using?
I see that you're using bootstrap and jQuery over CDN, so maybe you have issues with your network connection. Try to get all file stored on your server and see if it fix the problem.
Related
I'm looking for a way to recreate the functionality of a refreshing page extension on a browser (e.g. Auto refresh plus in Chrome) by using javascript. The problem is that I have no ideia how to achieve that.
I must find a way to refresh the page every second or so, click on a link that appears on the page from time to time, add a sound effect for when it appears and send an e-mail notification every time it appears.
I'm trying to use a simple javascript snippet to run in the console in order to refresh the page:
win1 = window.open("https://www.myUrl.com/");
timer1 = setInterval(function(){win1.location.href="https://www.myUrl.com/"}, 1500);
However, this implies running code from tab A on tab B which I found very challenging.
The code can't run on tab A alone because at the time it refreshes the page, it gets erased from the console.
I know it would have been so much easier to use an extension, but the platform I work for does not allowed any extensions.
I have basic HTML and javascript knowledge, but I find this would be a good project to learn more.
Also, if the solution involves other languages, I just need a direction to know where to look for and start this project.
I'm running out of ideas as to what's going on. I find it hard to explain so to start of here are a couple GIFs:
https://i.gyazo.com/9b501a93641db8f10320bc360393541f.mp4
https://i.gyazo.com/9b9f5a0ef654d7e51ad318b61663d897.mp4
I tried removing every script and it didn't work, I also tried removing every CSS and it also didn't work, and lastly I tried removing both, and it still didn't work. What the heck? This is the homepage section of the website and it only happens here. Ugh. Any ideas?
EDIT: I forgot to mention something very important, it only happens after you've visited the page, not before. The first load is always alright, but if you go to another part of the website then go back, this happens.
EDIT #2: It appears to be related to how the browser stores the scrollbar position and then "remembers" it after you refresh and it places you there. There is no problem if I reload the page anywhere but at the top. If I try to reload at the top, instead of staying there, it tries to go to the place prior to where it was, and it sort of jumps between the two figuring out where to go, I just don't know what's going on at this point.
I made a simple refresh button that used to work, and when I say 'refresh' i mean refresh to the current page (clearing data) and not a 'backspace' button that goes to the previous page.
onClick="window.location.reload()"
history.go(0)
window.location.href=window.location.href
I usually use one of these to refresh my search function to clear the data for a new search, just by refreshing the page, but all of a sudden I am getting a previous page instead. I am not sure why. I was testing on chrome. The problem is the way it is now the previous page could be anything, including something offmy site like google search ect.
Has anyone any idea what i am doing wrong?
I also tried
window.location.reload(true)
and
window.location.reload(false)
but I seem to be going around in circles.
<button onclick="window.location.reload(true);">Click me</button>
The "window.location.reload();" is javascript, to check if an error is occuring when you run this page press f12 to view your browser tools and move to the console then attempt to reload your page, any javascript error will appear there.
I have to do some customization work on OpenERP Mobile Client. The Problem is that it works on #tag Url's like
http://localhost:8069/web_mobile/static/src/web_mobile.html#oe_menu or
http://localhost:8069/web_mobile/static/src/web_mobile.html#oe_sec_menu_21
Problem is that one I am on any page and for any reason if i Refresh the contents never Loads again. it just gives me a blank page. If I copy the URL and Paste in a different Browser window then also nothing. I cant Find out whats the Problem In the Code or how it works. The Documentation of Mobile Client is too Poor.
I am banging my head here from last one week I need Help.
Yes, There is no specific mobile console for R&D purpose. So its core issue from mobile client.But other alternative is use Back button click event for navigate the page which is shown on top of page instead of browser back button.
You can used Home button as well as Back button for refreshing purpose.
This is related to this issue: http://facebook.stackoverflow.com/questions/7246169/fb-ui-dialogs-are-displaying-in-popups-instead-of-an-iframe
Thanks to the help of OffBySome I was able to get my various FB.ui dialog boxes showing up happily in an iframe rather than popping up unfortunately what I'm seeing now is that the dialog will appear but the throbber sits loading forever. Is anyone else seeing the behavior I described in these two posts or is there something further I must do to get the FB.ui dialogs working properly? Thanks.
UPDATE
I wanted to add to this that ultimately it proved to be nothing wrong with Facebook. Apparently something was set improperly in my FFox profile and resetting it fixed the issue.
I'm guessing Facebook recently made a change that is causing this issue as other are having this same problem.