How to use href in javascript?

Question

<label>
    <input type="button" onclick="abc()" id="log" value='SUBMIT'>
</label>
<script>
    function abc() {
        google.script.run.withSuccessHandler(callback).processForm(document.forms[0]);
    }

    function callback(ste) {
        if (ste == "true") {
            var a = document.getElementById('log');
            document.write(a.value);
            document.write('<a href="http://www.w3schools.com/js/js_htmldom_html.asp">do stuff</a>');
        } else document.write("false");
    }
</script>

as i m using document.location && window.location both are not working to switch page,is there any other method which can help me out to

Where you are using document.location? – A Paul Dec 31 '13 at 13:08 — A Paul, Dec 31 '13 at 13:08
Am not sure, I did understand your querstion. – Krish R Dec 31 '13 at 13:10 — Krish R, Dec 31 '13 at 13:10
i have used instead of document.write,but it didnt work – ashishSober Dec 31 '13 at 14:46 — ashishSober, Dec 31 '13 at 14:46

score 3 · Answer 1 · answered Dec 31 '13 at 13:08

3

you can use

 window.location.href

answered Dec 31 '13 at 13:08

Manish Jangir

5,329
4
42
75

score 1 · Answer 2 · answered Dec 31 '13 at 13:08

1

 function callback(ste) {
        if (ste == "true") {
            var a = document.getElementById('log');
            location.href='http://yoursite.com';
//or put your url into var and put it there
        } else document.write("false");
    }

answered Dec 31 '13 at 13:08

Farhad

1,873
17
28

Orville Patterson · Answer 3 · 2013-12-31T15:23:01.250

1

This is a simple thing. Before askin you should do research.

You can use:

function callback(ste) {
        if (ste == "true") {
            var a = document.getElementById('log');
            window.location.href='http://yoursite.com';
//or put your url into var and put it there
        } else document.write("false");
    }

if you are not sure about anything please comment.

http://www.sivamdesign.com/scripts/navigate.html there are a few examples which shows the scripts on how it works

edited Dec 31 '13 at 15:23

answered Dec 31 '13 at 13:11

Orville Patterson

524
4
20

it is not working ..window.location.href and location.href,both are not working..and if i m doing like document.write('link'); if i do like that it goes to the next page and shows the link and then have to click on that – ashishSober Dec 31 '13 at 14:08
what is it that you want to do? – Orville Patterson Dec 31 '13 at 14:10
means..i just wanted to switch directly to another page, – ashishSober Dec 31 '13 at 14:42
but your window.location.href and location.href is not working, – ashishSober Dec 31 '13 at 14:44
you may want to use firebug to debug your javaScript because it should work the only issue i can think of is that you have a function with an error – Orville Patterson Dec 31 '13 at 14:49

score 0 · Accepted Answer · edited May 23 '17 at 11:59

0

You've left clues, including the google-apps-script tag and the call to google.script.run, but your question should make it clearer that this code is being hosted from the Google Apps Script environment. That limits the solution, as described in the documentation for Class HtmlOutput.

You are trying to redirect the browser to a new URL, which is not allowed in Apps Script web apps.^ref

That means that none of the other provided javascript solutions will work. Your work-around of presenting the user with a clickable link is your only option for redirecting to an "external" URL. (external == not your web app)

You can provide the illusion of a redirect to another html page within your Apps Script WebApp, though. See this answer for an example of serving multiple html pages using HtmlService. The basic idea is to write doGet() to accept a query parameter that it will use to select which html page to serve.

edited May 23 '17 at 11:59

Community

1
1

answered Dec 31 '13 at 15:47

Mogsdad

44,709
21
151
275

yeah that's true that environment is in Google Apps Script,thanks alot for that – ashishSober Dec 31 '13 at 18:12
but i got how do we use : in any conditional operator... – ashishSober Jan 01 '14 at 12:54
ok..as you mention that in your link that's true that is directly working for the button... but i need that in "if" statement like... function abc(){ google.script.run.withSuccessHandler(callback).processForm(document.forms[0]); } function callback(ste){ if(ste=="true"){ alert("i LOGIN"); //wanted switch my page here } else alert("Login Failed!!"); } – ashishSober Jan 02 '14 at 14:38
yeah i also done this...u r right that's not possible...actually i was trying to make a login page...without using session...so little things gone nasty..thank you so much by the way.. – ashishSober Jan 02 '14 at 18:26

score 0 · Answer 5 · edited Feb 02 '19 at 14:15

    <?var url=getScriptUrl();?>
    <a href='<?=url?>?page=form'>
           <label><input type="button" onclick="abc()" id="log" value='SUBMIT' class= "btn btn-danger"></label>
    </a>
    </form>

<script>
function abc(){
google.script.run.withSuccessHandler(callback).processForm(document.forms[0]);
}

function callback(ste){
if(ste=="true"){
alert("i LOGIN");
// want to switch it here
}
else
alert("Login Failed!!");
}

How to use href in javascript?

5 Answers5