Выбор данных из MySQL и занесение данных в массив Javascript / MySQL

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / MySQL [игнор отключен] [закрыт для гостей] / Выбор данных из MySQL и занесение данных в массив Javascript

2 сообщений из 2, страница 1 из 1

Выбор данных из MySQL и занесение данных в массив Javascript

#38676534

x_decimo_x

Гость

Как подсоединить базу данных к Javascript?

У меня есть код на Javascript который находит ближайший похожий цвет(похожие цвета он берет из массива) и мне нужно чтобы в массив поступали цвета из базы данных MySQL. Как мне это сделать? Помогите пожалуйста.

Код:

<html>
<head>
<title>dsfsf</title>
<script type="text/javascript" src="Shades/table/jquery.js"></script>
<style>
div {
width:50px;
height:50px;
margin:0 0 0 20px;
}

p {
margin:20px;
}
</style>

</head>
<body>

<?php
$db = mysql_connect('localhost', 'php_color', '12345');
mysql_query("SET NAMES 'cp1251'");
mysql_select_db("shedow",$db);

// Выбираем из таблицы color_names HEX
$result = mysql_query("SELECT HEX FROM color_names ") or die(mysql_error());
$myrow = mysql_fetch_array($result);
?>
<script>
$(document).ready(function(){
function getSimilarColors (color) {
//В этот массив занести данные из БД
var base_colors=["660000","990000","cc0000","cc3333","ea4c88","993399","663399","333399","0066cc","0099cc","66cccc","77cc33","669900","336600","666600","999900","cccc33","ffff00","ffcc33","ff9900","ff6600","cc6633","996633","663300","000000","999999","cccccc","ffffff"];

//Convert to RGB, then 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];

//Create an emtyp array for the difference betwwen the colors
var differenceArray=[];

//Function to find the smallest value in an array
Array.min = function( array ){
return Math.min.apply( Math, array );
};

//Convert the HEX color in the array to RGB colors, split them up to R-G-B, then find out the difference between the "color" and the colors in the array
$.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];

//Add the difference to the 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)));
});

//Get the lowest number from the differenceArray
var lowest = Array.min(differenceArray);

//Get the index for that lowest number
var index = differenceArray.indexOf(lowest);

//Function to convert HEX to 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;
}

//Return the HEX code
return base_colors[index];
}

//Just for the demo
$('button').click(function(){
$('.base_color').css('backgroundColor',$('input').val());
$('.nearest_color').css('backgroundColor','#'+getSimilarColors($('input').val()));
return false;
});
});
</script>
<p>
<input type="text" value="#ffcc00"/>
<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>
</body>

</html>

...

Рейтинг:

0 / 0

22.06.2014, 13:13:04

| Ответить | Цитировать | Написать

Выбор данных из MySQL и занесение данных в массив Javascript

#38678569

SharuPoNemnogu

Участник

Откуда: Казань

Сообщения: 1 734

Рейтинг: 0 / 0

x_decimo_x,

Код: php

1.
2.
3.
4.
5.
6.

while($myrow = mysql_fetch_array($result))
{
    $colors[] = '"' . $myrow['HEX'] . "';
}

$tojs = '[' . implode(',', $colors) . ']';

Код: javascript

1.
2.
3.

<script>
...
var base_colors = <?=$tojs?>;

к примеру так

...

Рейтинг:

0 / 0

24.06.2014, 14:50:39

| Ответить | Цитировать | Написать

2 сообщений из 2, страница 1 из 1

Форумы / MySQL [игнор отключен] [закрыт для гостей] / Выбор данных из MySQL и занесение данных в массив Javascript

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=47&msg=38678569&tid=1834621]:	0ms
get settings:	8ms
get forum list:	14ms
check forum access:	3ms
check topic access:	3ms
track hit:	72ms
get topic data:	12ms
get forum data:	3ms
get page messages:	47ms
get tp. blocked users:	1ms
others:	237ms

total:	400ms

	Необходимые cookie
	Cookie для сбора статистики
	Cookie для маркетинга и рекламы