用js脚本建一个带文字按钮的面板当点击文字按钮的时候能改变按钮上文字的内容
时间: 2023-05-22 07:01:12 浏览: 72
可以使用以下代码实现:
HTML:
```
<div id="panel">
<button id="btn">按钮</button>
</div>
```
JavaScript:
```
var btn = document.getElementById("btn");
btn.addEventListener("click", function() {
btn.innerHTML = "新文字";
});
```
这段代码会创建一个带有一个按钮的面板,当点击按钮时,按钮上的文字会变成“新文字”。
相关问题
帆软决策报表(finereport)JS实现点击按钮隐藏查询条件
要在帆软决策报表(FineReport)中实现点击按钮隐藏查询条件,可以按照以下步骤进行:
1. 在报表设计器中,选择查询面板,然后在属性栏中找到“绑定JS脚本”属性,输入以下代码:
```javascript
function hideQuery() {
var queryPanel = Report.getQueryPanel();
queryPanel.setVisible(false);
Report.repaint();
}
```
该代码会获取查询面板对象并将其隐藏,最后刷新报表。
2. 在报表设计器中添加一个按钮,然后在属性栏中找到“单击事件”属性,输入以下代码:
```javascript
hideQuery();
```
该代码会调用刚才定义的函数,隐藏查询面板。
3. 保存报表并预览,单击按钮即可隐藏查询面板。
注意:在帆软决策报表中,需要使用 Report 对象来获取查询面板对象并刷新报表。
创建一个UI,UI上面有四个构成,确定和取消按钮,选择文件夹按钮,一个Droplist。点击选择文件夹按钮会弹出dlg让用户选择文件夹,并将用户选择的文件夹中的文件生成droplist的列表。用户选择列表里面的文件,点击确定,可以将文件导入ae的脚本。提示这是一个面板插件
好的,根据你的要求,以下是一个示例面板插件的代码:
```javascript
(function () {
// 创建一个面板
var myPanel = new Window("palette", "文件导入AE", undefined);
// 创建一个下拉列表框
var myDropdown = myPanel.add("dropdownlist", [10, 10, 200, 30], [], {items: ["选择文件"]});
// 创建一个选择文件夹按钮
var myFolderBtn = myPanel.add("button", [10, 40, 200, 60], "选择文件夹");
// 创建一个确定按钮
var myOKBtn = myPanel.add("button", [10, 70, 100, 90], "确定");
// 创建一个取消按钮
var myCancelBtn = myPanel.add("button", [110, 70, 200, 90], "取消");
// 给选择文件夹按钮添加点击事件
myFolderBtn.onClick = function () {
// 弹出一个文件夹选择对话框
var folder = Folder.selectDialog("选择文件夹");
if (folder) {
// 如果选择了文件夹,则获取该文件夹下的所有文件
var fileList = folder.getFiles();
// 创建一个空数组,用于存储所有文件
var list = [];
// 遍历文件夹下的所有文件,并将它们添加到数组中
for (var i = 0, len = fileList.length; i < len; i++) {
if (fileList[i] instanceof File) {
list.push(fileList[i].displayName);
}
}
// 更新下拉列表框的选项
myDropdown.removeAll();
myDropdown.add("item", "选择文件");
for (var j = 0, l = list.length; j < l; j++) {
myDropdown.add("item", list[j]);
}
myDropdown.selection = 0;
}
};
// 给确定按钮添加点击事件
myOKBtn.onClick = function () {
// 获取下拉列表框选中的选项
var selectedItem = myDropdown.selection;
if (selectedItem && selectedItem.text !== "选择文件") {
// 如果选中了选项,并且选中的选项不是默认选项,则获取选中的文件名
var fileName = selectedItem.text;
// 在这里编写将文件导入AE的脚本
alert(fileName + "导入成功!");
} else {
alert("请选择一个文件!");
}
};
// 给取消按钮添加点击事件
myCancelBtn.onClick = function () {
myPanel.close();
};
// 显示面板
myPanel.show();
}());
```
你可以将以上代码复制到 Adobe ExtendScript 工具中,编译并打包为面板插件(zxp 文件)。安装该插件后,你可以在 AE 中打开该面板,并使用它来选择文件夹、选择文件以及将选择的文件导入 AE。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)