<script type="text/javascript">
$('#colorpickerHolder').ColorPicker({flat: true});
$(document).ready(function(){
var colorv;
var radiusv;
var typev='filled';
var formatv='jpg';
$('#filled').click(function(){
$('span#filled').addClass('buttons_h').removeClass('buttons');
$('span#contur').removeClass('buttons_h').addClass('buttons');
typev='filled';
});
$('#contur').click(function(){
$('span#filled').removeClass('buttons_h').addClass('buttons');
$('span#contur').addClass('buttons_h').removeClass('buttons');
typev='border';
});
$('#jpg').click(function(){
$('span#jpg').addClass('buttons_h').removeClass('buttons');
$('span#png').removeClass('buttons_h').addClass('buttons');
formatv='jpg';
});
$('#png').click(function(){
$('span#jpg').removeClass('buttons_h').addClass('buttons');
$('span#png').addClass('buttons_h').removeClass('buttons');
formatv='png';
});
//----------------------------
//---------------------------
$('div.get').click(function(){
ajaxload();
}); });
$('.radiusid').keyup(function(){
radval=$('#radius').val();
alert(radval);
radiusv=radval;
});
$("#colorpicker_hex input").change(function(){
cval=$('#colorpicker_hex input').val();
colorv=cval;
alert(cval);
});
function ajaxload(){
$.ajax({
type: "POST",
url: "corner.php",
data: {color: colorv, radius: radiusv,type: typev, format: formatv},
dateType: 'json',
success: function(data){
data=eval(data);
}});
};
</script>
<div id="sngs-wrap">
<h3>Радиус</h3>
<FORM><input type="text" id="radiusid" class="radiusid" name="radius"></input><span id="spacer">Пикселей</span></FORM>
<h3 style="margin-top:17px;">Тип</h3>
<span id="filled" class="buttons_h"><span>Залитый</span></span>
<span id="contur" class="buttons"><span>Контуром</span></span>
<h3 style="margin-top:17px;">Формат</h3>
<span id="jpg" class="buttons_h"><span>jpg</span></span>
<span id="png" class="buttons"><span>png</span></span>
</div>
Вот. CSS тоже нужен?