用php提交到mysql数据库的动态css和javascript

Question

我可以选择使用Adobe Flash或使用javascript来创建动态弓弦网站。 如何使用PHP创建选择提交给MySql的颜色？

<html>
<head>
<TITLE>Cool Javascript</title>
<style>
body {
      background-color: linen;
      margin: 0;
}

    #blueDiv {
        position: absolute;
        top: 100px;
        background-color: blue;
        width: 150px;
        height: 150px;          
      }
    #yellowDiv {
      position: absolute;
      top: 100px;
        background-color: yellow;
        width: 150px;
        height: 150px;  
        }
</style>
</head>
<body>
<button onclick="blue()"> blue button </button>

<button onclick="yellow()"> yellow button </button>
    <div id="blueDiv">
    </div>
    <script>
        var div = document.getElementById('blueDiv');
        function blue() {
            div.setAttribute("id", "blueDiv");
            }
        function yellow() {
            div.setAttribute("id", "yellowDiv");
            }
    </script>
    </body>
</html>

我可能需要考虑在我的css脚本中使用图像。 请注意以上内容，因为我已经坚持了几个月。

Answer 1

这是将单击按钮的颜色保存到隐藏输入的方法：

 var colorsToBeSelected = document.querySelectorAll('.color-selector'); var selected = document.getElementById('selected'); colorsToBeSelected.forEach(color => { color.addEventListener('click', (e) => { selected.value = window.getComputedStyle(color).getPropertyValue('background'); console.log(selected.value, 'was selected'); }); });

 .blue { background: blue; } .yellow { background: yellow; }

 <button class="color-selector blue">blue button</button> <button class="color-selector yellow">yellow button</button> ... <input hidden type='text' id='selected' name='selected'/>

每当用户点击任何彩色按钮时，它的背景属性将存储在您的输入值中。 背景，正如您提到的图像（仅考虑颜色的背景颜色 ）。 提交时，它将被存储为$_POST['selected'] ，其中'selected'是input的name属性的值。

Answer 2

怎么样才使用cookie？ 喜欢：

function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays*24*60*60*1000));
    var expires = "expires="+ d.toUTCString();
    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
} 

function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i = 0; i <ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') {
            c = c.substring(1);
        }
        if (c.indexOf(name) == 0) {
            return c.substring(name.length,c.length);
        }
    }
    return "";
} 

function blue() {
    div.setAttribute("id", "blueDiv");
    setCookie('last-color', 'blue', 3);
}


function yellow() {
    div.setAttribute("id", "yellowDiv");
    setCookie('last-color', 'yellow', 3);
}

if(getCookie('last-color') == 'yellow'){
    yellow();
}

函数setCookie和getCookie来自： http ： //www.w3schools.com/js/js_cookies.asp

用php提交到mysql数据库的动态css和javascript

问题描述

2 个解决方案

解决方案1
0 已采纳 2016-10-18 12:59:57

解决方案2
0 2016-10-18 13:10:23

用php提交到mysql数据库的动态css和javascript

问题描述

2 个解决方案

解决方案1 0 已采纳 2016-10-18 12:59:57

解决方案2 0 2016-10-18 13:10:23

解决方案1
0 已采纳 2016-10-18 12:59:57

解决方案2
0 2016-10-18 13:10:23