gpt4 book ai didi

php - 使用 if 语句更改 PHP 中 div 的背景

转载 作者:行者123 更新时间:2023-11-28 10:06:18 26 4
gpt4 key购买 nike

我正在制作一个小部件,让我知道服务器何时在线或离线。它有效,我需要让它在线时为绿色,离线时为红色。到目前为止,这是我的代码:

<html>
<head>
<title>Server Widget</title>
<style>
.server-widget {
position:absolute;
width:5em;
text-align:center;
background:#333;
border-radius:5px;
color:#fff;
font-family: arial;
padding:10px;
top:20px; left: 20px;
}
</style>
</head>
<body>
<div class="server-widget">

<?php

$ip = "google.com";
$port = "80";
$sock = @fsockopen( $ip, $port, $num, $error, 2 );

if( !$sock ) {

echo( "Offline" );

}

if( $sock ) {

echo( "Online" );

fclose($sock);

}

?>
</div>
</body>
</html>

这只是告诉我它是在线还是离线。我尝试使用 if 语句来说明服务器是否在线,然后背景颜色为绿色,否则为红色。当服务器在线时它工作。但是一旦它是离线服务器,小部件仍然保持绿色。谢谢。

最佳答案

要根据您的离线状态实现着色,只需做两件事:

我。在样式 block 中,从 .server-widget block 中取出颜色属性,并像这样单独指定它:

.offline {color: red}
.online {color: green}

二。之后,需要做的就是使用 php 设置离线和在线类属性。为此,请按如下方式替换您的 div block 代码:

<div class="server-widget <?php 
$ip = "google.com";
$port = "80";
$sock = @fsockopen( $ip, $port, $num, $error, 2 );

if( !$sock ) {

echo( "Offline" );

}

if( $sock ) {

echo( "Online" );

fclose($sock);

}

?>">
</div>

这将在您的标签中放置一个额外的离线或在线类,从而使着色工作正常。

关于php - 使用 if 语句更改 PHP 中 div 的背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24544390/

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