2017-10-13 69 views
0

我有这种形式可以让您选择背景颜色和文本颜色。提交后,我希望数据更改我的样式表。我可以在不输入数据库中的值的情况下执行此操作吗?这里是我的形式:根据表单提交值更改样式表

<form method="post" action="blog_settings.php"> 
<label for="change_background_color">Change Background Color</label> 
<br> 
<input type="color" name="change_background_color" id="change_background_color"> 
<br> 
<label for="change_text_color">Change Text Color</label> 
<br> 
<input type="color" name="change_text_color" id="change_text_color"> 
<br><br> 
<input type="submit" value="Submit" id="submit" onclick="return confirm('Are you sure?')"> 
</form> 

这里是我的岗位值:

<?php  

    if (isset($_POST['change_background_color'])){ 
     $change_background_color = $_POST['change_background_color']; 
     } 

    if (isset($_POST['change_text_color'])){ 
     $change_text_color = $_POST['change_text_color']; 
     } 

?> 

这里是我计划如何改变我的CSS:

body { 
    background-color: <?php echo $change_background_color ?>; 
    color: <?php echo $change_text_color ?>; 
} 

我知道我在这里缺少一个步骤。我可以在没有将颜色值输入数据库的情况下执行此操作吗?

+0

更好的尝试jQuery提交事件 – shashi

+0

尝试在jQuery中做。请参阅此https://stackoverflow.com/questions/16625618/javascript-change-color-of-text-and-background-to-input-value – KMS

回答

2

是的,你需要将设置保存在其他地方,否则他们将不会持续。另外,如果您希望页面正确呈现,则需要提供回退值。

保存数据的最简单方法是将其存储在PHP Session store中。