用php创建css文件

用php创建css文件,php,javascript,css,Php,Javascript,Css,我需要根据前端更改的变量创建一个可下载的css文件 注意:这是一个缩短的示例 CSS: 。颜色:红色;宽度:递增值() 在html id中,有一个inout字段来调整宽度,例如: HTML Id然后具有一个函数,该函数将在输入发生更改时运行,该函数将执行以下操作: header("Content-Disposition: attachment; filename=\"custom.css\""); header('Content-type: text/css'); header("Conten

我需要根据前端更改的变量创建一个可下载的css文件

注意:这是一个缩短的示例

CSS:

。颜色:红色;宽度:递增值()

在html id中,有一个inout字段来调整宽度,例如:

HTML

Id然后具有一个函数,该函数将在输入发生更改时运行,该函数将执行以下操作:

header("Content-Disposition: attachment; filename=\"custom.css\"");
header('Content-type: text/css');
header("Content-Type: application/force-download");
header("Connection: close");
$('input').on('change',function(){return$(this.val()*2})

是的,上面的函数是用jquery实现的,但我不太懂php,我告诉过你应该用php实现

有什么想法吗?

试试这个

<?php
   header("Content-type: text/css; charset: UTF-8");
   $my_width= incrementvalue();
?>

.phpClass{color: red; width: <?php echo $my_width;?>}

阅读

我可以看到您正在绑定更改事件。这可能意味着您希望动态更改宽度。不能使用PHP在客户端编写脚本。PHP是服务器语言,在这种情况下是无用的。如果您想动态更改某些内容,则必须使用客户端脚本。jQuery(或Knockour.JS)可能是最简单的解决方案。

您可以创建一个以CSS头开头的常规PHP文件:

<?php
header('Content-type: text/css');
  • 您最好使用javascript增加输入框的宽度。使用PHP肯定会增加网络负载——web浏览器应该发送输入框每次更改的请求
  • 如果确实需要刷新样式表,
    以及以后更改
    $(“#dynamic_样式表”)的href
    。在这种情况下,您最好加载不同选择器的额外样式,然后更改输入标记的类别
  • jQuery事件回调函数应该返回一个布尔值,表示它是否覆盖预定义的行为

  • 为什么在PHP中需要它?如果需要将值保存在某个地方(比如数据库),我会用PHP来实现,但否则Jquery是最好的解决方案。它需要创建一个可下载的css文件,如何使用javascript/Jquery实现这一点@RovHow会创建一个链接供他们下载吗?所以,如果我有一个按钮,上面写着下载css,我将在哪里或者如何实现它?那么这将创建一个download.css文件?我不想让他们下载一个php文件,如果我搞混了,很抱歉,这是一个php文件,可以生成CSS文件。查看标题函数中的文件名:“custom.css”。您可以将其更改为您喜欢的任何文件。它工作得非常出色,虽然现在我已经了解了这一点,但我可能需要重新访问,因为我需要“下载”按钮一次实际下载几个文件,我想把它们压缩成一个css文件,而不是他们下载的css文件吗?@Shannon Hochkins啊,我误解了。对不起,我写的有点奇怪,jquery会更新页面上的ui,有点像他们下载的演示,但是当点击按钮时,会有一个按钮使用这些信息生成一个文件供他们下载,但是这是一个php文件,他们可以下载,不是css吗?
    $css = <<<EOTAAA
    * {
        margin: 0;
        padding: 0;
    }
    body {
        background-color: %bg_color%;
        background-image: url(images/bg.gif);
        background-repeat: repeat-x;
        font:  14px Arial, Helvetica, sans-serif;
    }
    div.my_div{
        color: red;
        width: %width%;
    }
    
    EOTAAA;
    
    $search = array('%bg_color%', '%width%');
    $width = width_function();//some function for determining width
    $bg_color = bg_function();//some function for determining background color
    $replace = array($bg_color, $width);
    echo str_replace($search, $replace, $css);
    
    <a href="HTTP://www.example.com/download.php">Get CSS</a>
    
    header("Content-Disposition: attachment; filename=\"custom.css\"");
    header('Content-type: text/css');
    header("Content-Type: application/force-download");
    header("Connection: close");