Javascript在php中回显时不起作用
我正在尝试为网站上的用户创建一个文件共享页面。根据他们的角色，他们可以看到不同的文件夹。当我用html编写所有内容时，它运行良好，每个文件夹的侧面都有三个按钮，但我的javascript函数隐藏了未单击的按钮。当我把所有东西都放在php中时，基本上只是重复它，所有这些都停止工作，所有的文件夹都显示出来了。我需要把它放在php中，因为我需要为不同的用户显示不同的东西。代码如下：Javascript在php中回显时不起作用,javascript,php,echo,Javascript,Php,Echo,我正在尝试为网站上的用户创建一个文件共享页面。根据他们的角色，他们可以看到不同的文件夹。当我用html编写所有内容时，它运行良好，每个文件夹的侧面都有三个按钮，但我的javascript函数隐藏了未单击的按钮。当我把所有东西都放在php中时，基本上只是重复它，所有这些都停止工作，所有的文件夹都显示出来了。我需要把它放在php中，因为我需要为不同的用户显示不同的东西。代码如下： echo " <!DOCTYPE html> <html> <meta name='vie
echo "
<!DOCTYPE html>
<html>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' href='../styles/style.css'>
<body>
<header>
<h1>Dundas Agri Systems Employee Page</h1>
<h2>Always search for a Spirit of Tranquility</h2>
</header>";
echo "<div class='tab'>";
if ($_SESSION["role"]==admin || $_SESSION["role"]==tech || $_SESSION["role"]==emp){
echo "<button class=''tablinks'' onclick=''OpenFolder(event, 'Employee')'' id=''defaultOpen''>Employee</button>";
}
if ($_SESSION["role"]==admin || $_SESSION["role"]==tech){
echo "<button class=''tablinks' onclick=''openFolder(event, 'Lely')''>Lely</button>";
}
if ($_SESSION["role"]==admin){
echo "<button class='tablinks' onclick='openFolder(event, 'Manager')''>Manager</button>";
}
echo "</div>";
if ($_SESSION["role"]==admin || $_SESSION["role"]==tech){
echo "<div id='Lely' class='tabcontent'>
<div id='container'>
<h1>Directory Contents</h1>
<table class='sortable'>
<thead>
<tr>
<th>Filename</th>
<th>Type</th>
<th>Size <small>(bytes)</small></th>
<th>Date Modified</th>
<th></th>
</tr>
</thead>
<tbody>
";
openfilesystem('./LelyUploads');
echo "
</tbody>
</table>
<div id='Upload'>
<form action='' method ='post' enctype='multipart/form-data'>
Select a file to upload:
<input type='file' name='fileToUpload' id='fileToUpload'>
<input type='submit' value='Submit' name='submit' id='submit'>
</form>
</div>
</div>
</div>";
}
if ($_SESSION["role"]==admin || $_SESSION["role"]==tech || $_SESSION["role"]==emp){
echo "<div id='Employee' class='tabcontent'>
<div id='container'>
<h1>Directory Contents</h1>
<table class='sortable'>
<thead>
<tr>
<th>Filename</th>
<th>Type</th>
<th>Size <small>(bytes)</small></th>
<th>Date Modified</th>
<th></th>
</tr>
</thead>
<tbody>
";
openfilesystem('./uploads');
echo "
</tbody>
</table>
<div id='Upload'>
<form action='' method ='post' enctype='multipart/form-data'>
Select a file to upload:
<input type='file' name='fileToUpload' id='fileToUpload'>
<input type='submit' value='Submit' name='submit' id='submit'>
</form>
</div>
</div>
</div>";
}
if ($_SESSION["role"]==admin){
echo "<div id='Manager' class='tabcontent'>
<div id='container'>
<h1>Directory Contents</h1>
<table class='sortable'>
<thead>
<tr>
<th>Filename</th>
<th>Type</th>
<th>Size <small>(bytes)</small></th>
<th>Date Modified</th>
<th></th>
</tr>
</thead>
<tbody>
";
openfilesystem('./LelyUploads');
echo "
</tbody>
</table>
<div id='Upload'>
<form action='' method ='post' enctype='multipart/form-data'>
Select a file to upload:
<input type='file' name='fileToUpload' id='fileToUpload'>
<input type='submit' value='Submit' name='submit' id='submit'>
</form>
</div>
</div>
</div>";
}
echo "
<script>
function openFolder(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName('tabcontent');
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = 'none';
}
tablinks = document.getElementsByClassName('tablinks');
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(' active', '');
}
document.getElementById(cityName).style.display = 'block';
evt.currentTarget.className += '' active';
}
// Get the element with id='defaultOpen' and click on it
// document.getElementById('defaultOpen').click();
</script>
</body>
</html>
";
echo”
邓达斯农业系统公司员工页面
总是寻求一种宁静的精神
";
回声“；
如果（$|U会话[“角色”]==管理|$| U会话[“角色”]==技术| |$| U会话[“角色”]==emp）{
呼应“员工”；
}
如果（$(会话[“角色”]==管理员| |$)$(会话[“角色”]==技术）{
呼应“经理”；
}
回声“；
如果（$(会话[“角色”]==管理员| |$)$(会话[“角色”]==技术）{
回声“
目录内容
文件名
类型
大小（字节）
修改日期
";
openfilesystem（'./LelyUploads'）；
回声“
选择要上载的文件：
";
}
如果（$|U会话[“角色”]==管理|$| U会话[“角色”]==技术| |$| U会话[“角色”]==emp）{
回声“
目录内容
文件名
类型
大小（字节）
修改日期
";
openfilesystem（“./uploads”）；
回声“
选择要上载的文件：
";
}
如果（$_SESSION[“role”]==admin）{
回声“
目录内容
文件名
类型
大小（字节）
修改日期
";
openfilesystem（'./LelyUploads'）；
回声“
选择要上载的文件：
";
}
回声“
函数openFolder（evt，cityName）{
var i，tabcontent，tablinks；
tabcontent=document.getElementsByClassName（'tabcontent'）；
对于（i=0；i关键是函数OpenFolder似乎没有被正确调用，或者根本没有被调用。无论如何，我都不是PHP专家，所以如果有其他方法来完成我正在尝试的工作，那也会非常有帮助 帮你自己一个忙，围绕这些巨大的HTML块关闭并重新打开PHP，而不是用echo语句编写它们。我会这样做，只是我需要if语句来确定用户角色。例如，如果用户是管理员，则会出现某些html块。您可以执行
''class=''tablinks'class=“tablinks>“