StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>The "hot" idea of today is to make everything become AJAX. All the navigation and stuff. It's technically thought of a bad thing but is used for the usage you describe in some big sites, namely Facebook (for chat, very similar to your case) and Twitter (for header and updates).</p> <p>You'd give each page a URL like mysite.com/#some-folder/some-page/someQueryKey/someValue</p> <p>Note that it is "#/" because all the pages will be only ajax calls in the same page.</p> <p>Since it is the same page, you can leave the part you want unchanged when doing your AJAX transfers </p> <p>For technical details on how to implement this, search for stuff about implementing hash bang AJAX (that's what it's called as the official format Google can index is called so, and the URLs usually an exclamation mark after hash sign "#!/".</p> <p>It's not the easiest to implement though, and means re-design of the whole site, so, you may want to consider other options:</p> <ol> <li>Pop-ups: They are not 100% dead yet, and "may" be suitable for your situation.</li> <li>Reloading: Maybe just store in some cookie every short time (using JS) the data you want and check for it on page load to resume from where you ended, the user will get slight stop in between though. hence, It may not be for music player.</li> </ol> <p>For the UI of the widget itself, if you need it to be in a certain place in the page regardless of the scroll or whatever (always visible) you can use <a href="http://www.w3schools.com/css/css_positioning.asp" rel="nofollow">CSS positioning</a>:</p> <pre><code>.music-player { position:fixed; bottom:5px; right:5px; } </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload