나는 웹 사이트 테마를 만들었습니다. 이것에서 나는 이것에 하나의 특징을 추가하는 것에 혼란스러워한다. 즉, 사용자 측에서 선택한 색상 값에 따라 테마 배경색을 변경하고 싶습니다. 예를 들어이 같은 우리 테이블 :동적으로 배경색 변경
+------+------------------+---------+
| s_no | attribute | color |
+------+------------------+---------+
| 1 | background-color | #F6F4F0 |
+------+------------------+---------+
을 그리고 지금은 CSS 재산이
body{
background-color:"color value from table"
}
처럼 설정하려면이 가능합니까? 가능한 경우 친절하게 설명하십시오. 사전에 감사드립니다!.
당신은 이것을 볼 수 있습니다.
http://www.barelyfitz.com/projects/csscolor/
그것은 명확하게 동적으로 CSS 스타일을 추가하는 방법에 대해 설명합니다.
당신은 당신의 PHP에서 같은 것을 할 수있는 것은
<?php
header("Content-type: text/css");
$white = '#fff';
$dkgray = '#333';
$dkgreen = '#008400';
?>
body {
background:<?=$white?>;
color:<?=$dkgray?>;
}
h1, h2, h3, h4 {
color:<?=$dkgreen?>;
}
blockquote {
color:<?=$dkgreen?>;
}
당신은
body{
background-color:<?php echo $color;?>
}
처럼 Styles에 PHP를 사용할 때마다 사용을 RAND() 기능을 $color를 가져 오는 동안 수 있습니다.
아니요, 그는 사용자가 선택한 옵션을 원합니다. – sinisake
하지만 그는 사용자가 선택할 수있는 곳에서 언급하지 않았습니다. 그래서 DB에서 생각했습니다. – Gautam3164
예, 맞습니다. 지금도 확신하지 못합니다. (btw, 답변하지 않은 채로 투표하지 않았습니다.)) 그러나 색상은 테이블에 있지만 먼저 사용자가 선택해야하므로 RAND()가 옵션이 아닙니다. 아마도 ....... – sinisake
<?php
setcookie("bgcolor", "#f2f2f2", time()+3600);
?>
<?php
if (isset($_COOKIE["user"]))
echo "<style>body{background-color:" . $_COOKIE["bgcolor"] . "}</style>";
?>
....
<script type="text/javascript">
function changeBG(color)
{
var body=document.getElementsByTagName('body')[0];
body.style.background= color;
}
</script>
을 자바 스크립트 기능이 시도하고 버튼 클릭이나 당신이 원하는 어떤 경우에이 기능을 발사 like ...
<input type="button" onclick="return changeBG(this.value);" value="<?php echo $color; ?>">
Instea 귀하의 CSS에 당신이 자바 스크립트 (아약스 요청)를 사용할 수 PHP를 작성합니다. 나는 당신이하고 싶은 것에 대한 충분한 정보가 없지만 사용자가 select에서 값을 선택할 때 AJAX를 사용하여 데이터를 검색 할 수 있습니다. CSS로 PHP 코드를 개발하고 작성하는 것이 더 복잡합니다 ... 더럽지는 않습니까? 어쩌면 나는이 시점에서 틀렸다.
물론 가능합니다.'.css' 파일을'.php'로 변환하고 데이터베이스에서 레코드를 가져 와서 적절히 배치해야합니다. –
이 게시물을 살펴보면 동일한 프로세스입니다. http://stackoverflow.com/questions/22148557/be-able-to-change-the-colour-of-seperate-divs-by-clicking-on- buttons/22149034 # 22149034 –
가장 좋은 방법은 바로 인라인 CSS를 작성하는 것입니다. –