Javascript中的html多功能

时间:2015-12-05 06:45:00

标签: javascript html dom google-apps-script

我正在编写一个谷歌应用脚​​本网站/项目的编码,我在我的HTML文件中遇到一个问题,它调用了javascript函数。

我有一个函数,当我点击不同的按钮时,它使用DOM操作来改变div内容。

但是,如果我想在我的<?!= include('CSS'); ?> <body> <div id="header"> <h1>Auction System Software Engineering1</h1> </div> <div id="nav"> <button class="myButton" id="registration" onclick="changeCenter('regForm')"> Registration </button><br> <button class="myButton" id="searchItem" onclick="changeCenter('search')"> Search Items </button><br> <div id="logIn"> <?var url = getScriptUrl();?> <form id="loginform" action='<?=url?>?page=LoggedIn' target='_top'> username: <input type="text" name="username"/><br> password: <input type="password" name="password"/> <input type="submit" id="loginBtn" value="Login"/> </form> </div> </div> <div id="section"> <div id="regForm" style="display:none"> <form id="myForm"> <fieldset> First name: <input name="prename" type="text" /> <br> Second name: <input name="surname" type="text" /> <br> birthday: <input name="bday" type="text" /> <br> adress: <input name="adress" type="text" /> <br> username: <input name="unameReg" type="text" /> <br> password: <input name="pwReg" type="password" /> <br> repeat password: <input name="pwReg2" type="password" /> <br> <input type="button" value="Submit" /> </fieldset> </form> </div> 元素中添加另一个函数(甚至不需要对我的第一个函数执行某些操作)并运行应用程序,则第一个函数根本不起作用单击按钮时没有任何反应。

<script> 
// this is the function to change html parts dynamically, like f.e. when 
clicking a registration button, the welcome center section dissapears 
and the registration form will be activated

function changeCenter(divID){
//Hide the currently shown element first
if(document.getElementById("Welcome").style.display == 'block'){
document.getElementById("Welcome").style.display = 'none';
}
else if (document.getElementById("search").style.display == 'block'){
document.getElementById("search").style.display = 'none';
}
else if (document.getElementById("regForm").style.display == 'block'){
document.getElementById("regForm").style.display = 'none';
}
//display the element that will be shown.  No content is injected yet
document.getElementById(divID).style.display = 'block';
}

function testingXY{

}
</script>

这是HTML布局

 return HtmlService.createTemplateFromFile('Main').evaluate().setSandboxMode(HtmlService.SandboxMode.IFRAME);

如果我删除功能testingXY它会工作,我可以再次更改中心但是当它被添加时它将无法工作。希望这段代码可以帮到你。

for (i in 1:2) { 
    query_fn <- paste0("data/query_sequences/query",as.character(i),".txt") 
    output_fn <- paste0("data/output/output",as.character(i),".txt")
    system(paste("tblastn -query", query_fn, "-db data/genomes/bac_gen_db -out", output_fn)) 
}

这是我的.gs代码行,它将在应用程序脚本应用程序打开后执行(通过doGet(e)方法)

1 个答案:

答案 0 :(得分:1)

你的功能声明有问题。缺少括号

//yours
function testingXY{

    }

    This should be like this
    //edited
    function testingXY(){

    }