Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Rasp

[Resolvido] Alert Personalizado

Recommended Posts

Fala galera, boa tarde!

Gostaria de uma ajuda de vocês quanto ao alert personalido

 

Peguei aqui no fórum um script do TMFERREIRA (Personaliza Alerts) http://forum.imasters.com.br/index.php...41&hl=alert

 

até ai tudo bem, o script é show de bola, só que resolvi implementa-lo em um form que estou utilizando e não quero o alert padrão dos browsers, então desenvolvi um javascript para submeter o form e também valida-lo, só que não consigo de forma alguma integrar os alertas personalizados do TMFERREIRA ao meu script.

 

Segue abaixo os cods:

 

Script Submit form:

function enviaform() {
	if(document.formpadrao.login.value=="") {
		alert("Digite o Login");
		document.formpadrao.login.focus();
		return false;
	} else if(document.formpadrao.senha.value=="") {
		alert("Digite a Senha");
		document.formpadrao.senha.focus();
		return false;
	} else if(document.formpadrao.contrasenha.value=="") {
		alert("Repita a Senha");
		document.formpadrao.contrasenha.focus();
		return false;
	} else if(document.formpadrao.nome.value=="") {
		alert("Digite o Nome");
		document.formpadrao.nome.focus();
		return false;
	} else if(document.formpadrao.email.value=="") {
		alert("Digite o Email");
		document.formpadrao.email.focus();
		return false;
	} else if(document.formpadrao.telefone.value=="") {
		alert("Digite o Telefone");
		document.formpadrao.telefone.focus();
		return false;
	} else if(document.formpadrao.endereco.value=="") {
		alert("Digite o Endereço");
		document.formpadrao.endereco.focus();
		return false;
	} else if(document.formpadrao.numero.value=="") {
		alert("Digite o Número de endereço");
		document.formpadrao.numero.focus();
		return false;
	} else if(document.formpadrao.cep.value=="") {
		alert("Digite o CEP");
		document.formpadrao.cep.focus();
		return false;
	} else {
		document.formpadrao.submit();
	}
}

 

 

Script Alert Personalizado:

 

function $(e) {
	return document.getElementById(e);
}
function addEvent(obj, evType, fn) {
if (typeof obj == "string") {
	if (null == (obj = document.getElementById(obj))) {
	throw new Error("Elemento HTML não encontrado. Não foi possível adicionar o evento.");
	}
}
if (obj.attachEvent) {
	return obj.attachEvent(("on" + evType), fn);
	} else if (obj.addEventListener) {
		return obj.addEventListener(evType, fn, true);
	} else {
	throw new Error("Seu browser não suporta adição de eventos.");
	}
}
function init() {
/*
msgbox_show('Título', 'Data inválida!', 'alert'); //alert com função padrão
msgbox_show('Título', 'Data inválida!', 'alert', funcao1); //alert passando a função que será executada no botão OK
msgbox_show('Título', 'Data inválida!', 'confirm'); //confirm com botões padrão
msgbox_show('Título', 'Data inválida!', 'confirm', funcao1); //confirm passando a função que será executada no botão SIM e deixando o botão NÃO padrão
msgbox_show('Título', 'Data inválida!', 'confirm', funcao1, funcao2); //confirm passando a função que será executada no botão SIM (funcao1) e no botão NÃO (funcao2)
*/
	msgbox_show('Título', 'Data inválida!', 'alert'); //alert com função padrão
		$('fechar').href = '#';
		addEvent('fechar', 'click', msgbox_hide);
		dragdrop('titulo', 'msgbox');
}
function msgbox_hide() {
	$('msgbox').className = 'hidden';
}
function msgbox_show(titulo, msg, tipo) {
	$('msgbox').className = 'visible';
	$('ptit').firstChild.data = titulo;
	$('pmsg').firstChild.data = msg;
		if (tipo == 'alert') {
			$('pOk').className = 'visible';
			$('pSN').className = 'hidden';
			$('btnOk').href = '#';
			if (arguments[3] == undefined) {
				addEvent('btnOk', 'click', msgbox_hide);
			} else {
				addEvent('btnOk', 'click', arguments[3]);
		}
	} else if (tipo == 'confirm') {
		$('pOk').className = 'hidden';
		$('pSN').className = 'visible';
		$('btnSim').href = '#';
		$('btnNao').href = '#';
			if (arguments[3] == undefined) {
				addEvent('btnSim', 'click', msgbox_hide);
			} else {
				addEvent('btnSim', 'click', arguments[3]);
					if (arguments[4] == undefined) {
						addEvent('btnNao', 'click', msgbox_hide);
					} else {
						addEvent('btnNao', 'click', arguments[3]);
					}
				}
		} else {
			$('msgbox').className = 'hidden';
	}
}

 

A ultima maneira que tentei foi fazer este script (abaixo) para integrar um script ao outro mais também não funciona, continua a funcionar o alert padrão

function enviar() {
	if(enviaform()) {
		document.formpadrao.submit();
	} else {
		init();
	}
}

Se alguém puder me ajudar agradeço ;D

absss

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara depois que descobri a Extjs, nao vejo ferramenta ou solução melhor, é um framework de primeira e super completo

é bonito, pratico e agiliza seu trabalho do dia dia

 

teste ai pra você ver

 

http://extjs.com/deploy/dev/examples/messa...ox/msg-box.html

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara realmente é muito show o extjs agora so tenho a duvida de como implementa-lo, ja que nos exemplos mostra somente o arquivo .js mais se olha no codigo fonte exitem varios css, e outros js

 

abs

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

Pô Fabyo,

Valeu mesmo brother você ta me ajudando pracas, sem noção, vou dar uma "varrida" por lá http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Abração

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.