gpt4 book ai didi

Javascript - 显示 commandLink 然后消失

转载 作者:行者123 更新时间:2023-11-29 14:45:12 24 4
gpt4 key购买 nike

我正在开发一个 JSF 应用程序并想要一个简单的功能 - 单击命令按钮并显示一个命令链接。我做了一个测试。代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html">

<head>
<script type="text/javascript">
function testfunc() {
document.getElementById("testForm:test").style.display="block";
document.getElementById("testForm:test").style.visibility="visible";
}
</script>
</head>

<body>

<h:form id = "testForm" >
<h:panelGroup id="test" style="display:none" >
<h:commandLink value="Page 1" action="page1" /><br/>
</h:panelGroup>
<button onclick="testfunc()">Click me</button>
</h:form>

</body>
</html>

问题是链接 - <h:commandLink value="Page 1" action="page1" />显示立即消失。有人有什么建议吗?非常感谢!

最佳答案

我将您的 xhtml 更改为 并且它有效。我将按钮类型更改为按钮而不是默认提交。我也将 body 更改为 h:body。您可以保留 panelGroup 或像我一样使用 panelGrid。

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html">

<head>
<script type="text/javascript">
function testfunc() {
document.getElementById("testForm:test").style.display="block";
document.getElementById("testForm:test").style.visibility="visible";
}
function hidefunc() {
document.getElementById("testForm:test").style.display="none";
document.getElementById("testForm:test").style.visibility="hidden";
}
</script>
</head>

<h:body>

<h:form id = "testForm" >
<h:panelGrid id="test" style="display:none" >
<h:commandLink value="Page 1" action="page1" /><br/>
</h:panelGrid>
<button onclick="testfunc()" type="button">Show me</button>
<button onclick="hidefunc()" type="button">Hide me</button>
</h:form>

</h:body>
</html>

关于Javascript - 显示 commandLink 然后消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33785087/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com