php - 从宽度为 : Style 的函数中回显 PHP 变量

Question

我需要在循环外获取变量 $percent_format 以便在我的样式中使用以获得 div 的动态宽度。但问题是我用循环的 sql 结果参数化了函数 Ofen_Auslastung。知道如何解决这个问题吗？

foreach ($connection->query($sql) as $row) {

                        $j=0;
                        echo "<tr>";
                            echo "<td> <a href='Kapauebersicht.php?OfenName=".$row['Name']."'><button onclick='myFunction()'><img src='http://xxx/xxx/Bilder/".$row[$j].".png' height='80px'></button></a></td>";       //Bezeichnung1
                            echo "<td>".$row[$j]."</td>";       //Bezeichnung1
                            list($total, $percent_format, $Anzahl) = Ofen_Auslastung($row[$j]);
                            $j++;
                            echo "<td>".$row[$j]."</td>";       //Bezeichnung2
                            $j++;
                            echo "<td>".$row[$j]."</td>";       //Bezeichnung3
                            $j++;
                            echo "<td><div class='outter'><div class='inner' >$percent_format%</div> $Anzahl belegte Plätze sind $percent_format% Auslastung von $total Plätzen. <p /></td>";
                        echo "</tr>";
                    }

                $connection = null; //reset connection


            }
            catch(PDOException $e)
                {
                    echo $e->getMessage();
                }           
    echo "</table>";

            //echo "<pre>";
            //print_r($sort);
            //echo " ****************************************************************** <br>";
            //print_r($sorted);

            //echo "</pre>";

            ?>

</table>
<button  value="Zurück" class="Button3" onclick="location.href='ma_QualiOverview.php'">Zurück</button>
<style type="text/css">
.outter{
    height:25px;
    width: 200px;
    border:solid 1px #000;
}
.inner{
    height:25px;
    width:<?php echo $percent_format ?>%;
    border-right:solid 1px #000;
    background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
}
</style>

感谢您的帮助。

Answer 1

我认为您正在尝试在类名为 inner 的元素 div 中添加动态宽度。根据我的说法，如果你想动态更改元素 div 的样式 css，你不需要循环外的变量 $percent_format 值，它已经在循环内。您只需要在 div 中添加 inline css 和 class 命名为 inner 如下粗体代码行:

foreach ($connection->query($sql) as $row) {
  $j=0;
  echo "<tr>";
  echo "<td> <a href='Kapauebersicht.php?OfenName=".$row['Name']."'><button onclick='myFunction()'><img src='http://xxx/xxx/Bilder/".$row[$j].".png' height='80px'></button></a></td>";       //Bezeichnung1
  echo "<td>".$row[$j]."</td>";       //Bezeichnung1
  list($total, $percent_format, $Anzahl) = Ofen_Auslastung($row[$j]);
  $j++;
  echo "<td>".$row[$j]."</td>";       //Bezeichnung2
  $j++;
  echo "<td>".$row[$j]."</td>";       //Bezeichnung3
  $j++;
  echo "<td><div class='outter'><div class='inner' style='width: $percent_format%;'>$percent_format%</div> $Anzahl belegte Plätze sind $percent_format% Auslastung von $total Plätzen. <p /></td>";
  echo "</tr>";
}

为此，您不需要在 foreach 外部调用变量 $percent_format。而如果你仍然想在循环外调用变量，你可以使用它。但这样做只会显示循环中最后一项的值。我希望这可以解决您的问题。