如何在Google网站上添加/编辑JS？这样我想使用jQuery和jQuery UI来操纵网站的外观.
要明确的是,我不是在谈论所有谷歌网站,只是谷歌制作的创建你自己的系统,称为"谷歌网站" - > https://sites.google.com/.
在howto页面上,有:不支持的功能
HTML Box工具目前不支持以下功能:
iframe JavaScript代码无法创建任何脚本,图像或链接标记文档/窗口onload和onready函数.您可以在文档加载后需要加载的代码末尾放置任何JavaScript.
这是否意味着HTML工具无法创建标签？即使他们在上面的演示中？
我正在尝试将一个简单的JavaScript添加到Google协作平台,但按下按钮时我什么都没得到.我把代码放在HTML Box中.在本地测试时,代码可以正常工作.这是我的代码:
<script>
function calcul(){
x = parseFloat(document.getElementById("value1").value);
y = parseFloat(document.getElementById("value2").value);
document.getElementById("answer").innerHTML=x+y;
}
</script>
<form action="" id="nothing">
<input type="text" id="value1">
<input type="text" id="value2">
<input type="button" value="Calculate" id="but" onclick="calcul()" />
<p id="answer"></p>
有什么东西我忘了让它起作用吗？
我正在搞乱谷歌网站,试图让一些HTML代码实际工作,我正在碰壁.基本上我希望能够输入html代码以及css样式而不必使用内联样式,所以我做了一些研究,确定它可以完成.据说所有人都需要添加一个HTML小工具并输入相关代码,点击保存和shezam!它应该工作.问题是,当我这样做时,它根本不起作用.
我已经查看了以下链接以获得一些指导,看起来我正在做的一切正常:
另一个奇怪的部分是,当我使用第二个链接示例时,它工作正常,但是当我删除示例的脚本部分时,它无法像我的代码一样生成样式化结果.这是一个我尝试过的非常简单的例子.
全球版
<style>
#tester {
padding: 100px;
height: 500px;
width: 500px;
border: 1px solid #0F0;
background-color: #ff0000;
}
</style>
<div id="tester">please work 0_0</div>
内联版本
<div id="tester" style="padding: 100px; height: 500px; width: 500px; border: 1px solid #0F0; background-color: #ff0000;">please work 0_0</div>
我得到的只是div本身没有格式化的句子.如果我改变它以使用内联样式,它工作得很好,但那真的打败了HTML框的目的首先.
关于我做错的任何建议？
编辑:这是一个带有上面测试代码的JSFiddle,它应该是什么样子
另外,我应该指出.我提供的代码工作正常,没有错误.我希望解决的问题是让第一个版本(非内联版)在Google协作平台的Html框中工作.