Back button in ajaxavailabilitycalendar.com - javascript

I use the calendar on ajaxavailabilitycalendar.com. There is a demo on their site: http://www.ajaxavailabilitycalendar.com/demo
But there's an issue with the back button of the browser and the script / page which i'm explaining via that demo:
The calendar has 3 'rooms': country cottage, town flat and cave. So you see the availability of every room. But when i click on the back button of the browser (after selecting a few rooms), the same page is reloaded with the wrong availability compared with the room in the dropdown. It happens in Firefox, IE. Not in Chrome because that browser goes the 'real' previous page.
Any advice to fix this ? Thanks

I tried tens of scripts but came up with a solution to put the dropdown on display-none and make 3 seperate pages linking to the right room.

Related

Can you make an html link that does not let you click back to previous page, or show the previous link in your history?

I am working on a client site where the client has requested that there be a button (basic a link) that links to another page like google, in case an abusive significant other busts into the room while a woman is reading about how to get assistance. The tricky part is that I am trying to figure out to link to a page that will open int he same windows, but no let you go back to the site by clicking the browser's back button, or show up in "history". I have built a lot of website and never heard of this being possible without the use of a custom browser extension or something.
My question is ..
Is there a way to do this? Possible some JS magic? Just wondering
You're looking for location.replace().
<button onclick='location.replace("https://www.google.com");'>Click to close</button>
Instead of creating a new entry in browser history, it replaces the current one.
Note: Unfortunately, it's blocked by [SO]. But just try it in your app. It does work.
Second note: If you combine this with initially opening the to be hidden page in a new tab (target="_blank") => no history.
However, the best method and advice for such cases is browsing in incognito: Ctrl+Shift+N. Once closed, it's gone, with all history in the session. Pressing Ctrl+Shift+T in a new browser window won't bring the formerly opened tabs back.
IMHO, this technique should be clearly detailed in the "Precautions" section of your client's website, also advising on having another "normal" browsing session opened in a background browser window, with a few neutral tabs open on subjects that wouldn't raise any suspicions: cooking recipes, things for children, cosmetics, etc...
I am not sure about your question.
But on click you can open Iframe
<iframe src="www.google.com" style="border:none;"></iframe>

Java autosubmit random; sometimes work, sometimes not

I have a site I am developing where a page will advance to a different page within an iframe after so many seconds. I have a manual version where you have to click next. I am developing an auto version where it would advance to the next page after so many seconds. Using document.forms["advance"].submit(); where advance is the name of the form for the "next" button.
The manual version always works when clicking "Next". The auto version, using the code above will advance, but sometimes displays a blank page in the frame instead of what should be the next page. When the timer is done, it will then advance to the next page; sometimes another blank page, sometimes the proper page. There seems to be no rhyme or reason to it. Not every other page or two or three blank pages in a row. Completely random.
I think I have it figured out. Came down to the human hand (manual) versus autosubmit. Autosubmit needed some type of delay to let scripts load prior to the page refresh. So instead of using this:
document.forms["advance"].submit();
Changed it to this:
setInterval(function(){document.forms["advance"].submit()},2000);
I guess a two second delay prior to the autosubmit made all the difference.

"Go back" button issue in google chrome

I have a bit of a head scratcher here. My project has a main page in which some transitions happen and some buttons appear. Clicking those buttons allow you to navigate the site. So far so good. On those lets say "secondary" pages I have a series of "back" buttons that take you back to the main page with the following link:
<p class="backContact">BACK</p>
Now, this is where it gets specific. When I return on to the main page, I want to return to the main page that's "cached" so basically the main page AFTER the said animations and buttons appear, not back to the page as if I just had come on the website for the first time. Same for when you hit the back arrow on the browser itself.
The code I just posted with the link was doing just that and it works fine in safari and firefox. BUT in chrome the behaviour is different and when the back button is clicked it goes back to the main page before all the animations happen which is really annoying as I just want them to play the first time round else they become tiresome.
Is there anyway to force chrome to come back to the "cached" previous page? Many thanks

Can we set/edit the loading animation/label time of the web browser?

The question looks weird, but I would like the explain with every details to make it clear.
I have a web page that I'm working on it. When you click the 'Show' button , It gets some data records from database and show them in the same page but in the different form. (it hides existing form and shows another form)
When I browse my page on Chrome: (version 28.0.15)
I go to my page. Then click 'show' button. After I click the button,
it shows lttle animation which turns around itself next to the browser tab which means 'loading'
Here is the screenshot for Chrome:
Then it keeps showing that 'loading animation' until proper form is completely loaded.
Then it shows the proper form on the page and stops the 'loading' animation.
When I do same thing on firefox(version 22.0) , everything is same as chrome. Works normal.
Here is the screen shot:
It shows 'Connecting' label until proper form is completely loaded.
Then it shows the proper form on the page and stops showing 'Connecting' label on tab.
HOWEVER;
When I do same thing on Internet Explorer (version 10)
It shows 'waiting/loading' label for couple seconds.
Here is the screen shot:
After couple seconds, it is just shown as the page has been loaded. After a minute or minute and a half, it loads the data records and show the proper form.
This makes the user think that button is not working and keep clicking button. Actually its working. Getting results takes around a minute from database, but since Internet Explorer 10 does NOT show that it is still loading, then user thinks its not working.
After detail information ( I hope its clear enough) , my question is:
Is there anything that I can do for this issue? or Can I set this 'loading/waiting' label's time?
Thanks for your time!
I believe what you are looking for is piecon, this plugin shows your favicon as a progress pie chart.

OpenERP Mobile Client page refresh issue

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.

Categories

Resources