javascript - Html multipe input type color ,inserting the selected colors to database -


i using input type color select color customize site. inserting selected color database , retrieve , apply site working nice single input type color. have input type color , button when select color , click button , area name , color inserted database area name = footer , color = #ccc, problem want content,header,left sidebar , right sidebar. can use multiple button multiple input type, seem not professional ,i want multiple input type color , 1 button all. appreciated. in advance.

    /**the working code single input type color button***/    choose colour: <input class="color"  name="color1" id="color1"  placeholder="click choose colour">    <input type="submit" onclick="changebodycolour('color1')" value="apply" />   /**my function insert value database table**/     function changebodycolour(c1)    { var selectedcolur = document.getelementbyid(c1).value; //alert(selectedcolur);             $("#color1").empty();             $("#loginscreen").empty();                 $.ajax({                  url: ""+pat+"changecolour.php?ipp="+encodeuricomponent(selectedcolur),                  type: 'post',                 beforesend: function()                 {                 $('body').css({ opacity: 0.5 });                 $("#loading_img").show();                  },                 success: function(data)                 {                     $("#loading_img").hide();                     $("#loginscreen").fadein('slow').append(data).delay(1300).fadeout('slow');                     $('body').css({ opacity: 2 });                 }                        });//end ajax call           }       /**and php code**/    $sql = "insert gr_colours values('','".$_get['ipp']."','body')";     $db->insert($sql); 

<?php /* try code  color.php */ ?> <!doctype html> <html lang="en"> <head>     <meta charset="utf-8">     <title>document</title> </head> <body> <div> footer:<br> <input type="color" name="footer" class="color" > <br><br> header:<br> <input type="color" name="header" class="color" > <br><br>     aside:<br> <input type="color" name="aside" class="color" > <br><br>     <button id="submit">submit</button> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script>     jquery(document).ready(function($) {         $('#submit').click(function(){             var obj={};         $('.color').each(function(e){             obj[$(this).attr('name')]=$(this).val();           });          $.ajax({             url: 'changecolor.php',             type: 'post',         //  datatype: 'json',             data: obj,         })         .done(function(data) {             console.log(data);         })         .fail(function() {             console.log("error");         })         .always(function() {             console.log("complete");         });                  });             }); </script> </body> </html> <?php /* changecolor.php */ ?> <?php if(isset($_post)){     $key=array_keys($_post);     $value=array_values($_post);     $fields="`".implode("`,`", $key)."`";     $values="'".implode("','", $value)."'";     $sql="insert `table_name` ({$fields}) values ({$values})";     echo $sql;  } ?>

Comments

Post a Comment

Popular posts from this blog

asp.net mvc - SSO between MVCForum and Umbraco7 -

i need integrate sso between mvcforum (forum of company) , umbraco7 (manages cms company). however struggling shared authentication work. tried several ways suggested on other threads still not running expected. here did: 1. in mvcforum (forum.mywebsite.com) 1.1. machine key in web.xml: <machinekey validationkey="the same key umbraco7" decryptionkey="the same key umbraco7" validation="sha1" decryption="aes" /> 1.2. authenticate forms in web.xml <forms name="my-sso-auth" protection="all" path="/" timeout="43200" domain="forum.mywebsite.com" loginurl="/members/logon" enablecrossappredirects="true" /> 2. in umbraco7 (news.mywebsite.com) 2.1. machine key in web.xml: <machinekey validationkey="the same key mvcforum" decryptionkey="the same key mvcforum" validation="sha1" decryption="aes" /> 2.2. a
Read more

Python Tkinter keyboard using bind -

i have problem using bind option can click button in keyboard, , call function once key pressed. tried taking other codes have similar purpose , saw i'm doing pretty same, though still have problem must've missed. thankful if me this. here's code: # -*- coding: utf-8 -*- #imports tkinter import * pil import imagetk, image import time import tkmessagebox #===========================================================================================================================================# #tkinter class class app(frame): def __init__(self, master=none): frame.__init__(self, master) self.pack() #===========================================================================================================================================# #game pieces classes class board: def __init__(self, rows = 7, columns = 6, picture_height = none, picture_width = none): self.rows = rows self.columns = columns self.picture
Read more

ubuntu - Selenium Node Not Connecting to Hub, Not Opening Port -

i'm trying set demo selenium grid. have digital ocean ubuntu 14.02 droplet. (i have 2 , tried set using 2 different machines got nowhere.) i'm trying run hub , node both locally. here input both hub, node, , nmap results. https://gist.github.com/mekhami/d5bbecca5ff0de9d2dc9 so, node starting tcp connection reset , port it's supposed operate on closed. i have had no luck in number of different options , configurations work. but... of course, worked randomly once. don't know why, don't know did, know 1 brief moment, node connected , saw on grid console. tried run test , went down again , i've never seen come up. please let me know more information can provide. update: randomly came online again. don't know happened, might related timeout or time_wait or going on. this because vm/server not have enough entropy available. to resolve problem, install haveged (or other similar things). the instructions of how install haveged on ubu
Read more