SHOW:
|
|
- or go back to the newest paste.
| 1 | <?php | |
| 2 | session_start(); | |
| 3 | $color = (isset($_SESSION['color'])) ? $_SESSION['color'] : '#ffffff'; | |
| 4 | ?> | |
| 5 | <body style="background-color: <?= $color; ?>"> | |
| 6 | - | <button type="button" class="black" data-color="000000">black</button> |
| 6 | + | <button type="button" class="color black" data-color="000000">black</button> |
| 7 | <script src="js/jquery.js"></script> | |
| 8 | <script> | |
| 9 | - | $('.class_name').on('click', function(){
|
| 9 | + | $('.color').on('click', function(){
|
| 10 | var value = $(this).data('color');
| |
| 11 | $.ajax({
| |
| 12 | url: "change_color.php", | |
| 13 | type: "post", | |
| 14 | data: {'color' : value},
| |
| 15 | success: function(data) {
| |
| 16 | $('body').css({'background-color' : '#' + value});
| |
| 17 | } | |
| 18 | }) | |
| 19 | }) | |
| 20 | </script> | |
| 21 | </body> | |
| 22 | ====================================================== | |
| 23 | change_color.php | |
| 24 | <?php | |
| 25 | session_start(); | |
| 26 | if (isset($_POST['color'])) {
| |
| 27 | $_SESSION['color'] = $_POST['color']; | |
| 28 | } |