Pegar cor colorpick e enviar via ajax

[Williams Duarte 431]

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.

[cahe7cb 27]

Tente usar seu código AJAX no evento "onSubmit" ou mesmo no "onHide".

[Williams Duarte 431]

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.

[cahe7cb 27]

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);
	}
});