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

jquery - How do you format the date used in the popover widget title of FullCalendar? -

Image
in fullcalendar, how format date used in popover widget title when clicking '+n more'? code: <div class="fc-popover fc-more-popover"> <div class="fc-header fc-widget-header"> <span class="fc-close fc-icon fc-icon-x"></span> <span class="fc-title">tuesday, april 7</span> ... </div> ... </div> you use daypopoverformat that. determines date format of title of popover created eventlimitclick option. must date formatting string. default value "dddd, mmmm d" english , "ll" other languages.
Read more

Bubble Sort Manually a Linked List in Java -

Image
this first question here. trying manually sort linked list of integers in java , can not figure out wrong code. suggestions? don't error, still have output unordered. tried few different ways, nothing worked. appreciate if can me that. public class node { int data; node nextnode; public node(int data) { this.data = data; this.nextnode = null; } public int getdata() { return this.data; } } // node class public class datalinkedlist implements datainterface { private node head; private int size; public datalinkedlist(){ this.head = null; this.size = 0; } public void add(int data) { node node = new node(data); if (head == null) { head = node; } else { node currentnode = head; while(currentnode.nextnode != null) { currentnode = currentnode.nextnode; } currentnode.nextnode = node; ...
Read more

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