5

I searched through SO and this question has been asked before several times, but I found no answers that explain how the behaviour I want to implement is actually realized.

What I have in mind is to mimic booking.com feature, in which when you open a search result from the search results list, a div indicating that the result has been opened in another tab (or window) appears, and it fades away when that other tab (or window) has been closed.

Screenshot: enter image description here

First attempt was to check if some javascript has been attached to the links, but that's not the case, because if you simply copy the url from the page source, and open it, the feature works.

So I thought it could be someway managed on the server side, fired up wireshark to try to trap any ajax calls between the two opened pages and the server. There were many requests, but no one seems to pass the needed info (I guess the hotel ID or some url). Also note that opening the result item URL, which includes the session ID, in an incognito window or in another browser (I mean, firefox instead of chrome) window, breaks the feature; so that excludes any session or ip address tracking.

Last attempt I could think was the search results page is polling some cookie which is set on the domain when another page is opened and unset when it is closed. So I checked the cookies, whose content is actually a little cryptic to understand, but what I have seen is that no cookie actually is changed on other tab opening and closing, so, again, it cannot be done this way.

What's left?

Community
  • 1
  • 1
guido
  • 18,864
  • 6
  • 70
  • 95

1 Answers1

2

In theory, it should be possible to use localStorage/sessionStorage to do this by setting the current page URL on every page, and checking every once in a while on the "original" page to see if the value is not the same as document.location.

If you set the current time in the storage thing as well, you can check to see if the page is closed by seeing if the "last tab time" is, say, more than 30 seconds ago, or some such.

As for the website, I visited it, and did a search, and didn't see any warnings or anything about new tabs being open at all when I tried it.

Ross Brunton
  • 173
  • 5
  • You nailed it. The child tab page saves in local storage the hotel id, and deletes it on closing. The parent page pools on localstorage, and shows/hides the div of the respective hotels listed as results. Thank you very much; and welcome to stack overflow. – guido Mar 06 '13 at 02:17