Instead of using `window.location = url;` to redirect, 

try:

    window.location.replace(url);

&gt; after using replace() the current page will not be saved in session
&gt; history, meaning the user won&#39;t be able to use the Back button to
&gt; navigate to it.

You can use [`location.replace`][1] to replace the current location entry (the redirect page) with the new one (the target). That requires that you do the redirection via JavaScript rather than with meta tags or a 302. E.g.:

    // In the redirecting page
    location.replace(&quot;path/to/target/page&quot;);

[Live example][2] | [Live example source][3]


  [1]: https://developer.mozilla.org/en/DOM/window.location#replace
  [2]: http://jsbin.com/ijojaz
  [3]: http://jsbin.com/ijojaz/edit

For anyone coming across this page and looking for an AngularJS way to accomplish this (rather than javascript), use the $location service&#39;s replace() method ([documentation][1]) :

Use `$location.url(&#39;/newpath&#39;);` or `$location.path(&#39;/newpath&#39;);` as you normally would to do the redirection in angular. And then just add `$location.replace();` right after it. Or you can chain the commands like this:

    $location.url(&#39;/newpath&#39;).replace();

  [1]: https://docs.angularjs.org/guide/$location

Since the `offline_access` [Permission](https://developers.facebook.com/docs/authentication/permissions/) is deprecated in Facebook&#39;s [Authentication](https://developers.facebook.com/docs/authentication/) flow, we have problem getting the so called long lived access tokens without that permission.

In [Facebook&#39;s document about the deprecation](https://developers.facebook.com/docs/offline-access-deprecation/) it says, that server side OAuth generated access tokens will be long lived, but they are not. 

Am I missing something? Some setting in app settings? Some special code I need to use to extend expiration time of access tokens? As I understand the documentation, for server side authentication, the access token which can be accessed by `getAccessToken()` method of PHP SDK when the user is logged in is long lived. 

How to extend access token validity since offline_access deprecation

I have a `UITableView` as a subview of my `UIScrollVIew`, which is the main view controlled by my `MainViewController`. 

In MainViewController.h

    @interface MainViewController : UIViewController &lt;UIGestureRecognizerDelegate, UITableViewDelegate, UITableViewDataSource&gt;
    
    // other stuff here...

    @property (weak, nonatomic) IBOutlet UITableView *myTableView;


In MainViewController.m

    @synthesize myTableView;

    // other stuff here...

    - (void)viewDidLoad {
        myTableView.delegate = self;
        myTableView.datasource = self;
    }

    // other stuff here...

    -(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath: (NSIndexPath *)indexPath {
       [self performSegueWithIdentifier:@&quot;listAttributesSegue&quot; sender:self];
    }

I know that `didSelectRowAtIndexPath` is not being called because I have set breakpoints on both the method itself and the line of code inside it, and neither is being called.  I also know that the datasource is working correctly because I have other functions which modify the cells at runtime and they are working perfectly fine.  I am using the latest Xcode with iOS 5.0 set as the development target.  I have searched and searched for an answer.  Anyone have any ideas?

**Edit:**
I have found the answer. I had a `UITapGestureRecognizer` set for myTableView&#39;s superView.  This overrode the selection call.  Credit to whoever suggested that that might be it.  Your answer was deleted before I could mark it correct.

**Edit 2:**
A lot of people have been commenting about this, so I though I would share it. If you are experiencing this problem, simply set `myGestureRecognizer.cancelsTouchInView` to `false` and everything should work fine.

didSelectRowAtIndexPath: not being called

When the user loads the page, I immediately do a window redirect to another location.

The problem is, when the user clicks back, it&#39;ll go back to the page which does the redirect.

Can I &quot;cancel&quot; the history of the previous page? So that when the user clicks back, it goes back TWO pages instead?

In Javascript, how do I &quot;clear&quot; the back (history -1)?

When the user loads the page, I immediately do a window redirect to another location.
The problem is, when the user clicks back, it'll go back to the page which does the redirect.
Can I "cancel" the history of the previous page? So that when the user clicks back, it goes back TWO pages instead?

I need to call the `initialize` method of the parent class, from inside the inherited `MyModel`-class, instead of completely overwriting it as I am doing today.

How could I do this?

Here&#39;s what my code looks right now:

    BaseModel = Backbone.Model.extend({
        initialize: function(attributes, options) {
            // Do parent stuff stuff
        }
    });
    
    MyModel = BaseModel.extend({
    	initialize: function() {
    	    // Invoke BaseModel.initialize();
            // Continue doing specific stuff for this child-class.
    	},
    });

Accessing parent class in Backbone

Is there any difference between JS events **blur** vs **focusout**?

I have two textboxes: pwd and confirm pwd. I want to check password match when user tabs out of the confirm pwd textbox, for example. In this case which event should I use or does it matter?

blur vs focusout -- any real differences?

I have two strings which contain only numbers:

    var num1 = &#39;20&#39;,
        num2 = &#39;30.5&#39;;

I would have expected that I could add them together, but they are being concatenated instead:

    num1 + num2; // = &#39;2030.5&#39;

How can I force these strings to be treated as numbers?

How to add two strings as if they were numbers?

I have a string like this:

    var str = &quot;I&#39;m a very^ we!rd* Str!ng.&quot;;

What I would like to do is removing all special characters from the above string and replace spaces and in case they are being typed, underscores, with a - character.

The above string would look like this after the &quot;transformation&quot;:

    var str = &#39;im-a-very-werd-strng&#39;;

jQuery remove special characters from string and more

I&#39;m trying to change the currently selected option in a select with the Chosen plugin.

The [documentation][1] covers updating the list, and triggering an event when an option is selected, but nothing (that I can see) on externally changing the currently selected value.

I have made a [jsFiddle to demonstrate the code][2] and my attempted ways of changing the selection:

    $(&#39;button&#39;).click(function() {
        $(&#39;select&#39;).val(2);
        $(&#39;select&#39;).chosen().val(2);
        $(&#39;select&#39;).chosen().select(2);
    });

  [1]: http://harvesthq.github.com/chosen/
  [2]: http://jsfiddle.net/gakman/queZ6/

Changing selection in a select with the Chosen plugin

I am trying to design a page where there are some tables. It seems that styling tables is much more painful than it ought to be.

The problem is the following: The tables should have a fixed height and display either white space at the bottom (when there is too little content) or a vertical scrollbar (when there is too much). Add to this that the tables have a header which should not scroll.

As far as I know, the `thead` not scrolling is the default behaviour for tables. And a stretching `tfoot` could serve well for the purpose of filling with white space. Sadly, it seems that every constraint I can put on the table height is cheerfully ignored. I have tried

    table {
        height: 600px;
        overflow: scroll;
    }

I have tried with `max-height`. I have tried to position the table absolutely and give both the top and bottom coordinates. I have tried to manually edit the height in Firebug to see if it was a problem with CSS specificity. I have tried to set the height on the `tbody` too. Fact is, **the table always stays exactly the same height as its content**, regardless of my efforts.

Of course I could fake a table with a div structure, but it actually **is** a table, and I fear using divs I may run into an issue where some columns may not be properly aligned.

&gt; How am I supposed to give a table a height?

Setting a max height on a table

Setting a stroke-width: 1 on a `&lt;rect&gt;` element in SVG places a stroke on every side of the rectangle.

How does one place a stroke width on only three sides of an SVG rectangle?

How to set a stroke-width:1 on only certain sides of SVG shapes?

I&#39;m developing a webpage where depending on the next or back actions I do the correspondent animation, the problem comes when using the pushstate. When I receive the event how do I know if the user clicked back or forward history buttons using the Pushstate API?, or do I have to implement something myself? 

How do I retrieve if the popstate event comes from back or forward actions with the HTML5 pushstate?

&gt; **Possible Duplicate:**  
&gt; [HTML: Submitting a form by pressing enter without a submit button](https://stackoverflow.com/questions/477691/html-submitting-a-form-by-pressing-enter-without-a-submit-button)  

&lt;!-- End of automatically inserted text --&gt;

How can I submit a form with just the Enter key on a text input field, without having to add a submit button?

I remember this worked in the past, but I tested it now and the form doesn&#39;t get submitted unless there&#39;s a submit-type input field inside it.

Submit form with Enter key without submit button?

I am using an HTML `&lt;table&gt;` and I want to align the text of `&lt;td&gt;` to the center in each cell.

How do I center align the text horizontally and vertically?

How to center the contents of an HTML table?

Suppose I want to decorate links to certain file types using an image.  I could declare my links as

    &lt;a href=&#39;foo.pdf&#39; class=&#39;pdflink&#39;&gt;A File!&lt;/a&gt;

then have CSS like

    .pdflink:after { content: url(&#39;/images/pdf.png&#39;) }

Now, this works great, except if `pdf.png` isn&#39;t the right size for my link text.

I&#39;d like to be able to tell the browser to scale the `:after` image, but I can&#39;t for the life of me find the right syntax.  Or is this like background images, where resizing just isn&#39;t possible?

ETA: I&#39;m leaning towards either a) resizing the source image to be the &quot;right&quot; size, server-side and/or b) changing the markup to simply supply an IMG tag inline.  I was trying to avoid both those things but they sound like they&#39;ll be more compatible than trying to do stuff purely with CSS.  The answer to my original question seems to be &quot;you can *sort of* do it, sometimes&quot;.

Can I change the height of an image in CSS :before/:after pseudo-elements?

Is there a way to run:

 `sass --watch a.scss:a.css`

but have `a.css` end up being minified?

How would I avoid having to run a separate minification step as I compile my stylesheet?

sass --watch with automatic minify?

Is there any functional difference between the CSS 2.1 `:after` and the CSS 3 `::after` pseudo-selectors (other than `::after` not being supported in older browsers)?  Is there any practical reason to use the newer specification?

Content Type	Original Author	Original Content on Stackoverflow
Question	TIMEX	View Question on Stackoverflow
Solution 1 - Javascript	xdazz	View Answer on Stackoverflow
Solution 2 - Javascript	T.J. Crowder	View Answer on Stackoverflow
Solution 3 - Javascript	Rebecca	View Answer on Stackoverflow

In Javascript, how do I "clear" the back (history -1)?

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Solution 3 - Javascript

didSelectRowAtIndexPath: not being called

How to extend access token validity since offline_access deprecation

Attributions