How to give link to html file in google app script

Question

I have multiple html files in my script project.I want to link different html files using the anchor tag.Like a href="link to another html file in the same app script project". How do i achieve this? The file must reload on the same window.

you can check this thread with examples tom anage multiple screen in thmlservcie stackoverflow.com/a/25224762/3556215 — St3ph
– St3ph, Commented Sep 29, 2015 at 12:55
thank you i was able to achieve my target using the above thread. — kaushik dugar
– kaushik dugar, Commented Sep 30, 2015 at 9:27

Bryan P · Accepted Answer · 2015-09-30 04:49:03Z

2

Assuming the app is served via HtmlService, we can use script runners to retrieve new html from the project files. Content is just removed / added to existing elements while toggling their visibility in the single page app instead the browser doing an actual window reload.

If you don't need the "pages" to be reloaded when they are clicked, you can just load all the html upfront instead.

Sample code

Live demo

edited Sep 30, 2015 at 4:49

answered Sep 29, 2015 at 17:32

Bryan P

5,0613 gold badges32 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mahhdy Over a year ago

I liked your approach. Great

lechat · Accepted Answer · 2017-09-16 12:22:15Z

1

Suppose there is page1(html file) and page2(html file). Change the Code.gs as follows:

function doGet(e) {
    Logger.log( Utilities.jsonStringify(e) );
    if (!e.parameter.page) {
        return HtmlService.createTemplateFromFile('page1').evaluate();
    }
    return HtmlService.createTemplateFromFile(e.parameter['page']).evaluate();
}


function getScriptUrl() {
    var url = ScriptApp.getService().getUrl();
    return url;
}

Add <base target="_top"> tag to every html file.
Linking to another html from html will be possible in a follwing way:

<?var url = getScriptUrl();?>window.top.location.href = '<?!=url?>?page=page2';

or

<?var url = getScriptUrl();?><a href = '<?!=url?>?page=page2'>Jump to page2</a>

See here for more information.

edited Sep 16, 2017 at 12:22

answered Feb 15, 2017 at 10:50

lechat

4673 silver badges19 bronze badges

1 Comment

Mahhdy Over a year ago

you could do, function url() {return ScriptApp.getService().getUrl();}. This is much simpler and less redundant. is't it?

Collectives™ on Stack Overflow

How to give link to html file in google app script

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related