Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > текстовому полю value присвоить переменную js

Автор: nikki4 10.5.2012, 10:15

есть jq , который меняет фоновый цвет дива.

Код


<div class="cp2" style="width:50px;height:50px; background: black;"></div>

нужно этот цвет передать в переменную пхп. появилась идея, сделать это при помощи скрытого поля.
но я не знаю js, потому прошу помочь, что тут надо написать:

Код


<input type="hidden" name="cvet" value="$(".cp2").css('background');">

или как это пишется? не работает..

Автор: iff 10.5.2012, 15:06

Объясните что должно (в конечном итоге) получится? Цель.

Автор: Aliance 10.5.2012, 17:19

На onsubmit формы вешаем функцию, в которой получаем hidden input и присваиваем ему цвет. Только вот не понятно конечно зачем это нужно.

Автор: nikki4 11.5.2012, 10:04

да так и надо. т.е. так:

Код


<form method="post">
<div class="cp2" style="width:50px;height:50px; background: black;"></div>
<input type="hidden" name="cvet" value="цвет квадрата выше">
<input type="submit" name="sub" value="ok" >         
</form>

<?php
if ($_POST['sub']) {
echo $_POST['cvet']; // текущий выбранный background у квадрата cp2
}
?>

А надо это, чтобы потом сервер на основе выбранных на форме данных, в том числе и цвет, создал картинку и отдал её на сохранение.

Автор: Aliance 11.5.2012, 15:23

Почему бы в таком случае не использовать банальный colorpicker?

Автор: EnergyMarauder 21.5.2012, 18:08

Код на jQuery:

Код


var backgroundColor = $('.cp2').css('background-color');
$.post(' /* путь к php-обработчику относительно данного файла JavaScript */ ', {'color' : backgroundColor}, function(data){
    /* callback-функция. */
})

В php-обрабочике переменную достаём как при обычном использовании POST:

Код


$color = $_POST['color'];

Дальше можешь делать с этой переменной всё, что угодно.

И перезагрузки страницы не будет, если это нужно.

Автор: iff 21.5.2012, 19:53

Цитата(nikki4 @ 11.5.2012, 10:04

)

тогда js вообще не нужен.
Если есть набор цветов, то выбор можно реализовать, используя <input type="radio">