Response title
This is preview!
- Screen name: juscelinobarao
- About Me: Picos-PI
juscelinobarao's Profile
8 Posts
16 Responses
0
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- 30-May-2021 04:52 PM
- Forum: Using jQuery Plugins
When I click the button, no action is taken. On the "Console" I get the following message: "Uncaught ReferenceError: Swal is not defined". How to solve this, what is missing from my code?I have the following in HTML:- <button type="button" class="btn btn-primary btn-icon-text float-right mt-4 ml-2" data-idfinancial="{$id_financial}" id="sendmensagem">
<i class="btn-icon-prepend" data-feather="mail"></i> Enviar E-mail
</button>
The JS script looks like this:- <script>
$(document).ready(function() {
$("#sendmensagem").click(function() {
var thedataID = $(this).attr("data-idfinancial");
$.ajax({
async: true,
type: "GET",
url: 'send-financial.php?id=' + thedataID,
success: function(data) {
if (data == 'false') {
// Sem erros
Swal.fire({
icon: 'success',
title: 'Sucesso',
text: 'Sua mensagem foi enviada!',
footer: '<a href="javascript:;">Responderemos assim que possível.</a>',
timer: 3000,
timerProgressBar: true
})
} else {
// Com erros
Swal.fire({
icon: 'error',
title: 'Ops...',
text: 'Algo deu errado!',
footer: '<a href="javascript:;">Por favor, tente novamente mais tarde!</a>',
timer: 3000,
timerProgressBar: true
})
}
},
error: function(data) {
console.log(data);
}
})
})
});
</script>
PS: The CSS and JS files are set correctly.
--
Atenciosamente
Juscelino Barão- Hello guys, I have a table of posts.Each post has "DATA-ID" and "DATA-TITLE" tags.By clicking the "Generate/Gerar" button I need to open and display in the Modal window the DATA-ID and DATA-TITLE.By choosing the "Generate Art/Gerar arte" button a script is executed.The PHP script will just change an ENUN field from "0" to "1" in the chosen record.How do I get the "DATA-ID" and "DATA-TITLE" from the registry and make them appear in the Modal window?How do I use the "DATA-ID" of the Modal window to enter the ID to execute the PHP script?Am I going the right way or will I have to generate a Modal window code for each record?Some light, please.-GraciouslyJuscelino Barão
- Good night people!
I have a problem with not knowing jQuery very well.
I installed "Linter-eslint", "Linter-jshint" among other plugins in my Sublime Text 3 to help me find the error, but I did not succeed. I tried using up the Esprima ( http://esprima.org/demo/validate.html ).
My code is a form that goes through 4 steps until it is submitted.
Can someone help me see where the error of my code is?
And what tip can you give me to debug and debug my future codes to avoid such questions in the forum? What can I do, what techniques and tools to use?
Thanks for listening!MY CODE:- 26-May-2018 01:50 PM
- Forum: Using jQuery
Hello everyone, I have an e-mail form that I use for my small projects. It works normally!
I recently had to add a field for the visitor to send an attached file.
When submitting the form all the filled fields are sent, except for the "input file".
PS: Validation of fields occurs normally. Only when sending the form all the data arrives until the "send-proof.php" via "POST", less the field "proof".Can someone help me solve this problem with my code?- <script type="text/javascript">
- $(function(){
- // COMPROVANTE
- // ====================================
- $( "#proof-form" ).validate( {
- rules: {
- nome: {
- required: true,
- minlength: 3
- },
- seuemail: {
- required: true,
- email: true
- },
- seuwhatsapp: {
- required: false,
- minlength: 16
- },
- codigopedido: {
- required: true
- },
- proof: {
- required: true,
- accept: "application/pdf,image/jpg,image/jpeg,image/png"
- },
- t_data: {
- required: true,
- minlength: 10
- },
- t_hora: {
- required: true,
- minlength: 8
- },
- n_doc: {
- required: true
- },
- suamensagem: {
- required: true,
- minlength: 20
- }
- },
- errorElement: "span",
- errorClass: "help-inline-error",
- submitHandler: function(form){
- var dados = $(form).serialize();
- $.ajax({
- type: "POST",
- url: "send-proof.php",
- data: dados,
- success: function(data)
- {
- $('#result').html(data);
- }
- });
- setTimeout(function() {
- $('#alert').fadeOut('slow');}, 3000);
- return false;
- }
- });
- });
- </script>
--
Atenciosamente
Juscelino Barão- CODE:
https://codepen.io/juscelinobarao/pen/bLLdZx
The above code always displays a thumbnail when an image is chosen.
But if I choose three different images three times - or not - the code will list me three different thumbnailS with the three images.
How to discard the previous image when choosing a new image, without listing all the chosen ones?
--
Atenciosamente
Juscelino Barão- My code:
https://codepen.io/juscelinobarao/pen/MrxMNz
I'm having trouble deleting the new inputs created using jQuery.
I do not know what to do for the code below to eliminate the correct div.
$ (wrapper) .on ("click", "delete", function (e) {
e.preventDefault (); $ (this) .parent ('div'). remove (); x--;
Can someone help me?
--
Atenciosamente
Juscelino Barão- I have an image cropping code made by the Croppie plugin, but I can not send the image through php to a certain folder.
Can someone with more experience in jQuery help me with my code?
Project in:
https://codepen.io/pen/qVyoYq
--
Atenciosamente
Juscelino Barão
I have the following part of a form code:
<div class="form-group">
<div class="input-group">
<input class="form-control" type="email" name="email" placeholder="Your e-mail">
<span class="input-group-addon">
<i class="glyphicon glyphicon-envelope"></i>
</span>
</div>
</div>
When there is some error the formatting of jQueryValidation messes up my layout.
I needed the field error to appear in a specific place, so the design would not be compromised.
Like that:<div class="form-group">
<div class="input-group">
<input class="form-control" type="email" name="email" placeholder="Your e-mail">
<span class="input-group-addon">
<i class="glyphicon glyphicon-envelope"> </i>
</span>
</div><!-- Error would be shown here -->
<em class ="error help-block"> HERE </em>
</div>
Any tips on how to proceed?
Thank you very much in advance.
--
Atencionsamente
Juscelino Barão
© 2013 jQuery Foundation
Sponsored by and others.