Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal, estou precisando da ajuda de vocês.
Quero saber como posso incluir ESTE PLUGIN substituindo o alerta normal confirm do seguinte código:
<script type="text/javascript" language="javascript">
$(function(){submitHandler: function(form) {
var posts = $("#senhaboleto").serialize();beforeSend: function() {
$('#mensagemcaixa').slideDown("slow");
$('#mensagemcaixa').css("display", "block");
},
success: function() {error: function() {
alert('Erro no ajax');
}});return false
}
},required: '<img style=\"margin-right:5px; margin-top: 2px;\" src=\"images/error.png\"/><em style=\"color:#FF0000; background-color:transparent;\">Insira a senha de acesso.</em>',
remote: '<img style=\"margin-right:5px; margin-top: 2px;\" src=\"images/error.png\"/><em style=\"color:#FF0000; background-color:transparent;\">Senha de acesso inexistente ou bloqueada.</em>'
}
}
});
});
</script>Me desculpem, mas sou um pouco iniciante em jQuery...
Abraços.
Pessoal, eu pesquisei muito, mas ainda não consegui modificar o confirm...
Quero mesmo é modificar o visual padrão do confirm, pois não combina nada com o visual do template, aí ficou muito 'feio'.
Pesquisei e soube que existe um meio de estilizar o confirm com DHTML, mas o link do site estava quebrado <_<
Também tem um problema: os botões.
Tem OK e Cancelar, o OK já está bom, mas o Cancelar não faz sentido...
Alguém sabe como customizar a janela?
Obrigado.
Olá Rick, obrigado pela sua resposta.
Bom, eu tentei incluir no lugar do confirm padrão do javascript, mas não deu certo.
O padrão funciona, mas esse não...
O código ficou assim:
<script type="text/javascript">
$(function(){submitHandler: function(form) {
var posts = $("#senhaboleto").serialize();
var overlay = new myOverlay();beforeSend: function() {
$('#mensagemcaixa').slideDown("slow");
$('#mensagemcaixa').css("display", "block");
},
success: function() {error: function() {
alert('Erro no ajax');
}});return false
}
},required: '<img style=\"margin-right:5px; margin-top: 2px;\" src=\"images/error.png\"/><em style=\"color:#FF0000; background-color:transparent;\">Insira a senha de acesso.</em>',
remote: '<img style=\"margin-right:5px; margin-top: 2px;\" src=\"images/error.png\"/><em style=\"color:#FF0000; background-color:transparent;\">Senha de acesso inexistente ou bloqueada.</em>'
}
}
});
});
</script>O form é validado com o plugin jQuery Validate.
Quando eu dou o submit no form com os dados corretos, a página é recarregada, e em todos os plugins jQuery de confirm que tentei incluir aconteceu isso e nem apareceu o confirm.
Poderia me dar uma ajuda?
Abraços amigo.
dá uma olhada mais pra baixo, na 'documentação':
>
Ooo, gênio, de que me serve esse confirm? Porque eu faço assim:
var overlay = new myOverlay();
if(overlay.confirm('Deseja realmente fazer isso?!')){
//faz alguma coisa
} else {
//faz outra coisa
}
não funcionaaaa!!!!!! :angry: :angry: :angry: :angry: :angry:
Caaalma galera, calma... Não tem jeito de isso funcionar exatamente como o confirm nativo...
Como contornar o problema?
leia lá, que o Rick explica como fazer.
Eu não entendi como funciona...
Poderia me explicar por favor?
Me desculpe, mas sou leigo no assunto... :mellow:
Obrigado.
Estou tentando até agora, mas não consigo...
Preciso de ajuda :(
Meu nível de conhecimento sobre jQuery e Javascript é muito baixo, pois faz apenas uma semana que estou estudando...
Estou precisando incluir esse confirm estilizado para continuar trabalhando com meu projeto :mellow:
Quando eu incluo todos os dados corretos no formulário e dou o submit a página faz um reload, e não aparece nada...
Tentei fazer uma página de testes mas ainda não consegui, estou até agora tentando incluir esse confirm no meu projeto :ermm:
Alguém poderia me ajudar, por favor?
Abraços.
Dê uma olhada neste aqui:
:seta: http://code.imasters.com.br/index.php?/topic/199-myoverlay/
Tem 2 skins disponíveis aí, algum deles vai combinar com seu layout.
Tem instruções de uso também...