hover на ColorPicker

K

kikity_94

Registered
Тъпо заглавие нали :D просто не можах да измисля по добро. Сега ще обесня.
Така направих си една ColorPicker ето и за какво говоря
3820099m.jpg

така горе сигурно виждата кода на единия цвят и до него самия цвят.
Искам когато се мине с мишката в-у който и да е цвят горе да се сменя кода на цвета и кутийката с с цвета
 
Можеш да използваш тази функция: http://www.w3schools.com/TAGS/tag_area.asp и да сложиш на areite по една js функция. Ето ти пример:

[js]<script type="text/javascript">

</script>[/js]


HTML: 
<div id="xaxa" style="border: 1px solid red; height: 25px;"></div>
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="javascript: void(0)" alt="Sun" onmouseover="colorCode ('#ff0fff');" onmouseout="colorOut ();"/>
</map>
 
нещо не мога да разбера как да го направя, ако можеш да помогнеш малко.
Направил съм си една таблица и ето така визулизирам цветовете
HTML: 
						<tr>
							<td onmousedown="javascript:addemo2('[color=#000000][/color]')" style="background:#000000;"></td>
							<td onmousedown="javascript:addemo2('[color=#000033][/color]')" style="background:#000033;"></td>
							<td onmousedown="javascript:addemo2('[color=#000066][/color]')" style="background:#000066;"></td>
							<td onmousedown="javascript:addemo2('[color=#000099][/color]')" style="background:#000099;"></td>
							<td onmousedown="javascript:addemo2('[color=#0000CC][/color]')" style="background:#0000CC;"></td>
							<td onmousedown="javascript:addemo2('[color=#0000FF][/color]')" style="background:#0000FF;"></td>
							<td onmousedown="javascript:addemo2('[color=#003300][/color]')" style="background:#003300;"></td>
							<td onmousedown="javascript:addemo2('[color=#003333][/color]')" style="background:#003333;"></td>
							<td onmousedown="javascript:addemo2('[color=#003366][/color]')" style="background:#003366;"></td>
							<td onmousedown="javascript:addemo2('[color=#003399][/color]')" style="background:#003399;"></td>
							<td onmousedown="javascript:addemo2('[color=#0033CC][/color]')" style="background:#0033CC;"></td>
							<td onmousedown="javascript:addemo2('[color=#0033FF][/color]')" style="background:#0033FF;"></td>
							<td onmousedown="javascript:addemo2('[color=#006600][/color]')" style="background:#006600;"></td>
							<td onmousedown="javascript:addemo2('[color=#006633][/color]')" style="background:#006633;"></td>
							<td onmousedown="javascript:addemo2('[color=#006666][/color]')" style="background:#006666;"></td>
							<td onmousedown="javascript:addemo2('[color=#006699][/color]')" style="background:#006699;"></td>
							<td onmousedown="javascript:addemo2('[color=#0066CC][/color]')" style="background:#0066CC;"></td>
							<td onmousedown="javascript:addemo2('[color=#0066FF][/color]')" style="background:#0066FF;"></td>
						</tr>
и с JS просто добавям кода в текстареата, а не мога да разбера какво точно да направя с този код дето ти си ми го дал
 
Правиш на всичките ето така, но си променяй цветовете
HTML: 
<td style="background:#000000;" onmouseover="colorCode ('#000000');" onmouseout="colorOut ();"></td>
Правиш един div с id xaxa например :D или просто добави id-то на текстареата.. и сложи и това js
[js] <script type="text/javascript">

</script>[/js]
xaxa е id-то на дива или текстареата където искаш па показва кода на цвета. За да работи трябва да си включиш jquery библиотеката..
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе