Search jQuery

jQuery Forum

Screen name:
billparti

billparti's Profile

111 Posts

266 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Pass variable from get into ajax
[3Replies]
- 24-Mar-2020 06:14 PM
- Forum: Using jQuery
I'm trying to check if a file exists and if it does set a variable (furl) to a string and if it doesn't to another string.
Furl isn't being found after the get runs. How do I get the furl value into the ajax ?
2. var curprotocol = window.location.protocol + '//';
3. var curhostnm = window.location.hostname;
4. var curpath = window.location.pathname;
5. var curlseturl = curprotocol + curhostnm + curpath + 'includes/setsacookie.php';
6. console.log('CurSetUrl: ' + curlseturl);
7. $.get(curlseturl)
8. .done(function() {
9. // exists code
10. var furli = 'includes/setsacookie.php';
11. console.log('FinalUrl-Done: ' + furli);
12. var furl = furli;
13. }).fail(function() {
14. // not exists code
15. var furli = curprotocol + curhostnm + 'includes/setsacookie.php';
16. console.log('FinalUrl-Fail: ' + furli);
17. var furl = furli;
18. });
19. console.log('Furl-Final: ' , furl);
20. $.ajax({
21. method: 'POST',
22. dataType: 'json',
23. processData: false,
24. contentType: false,
25. url: furl,
26. data: trackData
27. })
28. .done (function(data) {
29. if (data.exists == true) {$('.myclass').hide()}
30. })
31. .fail(function(data) {
32. });

