[Resolvido] Dificuldade para chamar um plugin Jquery

[Hussay 0]

Olá Pessoal.

Eu estou usando um plugin chamado m2brDialog para exibir meus alerts

vide http://www.daviferreira.com/posts/esqueca-as-funcoes-javascript-alert-e-confirm

 

Só que estou com dificuldade para executá-lo após um evento onclick.

 

O Raciocínio é o seguinte:

Após clicar numa div é para contar um determinado textarea e se não foi digitado nada nesse campo é para executar o alerta do plugin citado acima.

 

Sem esse plugin (fazendo em javascript), a validação funciona corretamente com o alert tradicional, vide abaixo

function teste(){

var div = document.getElementById('motivoCancelamento').value.length;
alert(div);
if(div == 0){
	alert("Gentileza digitar um caracter");
	}else{
		alert("Contém caracter");
		}

}

<textarea name="motivoCancelamento" id="motivoCancelamento" cols="90" rows="6"  style="font-size:10px;"></textarea>

<div id="sim_envia" style="margin-right:20px; float:left; cursor:pointer" onclick="teste()"> Enviar </div>

 

Mas com jquery não consigo.

Obs.: Eu somente quero substituir esse alert pelo plugin acima citado.

 

Olhe o que eu tentei:

$(document).ready(function(){


	$('div#sim_envia').click(function(){	

		if($('textarea#motivoCancelamento').val().length == 0){
			alert("Teste");
			$('div#sim_envia').m2brDialog({
			altura: 	'150',
			tipo: 		'alerta',
			titulo:		'Atenção!!',
			texto:		'Por favor digite o motivo de sua desistência, porque é muito importante para nós ',

			botoes: {
				1: {
					label		: 'FECHAR',
					tipo		: 'fechar',

				},

			}
		});
		}else{
		alert("Teste2");

			}

	});	

o alert que eu coloquei no meio do código funciona, mas o plugin é executado se o conter ou não caracteres.

 

Por favor me ajudem.

[Hussay 0]

Já descobrir como fazer isso.

Eu adicionei o condicao ao invés do if.

$(document).ready(function(){



			$('div#sim_envia').m2brDialog({
			altura: 	'150',
			tipo: 		'alerta',
			titulo:		'Atenção!!',
			texto:		'Por favor digite o motivo de sua desistência, porque é muito importante para nós',
			condicao		: {
		origem		:	function() { return ($('#motivoCancelamento').val().length ? true : false); },
		retorno		:	function() { return true; }
	},

			botoes: {
				1: {
					label		: 'FECHAR',
					tipo		: 'fechar',

				},

			}
		});


});