2

私はこれがphpにある必要があると確信しています...しかし、私が探しているものを説明させてください。

サイトに入力ボックスがあり、ユーザーがそこに入力したものは何でも css として設定されます

例えば

body{
Background-color: [text from the input goes here];
}
4

5 に答える 5

2

javascript/jquery を使用すると、次のことができます。

参照 (#000、緑、またはその他の色を入れてみてください): http://jsfiddle.net/mH6MK/

$( document ).ready(function() {
   $('input[name=getColor]').change(function() { 
       var $color = $("#getColor").val();
       $('body').css('backgroundColor', $color);
   });
});

または php は次のようになります。

<?
$color = $_GET['color'];
echo '<style type="text/css">body{background:'.$color.';}</style>';
?>
于 2013-07-10T01:56:46.483 に答える
2

jquery を使用できますが、jquery を使用していない場合は純粋な JavaScript をお勧めします。それはより速く、より強力です。

デモへのリンク => http://jsfiddle.net/77Bjx/

html

<input placeholder="enter hex color w/o #" id="bg" type="text"/>
<input type="button" value="submit" onClick="setBG()"/>

JavaScript

function setBG() {
    var elem = document.getElementById('bg')
    document.body.style.backgroundColor = '#' + elem.value;
 }

この機能を改善することができます。有効な16進値であることを確認するためにチェックを設定してください。# で始まるかどうかを確認し、そうでない場合は入力します。等

于 2013-07-10T02:01:59.863 に答える
0

いくつかのテストで、次を使用してボディの背景色を設定できることがわかりました。

document.body.style.backgroundColor = "purple";

name要素の/idがある場合input、その値は次のとおりです。

document.getElementsByName(elementName).value

したがって、これらのピースを組み合わせるのはそれほど難しくありません。おそらくonBlurリスナーを介して、入力のフォーカスがいつ変化するかを聞いてください。

于 2013-07-10T01:57:43.293 に答える
-1

なぜjqueryを使わないのですか？

$('body').css('backgroundColor', [input from box]);
于 2013-07-10T01:52:17.713 に答える