Clicking Twice in Select to Get Option List
[2Replies]
- 13-Nov-2019 06:11 PM
- Forum: Using jQuery
1. <select id="selectid">
2. <option></option>
3. </select>
1. var valArray = data.valarray; // data is coming in correctly from an ajax call
  $('#selectid).children('option:not(:first)').remove();
2. // selfld are defined correctly
  for (var i = 0; i <= valArray.length - 1; i++) {
  $('#selectid).append('<option value="' + valArray[i][selfld] + '">' + valArray[i][selfld] + '</option>');
  }
When I view the select list and click on it, the above code runs inside of an on focus and the new option values are coming in correctly, but the selection list is NOT extended. I have to click again to get the dynamically-generated option list. Is there a way to show the option list right after they are generated ?

Select elements inside of a form
[8Replies]
- 05-Aug-2019 07:12 PM
- Forum: Using jQuery
I'm trying to select a div inside of a form. Quickly I can select the form using this first console line, left out wrapping elements for simplicity:
1. console.log($(mythis).find('input.img1').next('form'));
1. <input class="img1">
2. <form method="POST" id="custom_12_img1">
3. <div class="drop-field">
4. <img class="preview" src="#" alt="Preview Image">
5. </div>
6. </form>
7. ... other forms
And when I try to select inside of the form, it says 0: $(mythis).find('.ffproedit').find('input.img1').next('form').find('drop-field'));

Is there something special you have to do, to select elements inside a form?

Get top style from dynamic content
[3Replies]
- 17-Jun-2019 09:30 PM
- Forum: Using jQuery
I'm trying to get a top style that is being applied to dynamic added content and assign to an image.
I've built a function w/ Timeout to check if it's parent exists and then get the css(top) value.
It's firing now, but I can't assign the top style to the image margins.
2. function addGalleryDone() {
3. var emarck = $('.justified-gallery .pro').first().find('img').css('margin-left');
4. if (($('.justified-gallery').length) && (emarck != '0px')) {
5. console.log('Galleryload Done');
6. $('a').each(function() {
7. var jmari = $(this).css('top');
8. var jmar = jmari + '!important';
9. console.log('JustifiedMargin: ' + jmar); // 3px !important
10. $(this).find('img').css({'margin-top': ' + jmar + ', 'margin-left': ' + jmar + '});
11. });
12. }
13. else {setTimeout(addGalleryDone, 300);}
14. }
15. addGalleryDone();
HTML when it's done:
1. <div class ="justified-gallery">
2. <span class="pro">
3. <a href="...." style="top: 3px.....">
4. <img style="margin-left: -171.5px; .....">
5. </span>
6. </div>

Delay variable-assigned functions from running till other function done
[0Replies]
- 11-Jan-2019 06:22 PM
- Forum: Using jQuery
I have a number of stacks on a page w/ their respective functions. I need to run my stack before the others, or put another way, pause the others till my stack is finished.

If this is an example of a variable assigned to a function for another stack that I want to pause.
1. stacks.com_company_product1 = (function() {
2. ... other stack function
3. });
I tried using $.holdReady() to stop all other functions and then release it, but didn't really work.
Is there a way to pause those stacks, using their variable, and then run them once my stack is done?

Target image with substring in source
[1Reply]
- 26-Dec-2018 04:53 PM
- Forum: Using jQuery
I am trying to target an image that has a specific substring, Ex: {{name-1-field}} in it's src. I'll be updating the src.

So if I have this:

<img src="../resources/{{name-1-field}}">

I tried a general search function to target the wrapping element:

$('*:contains("{{name-1-field}}"):last');

But I guess that only works for text nodes? I'm not sure what would be the best way.

Also, is there a quick way to check the type of the wrapping element? Ie. to make sure it's an image.

Get Target of on click
[1Reply]
- 06-Oct-2018 07:24 PM
- Forum: Using jQuery
I have a subclass element (.myclass) that is added after the DOM is initially loaded and there may be several on the page.
I have an on-click to detect the clicking of the class like this:
2. <div id="wrapper">
3. <span class="myclass">Click Here</span>
4. </div>
The jQuery:
2. $('#wrapper').on('click', '.myclass', function() {
3. console.log('Inside');
4. var target = $(this).find('#wrapper .myclass');
5. console.log('TargetThis: ' , target);
6. });
How do you target the class element that was just clicked. Currently it just gives me undefined.

Targeting span w/ special characters & appended input classes inside
[5Replies]
- 27-Aug-2018 06:14 PM
- Forum: Using jQuery
I have some forms and inputs that are appended to a span. I'm trying to target the span's id and it has special characters in it '~~' & then get all the appended inputs inside of it (var fileupload).
Not sure if it's the characters or the appending causing the problem. How can I target the inputs?

Here's a jsfiddle: https://jsfiddle.net/billparti/ex71hmoq/

Show file preview of input
[5Replies]
- 24-Aug-2018 08:24 PM
- Forum: Using jQuery
I'm trying to show a simple preview of a file, once it is selected in a form input. The image that I am trying to write a source to is appended after the page is loaded but before the image is displayed.
1. <form>
2. <div>
3. <div>
4. <input type="file">
5. </div>
6. ...
7. <img class="preview" src="#" alt="Preview Image" />
8. </div>
9. </form>
2. function myFiles(files) { // files is the selected file
3. console.log('File: ' , files[0]); // has name, type, size, etc.
4. var ipreview = $(self).parent().parent().find('.preview'); // $self is the input tag
5. console.log('Ipreview: ' , ipreview); // It's targeting the image node
6. ipreview.src = URL.createObjectURL(files[0]);
7. console.log('Src: ' , ipreview.src); // Shows something like this: Src: – "blob:http://mysite.com/a3486686-0995-43dc-9397-67d9b5f92614"
8. }
What am I doing wrong?

Upload File & Data Problem
[3Replies]
- 11-Aug-2018 06:25 PM
- Forum: Using jQuery
I'm using FilePond & it passes the file to you in a function. I'm trying to do a simple file upload w/ additional upload data. Here's my js:
2. function fpUpload(fieldName, file, metadata, load, error, progress, abort) {
3. console.log('InsideFP-Upload: ' , upload); // set further up
4. console.log('InsideFP-File: ' , file);
5. var obj_data = {};
6. obj_data['upload'] = upload;
7. obj_data['myfile'] = file;
8. var imgData = new FormData();
9. $.each(obj_data, function(k, v) {
10. console.log(['Key, Value & myfilecheck: ', k, v, k == 'myfile']);
11. if (k == 'myfile') {$.each(v, function(i, file) {imgData.append(k, file)})}
12. else {imgData.append(k, v)}
13. });
14. $.ajax({
15. url: 'path/uploadimg.php', // get img url
16. data: imgData,
17. dataType : 'json',
18. contentType: false,
19. processData: false,
20. type: 'POST'
21. })
22. .done(function(data) {
23. if (data.success == true) {
24. // Call the progress method to update the progress to 100% before calling load
25. // Setting computable to false switches the loading indicator to infinite mode
26. // (computable, processedSize, totalSize)
27. progress(true, 0, 1024);
28. // Call the load method when done and pass the returned server file id
29. // the load method accepts either a string (id) or an object
30. // the unique server file id is used by revert and restore functions
31. load('unique-file-id');
32. }
33. })
34. .fail(function(data) {
35. if (data.success == false) {
36. console.log('ImgFailMessage: ' + data.message);
37. // Call the error method if something is wrong, should exit after
38. error('Error occurred');
39. }
40. });
41. // Abort method so the request can be cancelled by user
42. return {
43. abort: function() {
44. // User tapped abort, cancel ongoing actions here
45. // Let FilePond know the request has been cancelled
46. abort();
47. }
48. };
49. }
Here's the console output - I think it looks ok at this point?

Get variables after ajax finishes
[2Replies]
- 23-Jan-2018 04:57 PM
- Forum: Using jQuery
I'm trying to get at variables returned from an ajax. Found out that those variables aren't available outside the function, so I wrote those variables to data attributes & then trying to call those later.
2. function myajaxcall() {
3. var v = new Array();
4. $.ajax({
5. url: "pathto/check.php",
6. dataType: "json"
7. }).done (function(check) {
8. v = check;
9. console.log('v Inside: ' , v); // Getting correct values, BUT it's running twice, for some reason?
10. $('#mycheck').attr({'data-uflag': v.uflagexists, 'data-cflag': v.cflagexists});
11. });
12. }
13. myajaxcall();
14. $.when(myajaxcall()).done(function() { // USED WHEN DONE TO INSURE DATA VARIABLES ARE AVAILABLE
15. console.log('Done running');
16. var uflagcheck = $('#mycheck').attr('data-uflag');
17. console.log('Uflagcheck: ' + uflagcheck); // GETTING DEFAULT VALUE OF '#' FOR DATA
18. if (uflagcheck == true) {
19. console.log('Uflagcheck is True');
20. ...
21. }
22. });
This is the order I want things to run:
- ajax call (done assigns the data attributes)
- other code runs after ajax & uflagcheck picks up data value to use in later conditionals

Attached a screenshot of the v values, which are correct.

How do I get this stuff to run in proper order & pull the values correctly?
Attachments
- 129.png
  
  Size: 26.1 KB Downloads: 142

Target Element After Added to DOM Inside Window Resize
[11Replies]
- 27-Oct-2017 04:45 PM
- Forum: Using jQuery
I can't seem to target an element created by ajax and then added to the DOM. The targeting is done when a window resize is done.

My code:
1. $(window).resize(function() {
2. var mythis = $('#wrapperdiv #newdiv');
3. console.log('Mythis: ' , mythis); // Returns - n [] ie. not in dom
4. });
Is there an easy way to target mythis ?

Target escaped div string
[2Replies]
- 13-Sep-2017 06:42 PM
- Forum: Using jQuery
Trying to target a div that may have some special characters in it & then change it's srcset.
Everything is coming in correctly, so it's just the targeting part that I need help with.
I broke it down into parts to be able to concatenate & then target it:
var smdiv = 'mydiv_rowset_'+rowset+'_'+mydata[rowset].fieldNames[k];
var smesc = smdiv.replace(/[!"#$%&'()*+,.\/:;<=>?@[\\\]^`{|}~]/g, "\\\\$&");
var smimgsrc = ' source\\\\.img2xsm';
var small = '\\\\#'+smesc+smimgsrc;
console.log('SmImg-small: ' + small); // Ex. \\#mydiv_rowset_mytable31_field8\\@2x source\\.img2xsm
$(small).attr('srcset', 'some new value'); // Throws syntax error, unrecognized expression on what's placed in for 'small'

Basic html:
1. <span id="mydiv_rowset_mytable31_field8@2x" class="myclass">
2. <picture>
3. <source class="img2xsm" srcset="~~">
4. </picture>
5. </span>
I've tried $('small') and $('"'+small+'"')... still doesn't work. What am I missing as the target is now an escaped string?

Clone svg elements
[11Replies]
- 17-Jul-2017 06:50 PM
- Forum: Using jQuery
I'm trying to clone circle components w/in an svg element after first pass but it's putting it in the dom:
2. <svg width="100%" height="100%" viewBox="0 0 42 42" class="donut">
3. ...
4. <circle class="donut-segment" cx="21" cy="21" r="15.91549430918954" fill="transparent" stroke="#ce4b99" stroke-width="6" stroke-dasharray="0 0" stroke-dashoffset="25">
5. <desc id="donut-segdesc-0">Some description</desc>
6. </circle>
7. ...
8. </svg>
Clone & add another circle & it's desc after the last circle:
2. var firSeg = $('circle.donut-segment').first();
3. var lastSeg = $('circle.donut-segment').last();
4. var newSegi = firSeg.clone();
5. lastSeg.after(newSegi); // Trying to place new circle in dom but doesn't happen
What do I need to change?

Simulate click on input in mobile
[11Replies]
- 01-Jul-2017 06:19 PM
- Forum: Using jQuery
I'm trying to covert over some code to work in mobile browsers, Note: have jQuery Mobile Events in the page.

The html:
1. <input type="file" id="importfile" style="display:none;"><button id="import" > Import</button>
The orig script:
2. $("#import").click(function() {
3. document.getElementById("importfile").click();
4. });
New script:
2. $('#import').on('singletap', function() {
3. console.log('Import Button Hit'); // fires ok
4. console.log('Importfile: ' , $('#importfile')); // shows correct input element
5. $('#importfile').trigger('singletap');
6. });
It's giving me the logs, but never simulates the click on #importfile. What do I need to change?

Array in attribute callout
[4Replies]
- 04-Jun-2017 11:19 PM
- Forum: Using jQuery
I'm trying to target a specific class that has an attr (myfield) equal to something from an array & then change the bottom padding:
2. var ipd = 'field1,field2';
3. console.log('Img Pad string: ' + ipd);
4. var ipdarray = new Array();
5. ipdarray = ipd.split(',');
6. console.log('Img Pad array split: ' + typeof ipdarray);
7. console.log('Img Pad array: ' , ipdarray);
8. for(var i = 0; i < ipdarray.length; i++) {
9. console.log('field: ' + ipdarray[i]);
10. $('.my-cell[my-field="ipdarray[i]"]').css({'padding-bottom': '0px'});
11. }
I think there's something wrong w/ line #11

Here's a jsfiddle: https://jsfiddle.net/billparti/e44k9xbw/

It should change the bottom red div's padding to 0.

Targeting data value
[4Replies]
- 16-May-2017 05:28 PM
- Forum: Using jQuery
I'm trying to target a particular col w/ specific data-index.

Here's the html:
2. <div class="header">
3. <div class="col " style="display: inline-block; min-width: 40px; width: 1px; height: 30px;" data-index="0">
4. <div class="col " style="display: inline-block; min-width: 40px; height: 30px;" data-index="1">
5. </div>
6. <div class="tableHolder">
7. <div class="table">
8. <div class="row">
9. <div class="cell " style="text-align: left; display: inline-block; width: 40px; height: 30px;" data-index="0" data-field="undefined" data-value=""></div>
10. <div class="cell " tabindex="0" style="text-align: left; display: none; width: 73px; height: 30px;" data-index="1" data-field="field1" data-value="*****">*****</div> // MYTHIS STARTS HERE
11. </div>
12. </div>
13. </div>
I'm starting at cell w/ data-index=1 (ie. mythis) & trying to target .col w/ same data-index:
1. var ccell = 1;
2. var chdr = mythis.closest('.tableHolder').prev().find('.col[data-index="+ ccell +"]');
3. console.log('CurrHdr: ' , chdr); // Getting n[] (0), i.e. nothing

ajax return is null
[7Replies]
- 17-Apr-2017 04:57 PM
- Forum: Using jQuery
I'm trying to get back confirmation that a file has been written to using php. Here's a php code snippet:
2. // Check that write has been successful
3. if ($fwrite !== false) {
4. $output = json_encode(array( // create JSON data
5. 'type'=>'success',
6. 'text' => 'Congratulations ! The key has been successfully created.'
7. ));
8. return ($output);
9. die($output); // exit script outputting son data
10. }
This is my ajax sending stuff:
2. // upload text to file
3. $.ajax({
4. method: 'POST',
5. dataType: 'json',
6. processData: false,
7. contentType: false,
8. url: 'assetpath/easydbkeysetup.php',
9. data: textData // this is FormData()
10. })
11. .done (function(response) {
12. var rout = response.text; // THROWING ERROR: NULL IS NOT AN OBJECT
13. console.log('Response-Done: ' + rout);
14. $('#easydbcredentialswrapper_%id% .success-message p').append('<span>' + rout + '</span>');
15. })
16. .fail (function(response) {
17. var rout = response.text;
18. $('#easydbcredentialswrapper_%id% .error-message p').append('<span>' + rout + '</span>');
19. });
Why can't I get the response.text ?

Exporting string to file w/ double quotes
[6Replies]
- 16-Apr-2017 11:40 PM
- Forum: Using jQuery
I'm trying to write a string to variable & then write that to a file, but the quotes are coming in as " I've tried several things & not having success.

Currently have this:
1. var keystring = "$easydb->key="" + usersalt + "";";
Which yields the following string in the file:
1. $easydb->key="GN86rI4pZ5ggGGjp";
I want it to end up as:
1. $easydb->key="GN86rI4pZ5ggGGjp";
So how do I write it to get those double quote to actually show in the file?

Not Enough arguments error
[1Reply]
- 16-Apr-2017 07:29 PM
- Forum: Using jQuery
I'm getting a Not enough arguments error. This script basically collects key/value pairs & gets them ready to be ajax'd to a .php handler file.
2. var obj_data = {};
3. obj_data['key'] = keystring; // Ex. Keystring: $easydb->key="x2nrdIpAmdorqMj4";
4. var textData = new FormData();
5. $.each(obj_data, function(k, v) { // apply object key/values to formData
6. console.log(['Key, Value: ', k, v]);
7. textData.append(k, v);
8. });
9. $.ajax({
10. method: 'POST',
11. url: 'assetPath/easydbkeysetup.php',
12. data: textData
13. })
14. .done (function(response) {
15. var rout = response.text;
16. $('#easydbcredentialswrapper_stacks_in_20_page0 .success-message p').append('<span>' + rout + '</span>');
17. })
18. .fail (function(response) {
19. var rout = response.text;
20. $('#easydbcredentialswrapper_stacks_in_20_page0 .error-message p').append('<span>' + rout + '</span>');
21. });
Here's an example page: [ Removed ]
I think it might be in my ajax call. When I comment it out, the error disappears, although might be in append.
Note: just have one key/value in this, but want to be able to handle many if needed.
So where is my code goofed up?

Slider range not setting handles properly
[1Reply]
- 29-Mar-2017 06:32 PM
- Forum: Using jQuery UI
I'm trying to get jQueryUI Slider w/ two handles working (range). It keeps generating 8 slider handles instead of just two and they aren't being set to the initial values. ON change, I call ValSlider to get the values to update in the input box. I'm using data to pull the required settings into the slider function (I have to share this data w/ other scripts, so using this as easiest way), but I don't see any problems w/ doing that.

Here's a demo: [ Removed ]

Here's the related simplified code for slider (range): (Tried to set up jsfiddle, but didn't have jqueryui )
2. // call to set up slider & handle changes
3. $('.slider').each(function() {
4. var minvalue = parseInt($(this).attr('data-minval'), 10);
5. var maxvalue = parseInt($(this).attr('data-maxval'), 10);
6. var rangevalue = $(this).attr('data-rangeval');
7. var stepvalue = parseInt($(this).attr('data-step'), 10);
8. if (rangevalue == "true") {var valvalue = $(this).attr('data-val')}
9. console.log('Valvalue: ' + valvalue);
10. if (rangevalue == "true") { // multiple values
11. $(this).slider({
12. animate: 'fast',
13. min: minvalue,
14. max: maxvalue,
15. range: rangevalue,
16. step: stepvalue,
17. values: valvalue,
18. change: function(event, ui) {
19. console.log('1Change: ' + ui.values[0] + ' 2Change: ' + ui.values[1]);
20. $(this).prev().val(ui.values[0] + "-" + ui.values[1]);
21. $(this).attr('data-change', 1);
22. var mychange = ui.handle;
23. console.log('Uihandle: ' , mychange);
24. var slname = $(mychange).parent().attr('name');
25. valSlider(slname,0)}
26. });
27. }
28. });
30. function valSlider(selname) {
31. var myname = selname;
32. console.log('valSlider - Slider name: ' + myname);
33. if (myname == "init") { // set initial value
34. // std form
35. console.log('Inside init/std form');
36. $('.slider').each(function() {
37. // multiple values
38. var sval = $(this).attr('data-val');
39. sval = sval.replace(/\, /g,'-').slice(1, -1);
40. console.log('Sval init/std: ' + sval);
41. $(this).prev().val(sval);
42. });
43. }
44. $('.slider').each(function() {
45. var slch = $(this).attr('data-change');
46. if (myname == "init") {return;} // don't run on init
47. console.log('Slider Change: ' + slch);
48. // indiv valuate
49. if (slch == 0) {return;} // stop on unchanged indiv. sliders
50. console.log('Indiv Valuate');
51. var mythis = $('.slider[name="'+myname+'"]');
52. console.log('Mythis: ' , mythis);
53. console.log('Mythis-name: ' , mythis.attr('name'));
54. console.log('Gen Val: ' + mythis.val());
55. console.log(' Slider Val: ' + mythis.slider('values'));
56. var slreq = 0;
57. if (mythis.attr('required') || mythis.hasClass('ok')) {console.log('Slider Req'); slreq = 1}
58. var slalert = 0;
59. if (slch == 0) {console.log('SliderCheck is 0'); slalert = 1}
60. if (slalert == 0 && slreq == 1) { // change req. to ok symbol
61. console.log('Change to OK');
62. mythis.removeAttr("required");
63. mythis.addClass("ok");
64. mythis.css({'border-color': '#cfd9db'});
65. if (mythis.attr('data-rangeval') == "false") {var nval = mythis.val()}
66. if (mythis.attr('data-rangeval') == "true") {
67. var fval = mythis.slider('values', 0);
68. var lval = mythis.slider('values', 1);
69. var nval = fval + '-' + lval;
70. }
71. console.log('Slider val1: ' + fval + ' Slider val2: ' + lval);
72. console.log('Slider val @ update: ' + nval);
73. mythis.prev().val(nval);
74. }
75. });
76. }
77. valSlider('init',0);

stop setInterval on mouseleave
[5Replies]
- 10-Jan-2017 04:33 PM
- Forum: Using jQuery
I'm trying to run a function every 1/2sec using setInterval on mouseenter & stop it on mouseleave.
2. function checkRExist(xInter) {
3. if ($('.g-recaptcha-bubble-arrow').length > 0) {
4. console.log('reCaptcha Exists');
5. clearInterval(xInter);
6. }
7. }
9. function stopInter(xInter) {clearInterval(xInter)}
11. $('.g-recaptcha').on('mouseenter', function() {
12. console.log('Mouse Enter');
13. var xInter = setInterval(checkRExist, 500);
14. });
15. $('.g-recaptcha').on('mouseleave', function(xInter) {
16. console.log('Mouse Leave');
17. stopInter(xInter);
18. });
The mouse enter console shows, and then reCaptcha exists console shows when clicking & then then the mouse leave shows, but then the reCaptcha exists starts all over again. Would like to stop it once a mouse leave occurs. What needs to be changed??

Trigger tap after window reload
[2Replies]
- 05-Dec-2016 04:12 PM
- Forum: Using jQuery
I have a form that's inside of a lightbox and I am trying to cache any user input to sessionStorage before an orientation change / window.location.reload occurs & then retrieve the sessionStorage key/value pairs & put them back into the form inputs afterwards.

- 1) Caching any input - done
- 2) If the form is in a lightbox & in mobile browser, then I need to trigger a tap on the a link: a[data-rel^="lightcase"] after the window reload
- 3) Write the key/values to inputs - mostly written, but need to get #2 working first

