Question

I’m trying to use Jquery Mobile for a web-app, and depending on what button the user clicks, redirect them to a new web page.

Example:

A user visits foo.com/index.php.

When they click login it takes them to foo.com/login.php.

That much I’ve been able to figure out using:

<a class="ui-block-a" data-role="button" type="submit" onclick="window.location.replace('./login.php');">Login</a>`

When I try setting href to "./login.php", it sends me to foo.com/#./login.php.

That is all well and good, but the web browser is really going to:

foo.com/index.php
foo.com/index.php#undefined
foo.com/login.php

which is causing a problem because the user has to click the back button twice.

How can I send the user from index.php to login.php without the browser trying to go to #undefined first?

I also tried:

<a class="ui-block-a" data-role="button" type="submit" onclick="window.location.replace('./login.php');" href="">Login</a>

but it still sends the viewer to foo.com/index.php# before redirecting properly.

Answer 1

<a href="javascript:location.replace('./login.php');" class="ui-block-a" data-role="button" type="submit" >Login</a>

Also, have you considered just simply linking to the page normally but with an attribute of rel="external" ?