特定の div の背景画像、色、サイズ、位置を編集するスクリプトを作成します。特定の div と負荷設定を検索するドキュメント対応スクリプト
var color_default = $('.banneruser').css("background-color");
var image_default = $('.banneruser').css("background-image");
var align_default = $('.banneruser').css("background-position");
var size_default = $('.banneruser').css("background-size");
シンプルなパネルですべての設定を個別に編集し、保存ボタンですべての設定をデータベースに設定する ajax 呼び出しを行います
function don() {
var color_set = $('.banneruser').css("background-color");
var align_set = $('.banneruser').css("background-position");
var size_set = $('.banneruser').css("background-size");
var image_set = $('.banneruser').css("background-image");
$.ajax({
type: "GET",
url: "set.php",
data: "color=" + color_set + "&align=" + align_set + "&size=" + size_set + "&image=" + image_set,
success: function(response){
alert(response);
}
});
return false;
}
そしてset.phpをデータベースに保存します
<? include 'config.php'; connect(); session_start();
$color=mysql_real_escape_string($_GET['color']);
$image=mysql_real_escape_string($_GET['image']);
$align=mysql_real_escape_string($_GET['align']);
$size=mysql_real_escape_string($_GET['size']);
//data
$query = "SELECT * FROM utenti WHERE username='".$_SESSION['user']."'";
$result = mysql_query($query);
$id = mysql_result($result,0,"id");
$banner = "background-color:".$color."; background-image:".$image."; background-position:".$align."; background-size:".$size."; ";
$done= mysql_query("UPDATE `utenti` SET `banner` = '$banner' WHERE `id` = '$id';");
if($done){ echo '<i class="icon-ok-sign"></i>'; } else { echo '<i class="icon-warning-sign"></i>'; }
?>
基本的に、これはクロムで完全に機能しますが、FirefoxとIEはデータベースにこのような奇妙な文字列を設定します
background-color:rgb(219, 126, 50); background-image:url(" http:="" posth.it="" account="" felicegg="" banner.jpg");="" background-position:50%;="" background-size:auto;="" "="
データベースで完全に読んだとしても
background-color:rgb(219, 126, 50); background-image:url("http://posth.it/account/felicegg/banner.jpg"); background-position:50%; background-size:auto;
PS: Chrome で設定を行った場合、つまり、Firefox は文字列を完全に読み取ります。その問題が発生しても (Chrome でも)。
質問はなぜですか?:D 何かアイデアはありますか?