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 | } |