在html中为目录中的每个文件创建一个按钮

时间:2015-08-08 04:54:30

标签: php html

我是html和php的新手。以下代码创建了目录“mydirectory”中文件的可见链接。但是如何为每个文件创建一个按钮,所以当他们单击某个特定按钮时,与之对应的文件会打开?

<?php
$handle = opendir('mydirectory');

if($handle){
    while(($entry = readdir($handle)) !== false){
        if($entry != '.' && $entry != '..' && $entry != '.htaccess'){
          echo "<font color='red'><a href=\"mydirectory/$entry\"          style='color:#f9c539' >$entry</a><br></font>";
        }
    }
    closedir($handle);
}
?>

2 个答案:

答案 0 :(得分:2)

只需将'a'标记更改为'button'标记即可。而不是使用'href'属性,您需要在click事件上执行一些JavaScript。

<?php
$handle = opendir('mydirectory');

if($handle){
    while(($entry = readdir($handle)) !== false){
        if($entry != '.' && $entry != '..' && $entry != '.htaccess'){
          echo "<button onclick=\"location.href='mydirectory/$entry'\">$entry</button><br>";
        }
    }
    closedir($handle);
}
?>

答案 1 :(得分:0)

我知道我来晚了,但是对于将来的读者,您可以坚持使用“ a”标记,只需使用css将其样式设置为按钮即可。您也可以在其中添加诸如padding和margins之类的内容,但是我提供了一个简短的示例,其中仅显示了一些看起来像按钮的基础知识。 (通常)该文件将存储在单独的CSS文件中,您可以将其链接到HTML文件中。

a {
  border-radius: 5px;
  text-decoration: none;
  font-size: 20px;
  color: #ffffff;
  background-color: #131069; 
  display: inline-block;
}

a:hover {
  background-color: #818181;
}