Всем привет!
Ситуация: имеются 2 скрипта, необходимо объединить их так, чтобы выбранные значения (из второго скрипта) устанавливались (показывались) в том поле (в первом срипте) где находится курсор.
- Первый скрипт:
-- имеется два поля
name="color_1" и
name="color_2", каждое поле размещено в своей таблице. В поля устанавливаются, ручками, значения - RGB, которые берутся из палитры (2-ой скрипт). Далее введенные значения при сохранении передаются пхп-скрипту, который в свою очередь сохраняет их в БД. Другой скрипт забирая их из БД передаёт в style.css, последний в bgcolor для каждой таблицы в соответствии с установленными значениями. Тем самым мы видим наглядно цвет. Схема сложная.
<form action="styles.php" method="POST">
<table ="#006600">
<tr>
<td><input type="text" size="6" maxlength="6" name="color_1" value="#006600"></td>
</tr>
</table>
<table bgcolor="#FFA34F">
<tr>
<td><input type="text" size="6" maxlength="6" name="color_2" value="#FFA34F"></td>
</tr>
</table>
<input type="submit" name="submit" value="Сохранить">
</form>- Второй скрипт:
<script language="JavaScript"><!--
lck=0;
function r(hval)
{ if ( lck == 0 ) {
document.f.c.value=hval; } }
function l()
{if (lck == 0) { lck = 1; }
else { lck = 0; } }
//--></script>
<table border=0 cellspacing=1 cellpadding=0>
<tr>
<td bgcolor=FFFFFF><a href="java script:l()" onmouseover="r(\'#FFFFFF\'); return true"><img src="aef.gif" width=15 height=15 border=0 alt=""></a></td>
<td bgcolor=CCCCCC><a href="java script:l()" onmouseover="r(\'#CCCCCC\'); return true"><img src="aef.gif" width=15 height=15 border=0 alt=""></a></td>
<td bgcolor=999999><a href="java script:l()" onmouseover="r(\'#999999\'); return true"><img src="aef.gif" width=15 height=15 border=0 alt=""></a></td>
<td bgcolor=666666><a href="java script:l()" onmouseover="r(\'#666666\'); return true"><img src="aef.gif" width=15 height=15 border=0 alt=""></a></td>
<td bgcolor=333333><a href="java script:l()" onmouseover="r(\'#333333\'); return true"><img src="aef.gif" width=15 height=15 border=0 alt=""></a></td>
<td bgcolor=000000><a href="java script:l()" onmouseover="r(\'#000000\'); return true"><img src="aef.gif" width=15 height=15 border=0 alt=""></a></td>
</tr>
</table>
<p><form name=f>
RGB код: <input type=text size=10 name=c>
</form>Комментарий: хотелось бы объеденить эти 2 скрипта и получить следующую схему работы:
- устанавливается курсор в любое из полей
- далее выбирается из палитры цвет и по щелчку мыши устанавливается в поле в котором находится курсор. При этом: уже при выборе цвета код RGB попадает в поле, а bgcolor таблицы подкрашивается в соответсвующему коду RGB.
Заранее спасибо за помощь!
P.S. Посмотреть наглядно скрипты можно:
ЗДЕСЬ