For #2 I tried putting this in doc.ready:
2. if (lightbox == "true" && sessionStorage.length > 0) {
3. console.log('SessionStorage detected');
4. $('a[data-rel^="lightcase"]').trigger("singletap"); // using jQuery Touch Events plugin
5. }
I'm seeing the console.log but the lightbox doesn't open. Why isn't this working, any thoughts on how to fix?

Prevent Mobile Zooming on Input Select
[3Replies]
- 09-Aug-2016 05:40 PM
- Forum: Using jQuery
I noticed when running on a mobile, when selecting a form input, the keyboard opens at bottom, but also the page zooms in. Is there a way to prevent the zooming when selecting an input? Or at least a way to return the zoom to normal when the user clicks the 'Done' button in keyboard?

File input Blob.slice error
[25Replies]
- 03-Aug-2016 05:10 PM
- Forum: Using jQuery
I've got a form that I'm submitting by ajax, but I guess during the ajax sendoff, I'm getting an error: Can only call Blob.slice on instances of Blob I don't see a console.log immediately after so I assume the ajax is choking?

I create a simple object that contains all the inputs in key/value pairs - shown as the last log entry.
I'm guessing this has something to do w/ file attachments, but I don't know what I've done wrong.

An example page is running here: http://www.partiproductions.com/mailshield_test/

Fill in all the inputs w/ red dots - they're required.
Anyone have any experience of what's causing the error?

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend