私は自分のCSSを動的に変更しようとしています。私のcss値はデータベースから取得する必要があります。私が持っているgoals
という名前の私のデータベース内のテーブルをorder
、それが含まれていid
とgoal_1
。
これが私が使用しているコードです:
<?php
$conn = mysqli_connect('localhost','root','','order');
$query1 = "SELECT * FROM `goals`";
$result = mysqli_query($conn, $query1);
while ($row = mysqli_fetch_array($result)) {
$width = $row["goal_1"]; `// storing value in a variable from db.`
}
?>
<!DOCTYPE html>
<html>
<head>
<title>project-1</title>
<link rel="stylesheet" type="text/css" href="style.php">
</head>
<body class="container">
<div>
<h4>Goal_1</h4>
<h5><?php echo $width ?></h5> // this value is supposed to came from db.
<hr align="left" class="goal goal_1">
</div>
</body>
</html>
タグの幅を<hr>
動的にしたい。の値がgoal_1
dbから来たと仮定します2
。これで、私の幅はに<hr>
なり2px
ます。この目的のために、私はstyle.php
ファイルを使用しています。
// my css file
<?php
header('Content-Type: text/css');
?>
.container {
width: 1170px;
margin: 0 auto;
}
div{
float: left;
width: 330px;
margin-top: 20px;
}
.goal{
height:15px;
background-color:#32CD32;
}
.goal_1{
width: <?php $width ?>px; `// i am trying to do this to take the value form my db. but its not working`
}
h4{
margin-bottom: 20px;
}
h5{
float: left;
margin-left: 35px;
margin-right: 20px;
}
どんな助けでもいただければ幸いです。
変更してみてください
.goal_1{
width: <?php $width ?>px;
}
に
.goal_1{
width: <?php echo $width; ?>px;
}
そしておそらく
<h5><?php echo $width ?></h5>
に
<h5><?php echo $width; ?></h5>/* trailing semi-colon */
-
dbコードを内部に配置style.php
することを意味しない可能な回避策は、内部に入力しindex.php
て使用可能にすることができるセッション変数を使用することです。style.php
したがって、たとえば:
<?php
/* index.php */
session_start();
$_SESSION['style']=(object)array(
'h1' => (object)array('color'=>'red','font-size'=>'1.25rem'),
'hr' => (object)array('width'=>'500px'),
);
?>
<html>
<head>
<title>Dynamic styles</title>
<link rel='stylesheet' href='style.php' />
</head>
<body>
<h1>Dynamic style</h1>
<hr />
</body>
</html>
<?php
/* style.php */
session_start();
if( !empty( $_SESSION['style'] ) ){
$obj=$_SESSION['style'];
$h1=$obj->h1;
$hr=$obj->hr;
}
?>
h1{
color:<?php echo $h1->color; ?>;
font-size:<?php echo $h1->{'font-size'}; ?>
}
hr{
width:<?php echo $hr->width;?>;
}
等
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加