Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Estou tentando pegar a cor do seletor colorpicker e enviar via ajax, para salvar no banco, mas sem sucesso.
o plugin é este http://www.eyecon.ro/colorpicker/
<script type="text/javascript">
$('#colorSelector').ColorPicker({
color: '#0000ff',
onShow: function (colpkr) {
$(colpkr).fadeIn(500);
return false;
},
onHide: function (colpkr) {
$(colpkr).fadeOut(500);
return false;
},
onChange: function (hsb, hex, rgb) {
$('#colorSelector').css('backgroundColor', '#' + hex);
$('#header').css('backgroundColor', '#' + hex);
$.ajax({
type: 'POST',
url: 'salvar.php',
data: { 'color': hex },
success:function(result) {
alert('Cor salva');
}
});
}
});
</script>Não envia nada, nem chama a pagina salvar.php
Desde agradeço pela ajuda.
tentei no onHide e onSubmit não deu certo.
o correto era funcionar no onChange, pois ao selecionar a cor disparava o evento, acho que isso, não é minha praia javascript, por isso peço ajuda, olhe o código html
<div id="colorSelector"><div style="background-color: #0000ff"></div></div>
Quem puder dar uma força, agradeço.
Adicione um handler para erros na sua request e veja o que diz:
$.ajax({
type: 'POST',
url: 'salvar.php',
data: { 'color': hex },
success:function(result) {
alert('Cor salva');
},
error: function(xhr, status, error) {
alert(status + " | " + error);
}
});
Tente usar seu código AJAX no evento "onSubmit" ou mesmo no "onHide".