Passing values using the POST method from <div class="text_color" name ="text2_color"></div>
I have Javascript code that finds the closest similar color and I need after he finds it to find his MySQL database. I wanted to do this with the POST method, but I can't get the value of class = "text_color". How can I do it? Help me please.
<?php $db = mysql_connect('localhost', 'php_color', '12345'); mysql_query("SET NAMES 'cp1251'"); mysql_select_db("shedow",$db); //$result = mysql_query("SELECT * FROM color_name WHERE HEX = '$hex' OR H ='$h_r' ORDER BY H,S,V") or die(mysql_error()); /*$result = mysql_query("SELECT DISTINCT English_name,Russian_name,HEX,HEX,R,G,B,C,M,Y,K,H,S,V, abs(r-$r)^2+abs(g-$g)^2+abs(b-$b)^2 b FROM color_name ORDER BY R,G,B ASC") or die(mysql_error());*/ $result = mysql_query("SELECT HEX FROM color ") or die(mysql_error()); $myrow = mysql_fetch_array($result); /*$options = ''; do { $options .= printf ("%s,", $myrow['HEX']); } while($myrow = mysql_fetch_array($result)); echo "$options";*/ $arr = array(); while($rows = mysql_fetch_array($result)){ $arr[] = $rows[0]; } ?> <script> var r,g,b,base_colors, index; $(document).ready(function(){ function getSimilarColors (color) { base_colors = <?php echo json_encode($arr); ?> //Преобразование RGB, в R, G, B var color_rgb = hex2rgb(color); var color_r = color_rgb.split(',')[0]; var color_g = color_rgb.split(',')[1]; var color_b = color_rgb.split(',')[2]; //Создание пустого массива для разности между цветами var differenceArray=[]; //Функция ищет наименьшее значение в массиве Array.min = function( array ){ return Math.min.apply( Math, array ); }; //Преобразование цвета HEX в массиве RGB цветов, разделив их запятыми по RGB, узнаем разницу между "цвет" и цветов в массиве $.each(base_colors, function(index, value) { var base_color_rgb = hex2rgb(value); var base_colors_r = base_color_rgb.split(',')[0]; var base_colors_g = base_color_rgb.split(',')[1]; var base_colors_b = base_color_rgb.split(',')[2]; //Добавить разницу в differenceArray differenceArray.push(Math.sqrt((color_r-base_colors_r)*(color_r-base_colors_r)+(color_g-base_colors_g)*(color_g-base_colors_g)+(color_b-base_colors_b)*(color_b-base_colors_b))); }); //Получить наименьшее количество из differenceArray var lowest = Array.min(differenceArray); //Получить номер index для lowest index = differenceArray.indexOf(lowest); //Функция для преобразования HEX в RGB function hex2rgb( colour ) { //var r,g,b; if ( colour.charAt(0) == '#' ) { colour = colour.substr(1); } r = colour.charAt(0) + colour.charAt(1); g = colour.charAt(2) + colour.charAt(3); b = colour.charAt(4) + colour.charAt(5); r = parseInt( r,16 ); g = parseInt( g,16 ); b = parseInt( b ,16); return r+','+g+','+b; } //Возвращение HEX кода return base_colors[index]; } //Только для демонстрации $('button').click(function(){ $('.base_color').css('backgroundColor',$('input').val()); $('.nearest_color').css('backgroundColor','#'+getSimilarColors($('input').val())); $('.text_color').text(getSimilarColors($('input').val())); return false; }); }); //document.write(base_colors[index]); //document.write('#'+getSimilarColors($('input').val())); </script> <p> <!--<input type="text" value="#5D8AA8"/>--> <input type="text" maxlength="6" size="15" id="colorpickerField1" value="00ff00" /> <button>Get the closest color</button> </p> <p>Base color:</p> <div class="base_color"></div> <p>Closest color:</p> <div class="nearest_color"></div> <form action='search_color.php' method='post' name='form_s' align='left'> <div class="text_color" name ="text_color"></div><br> <span class="text_color" name ="text_color"></span><br> <input name='text_color' type='text' style='width: 10%;' id='hex' /><br> <input name='submit_s' type='submit' style='width: 20%;'value='Показать информацию о цвете' /> </form> 
