Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Tenho esse html:
<form action="" method="POST">
<input type="text" id="title" placeholder="Titulo" required>
<textarea placeholder="Mensagem" id="message" required></textarea>
<button type="submit">Enviar</button>
</form>
e essa função:
var myImg = "push.png";
$("form").submit(function(event){
event.preventDefault();
var options={
title:$("#title").val(),
options:{
body:$("#message").val(),
icon:myImg,
lang:"en-US",
}
};
console.log(options);
$("#easyNotify").easyNotify(options);
});
ao clicar no botão submit mostra uma tela modal com os dados dos campos, porém quero que apareça automaticamente quando a pagina for carregada, isso é possivel? ai dessa forma preencho o forma com valores do banco de dados.>
53 minutos atrás, Pita disse:
No final da pagina, se você colocar um bloco javascript assim não funciona?
$( document ).ready(function() {
$("#easyNotify").easyNotify(options);
});
Pita nao funcinou não "/@Pita, o seu código JavaScript não importa aonde será colocado, ele será executado no mesmo (evento) pois está atrelado a ao evento document ready definido através da jQuery.
@Dexter Morgan se você quiser utilizar o evento e manter o form, faça um click ou submit automático. Tente com o evento .trigger()
$( "#formId" ).trigger( "submit" );
Você pode escolher o momento que será executado usando o evento documento ready
$( document ).ready(function() {
alert("Document is ready");
});
ou windows load
$(window).on('load', function () {
alert("Window Loaded");
});>
26 minutos atrás, Gabriel Heming disse:
@Pita, o seu código JavaScript não importa aonde será colocado, ele será executado no mesmo (evento) pois está atrelado a ao evento document ready definido através da jQuery.
@Dexter Morgan se você quiser utilizar o evento e manter o form, faça um click ou submit automático. Tente com o evento .trigger()
$( "#formId" ).trigger( "submit" );
Você pode escolher o momento que será executado usando o evento documento ready
$( document ).ready(function() {
alert("Document is ready");
});
ou windows load
$(window).on('load', function () {
alert("Window Loaded");
});
Gabriel tentei assim:
var myImg = "push.png";
$(document).ready(function(){
event.preventDefault();
var options={
title:$("#title").val(),
options:{
body:$("#message").val(),
icon:myImg,
lang:"pt-BR",
}
};
console.log(options);
$("#easyNotify").easyNotify(options);
});
$("#formId").trigger("submit");
e assim:
var myImg = "push.png";
$("#formId").on("submit", function(){
event.preventDefault();
var options={
title:$("#title").val(),
options:{
body:$("#message").val(),
icon:myImg,
lang:"pt-BR",
}
};
console.log(options);
$("#easyNotify").easyNotify(options);
});
$("#formId").trigger("submit");
nenhum dos 2 funciona, na verdade o 1º fica dando reload na pagina mas nao mostra o modal com as informações do form.O trigger está no lugar errado. Deve estar dentro do document.ready.
>
Em 6/9/2017 at 09:20, Gabriel Heming disse:
O trigger está no lugar errado. Deve estar dentro do document.ready.
Funcionou Gabriel, porém teve que ficar assim:
$(document).ready(function(){
$("#formId").trigger("submit");
event.preventDefault();
var options={
title:$("#title").val(),
options:{
body:$("#message").val(),
icon:myImg,
lang:"pt-BR",
}
};
console.log(options);
$("#easyNotify").easyNotify(options);
});
var myImg = "push.png";
$("form").submit(function(event){
event.preventDefault();
var options={
title:$("#title").val(),
options:{
body:$("#message").val(),
icon:myImg,
lang:"pt-BR",
}
};
console.log(options);
$("#easyNotify").easyNotify(options);
});
Foi por acaso esqueci de apagar um e ficou os 2 e funcinou, e quando vi e apaguei a outra parte ai parou de funcionar...
No final da pagina, se você colocar um bloco javascript assim não funciona?