ajax POST being sent as GET
I am sending an ajax POST request like this: $.ajax({ url: url, method: 'POST', dataType: "json", data: { recipe: recpie } }) But the request is being sent as a GET: Request URL: http://127.0.0.1/api/update_measbox?recipe=MALBHDPOR Request Method: GET Status Code: 200 OK Remote Address: 127.0.0.1:80 Any ideas as to why this is happening and how I can get it sent it as a POST?
Issue: Traverse nested tables on client
I have nested checkboxes when I select a checkbox it should select all the checkboxes below as well and same when I deselect top most checkbox. However this isn't happening. I have the following code. This is returning length 0 v ar matches = $("#" + childId + " input[type='checkbox']"); I am using telerik to create the grid. HTML: IL-7797 1/22/2015 -329 1 PIN Address County Owner Service Date Expiring Days Until Expired Times Extended Extension Available Command item
I have win 10 64bit what version of JQ should I download ? (I am new to Jquery)
I have win 10 64bit what version of JQ should I download ? (I am new to Jquery)
$('. ').is(":focus") Works Differently in Safari, Firefox and Chrome
I have a piece of code that creates a popup with a textbox and two buttons. The code tracks which item has focus to trigger proper events. The problem is that the method ($('.').is(":focus")) does not seem to work for <input type=submit>. It works for <input type=text>. Is there a reason for this? Alternatively, is there a better way to track if a button was pressed in this case? I still want to retain the ability to hide the popup if the user clicks off outside the content box with inputs. Here
Popping a busy indicator over JQuery UI Dialog
Hi Jake :), Sorry if I can't provide a JSFiddle but it doesn't accept HTML injection in the document and that's the point here. I show a JQuery UI Dialog and in this dialog I have a button to seek data on the server but I have to show a busy indicator which I create dynamically and inject into the dom which in theory goes at the end of the stack. The problem is that this busy indicator is shown behind the dialog. Now here's what I already tried. 1) Set zIndex of the JQuery dialog ...}).zIndex(100);
Comparing the dates between from date and to date not working as expected
I need to compare the from date and to date in cloned rows. For example: If I select from date as 12/01/2007 and to date as 12/01/2005 an alert should come your from date is greater than to date. If the user click add row button in the from date if the user gave 12/11/2004 and the to date as12/17/2015 it should say from date is greater than previous to date. If both dates are correct for example 12/01/2000 to 12/12/2002 I should get the total no of exp in the top label (this was working with my current
Issue with datepicker
Hi all, I am using the jquery datepicker with the format dd-mm-yyyy. Manual input is enabled for the date field, when I try to enter value like 01-NOV-2014 which does not match the given format, the datepicker defaults it to 01-12-2014. Is there any fix for this/ any modifications in the js file to address this issue which i can make.
Setting div to empty and more...
Something new to me. I have <div id="div1"></div> Using jQuery ajax, I populate the div. Part of that population includes <button ID="Close" value="Close">Close</button> The script for the page includes: <script> $(document).ready(function(){ $("#Close").click(function(){ $("#div1").empty(); }); }); </script> The idea of this was to set the contents of div1 to empty. I need the contents of div1 to disappear from the page. But when I click the close button, nothing happens. It's
<canvas> ??
if you scroll to the contact section of this website HERE , and inspect element on the heading , u'll see stuff like : <cufon class="cufon cufon-canvas" alt="CONTACT " style="width: 297px; height: 70px;"><canvas width="386" height="89" style="width: 386px; height: 89px; top: -11px; left: -15px;"></canvas><cufontext>CONTACT </cufontext></cufon> whats all that for ?
_renderItem for jquery Autocomplete doesn´t work -> undefined
Hello i would made an Autocomplete function for an intern order form. Now i would format it a little bit. I found this function _renderItem, but don´t get working. It displays undefined for itemnumber, name and image (../images/undefined). The choose is correct. Jquery Version: jquery-1.11.3. autocomplete.js: $(document).ready(function() { var products = $(".products").clone(); $('#search-box').autocomplete({ minLength: 1, source: function(request, response){ $.ajax({ url:"../ajax-search.php",
datepicker takes the whole page width
Hi, I just started with this framework and I'm trying to have a datepicker the width I want, the position I want but anything I'm trying to do isn't working. The datepicker is taking the whole page width. I really don't understand what makes it this large since I even tried !important to my width <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="/Content/jquery.mobile-1.4.5.min.css"
vmousedown and vmouseup Not Working on mobile
I need some help implementing the jquery.mobile-1.4.5.js in my code. I'm trying to find a set of events that will work the same on mobile and desktop, touch and mouse. All I am trying to do is change the background color of button elements when touched. Here is the code: Is this correct? <script src="js/jquery-1.11.3.min.js"></script> <script src="js/jquery.mobile-1.4.5.min.js"></script> <script src="js/jquery-ui.min.js"></script> And, $('#clockin, #clockout').vmousedown(function() { $(this).css('background-color',
Clone auto complete not working as expected
Hi all, Currently working on jquery clone and auto complete hre is my detail code for jquery clone var num = $('.cloned-row1').length; var newnum = num + 1; $(document).on("click", ".edu_add_button", function() { var $clone = $('.cloned-row1:eq(0)').clone(true, true).attr('id', "cloned-row" + newnum); $clone.find('[id]').each(function() { $(this).removeClass("errRed"); if ($(this).hasClass("required_Field")) { $(this).prevAll('label').find('span.required-star').removeClass('text-error-red');
Select Image Name
Hi I have a table that show some images. I add an Icon to delete the image when the icon is clicked. the problem is select the correct namefile of image to use with ajax <td> <div> <img class="deleteimage" src="' . $image . '" />'; <a href'' class='trash2'> <i class='glyphicon glyphicon-trash'></i> </a> </div> </td>
Hide Ipad Cut Copy Paste menu
Hi All, I am developing an application using jQuery. It also supports Ipad - 2. 1) I want to hide (not disable) 'Cut Copy Paste' menu on ipad. 2) How show only numeric IOS keyboard? Thanks in advance. Ketan
Can't get a fancybox to load on page load
Hello, new to this forum - seems like a great resource! I've trying to create a 'how did you hear about my site' pop up with Fancybox, but right now, I can only get the fancybox to load when a link is clicked, rather than on page load. http://jsfiddle.net/nvxq9ahd/ There are suggestions in the fancy box documentation but I must be doing something wrong. Would really appreciate to know where I went wrong. Thanks in advance!
How to set placeholder when drag an item to other container?
I have a table, and a list. I want to drag the table header into the ol list. But when the header items are being dragged to the ol list, the placeholder became a dot. I am using JQuery UI Sortable and connectWith option. Here is the code: jsfiddle.net/2d5tu9jb Thanks. [Update] Thanks kbwood.au, IE 11 and Chrome works fine. But Firefox doesn't.
Tabs do not seem to work
Tabs do not seem to work. In the tabs page at https://jqueryui.com/tabs/, I copied the source code into an html file, but when I open the file with any of my browsers (Chrome, Firefox, IE) it does not appear as tabs. Instead, it displays as an Unordered List followed by 4 paragraphs (the 3rd tab has 2 paragraphs) Details: On https://jqueryui.com/tabs/, I click "view source". I copy all the source into the clipboard. Then I paste it into Notepad to be sure to remove any non-text data. Then I save
when click on botton id show !
hi, i want to change css att when click on button and body ! when click on button , display att change to block and when click on body display att change to none my code : $(document).on('click','body',function(){ $('#login-form').css('display','none'); }) $(document).on('click','#login',function(){ $('#login-form').css('display','block') } can help me to solved the problem ? sorry for bad english :(
Display two column from JSON using AJAX in jQuery auto complete in a table format
Currently working on jQuery auto complete where I can able to generate data from JSON single column data, but I want two values should be displayed label and descirption this is my json [{"id":"Emirates College of Technology- UAE","label":"COL000001","value":"COL000001"}, {"id":"Al Khawarizmi nternational ollege- UAE","label":"COL000002","value":"COL000002"}, {"id":"Syscoms ollege","label":"COL000003","value":"COL000003"}, {"id":"Abounajm Khanj Pre-Uni enter","label":"COL000004","value":"COL000004"},
Sliders
Can someone tell me where to find the correct code to change the sliders from a maximum of 3 to a higher number of sliders?
select menu drop-down transition?
I like JQM's select (the one you get when you set data-native-menu='false' and match lable for = with the select's id). However, I can't seem to be able to apply a transition to this puppy. I want it to gently drop down, but all that happens is this harsh drop down. Is this possible to achieve?
Replace different text with different image
I try to replace different text with different image and want to add the code in to the template. I tried this <script type="text/javascript"> jQuery(document).ready(function() { $(function(){ $('itemExtraFields a:contains("Australia)').html('<img src="aussieflag.jpg"/>') }); </script> seems not to work. Any help would be great
How to fetch xml file using jquery?
portfolio.xml ------------------------------------------------------------- <? xml version="1.0" encoding="utf-8" ?> <portfolio> <thumbnail title="POS" imageurl="img/pos.jpg"> <type>Windows</type> <client> New zealand </client> <duration> 1 year </duration> <description> POS loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream ipsum pos loream
how can i avoid blurred screen
Hi, Please check the flipkart slider of my page http://customerparadise.in/home-page-demo/ , when you click on register then pop will appear and screen'll get blurred . Is there anyone who suggest me what sholud i do to avoid this,
Error with jquery UI datapicker
Plase help with this datapicker issue. I use two calendars in my page, resulting a weird behavior. When use first button, second button don't hidde like image show.
Jquery ui in Rational Application developer 8.5
Hi. After a quick search, I discovered that jquery mobile was embedded under RAD 8.5, and how simply I can develop a web application. But I wonder if there is a way to get the jquery ui widget instead of the jquery mobile widget with RAD 8.5?
how to to check selected values present in string or not
Hello, I want to check all check box check values are present in string or not. If yes then return true, if not then return false. using jquery. Suggestions are appreciated..!!
Auto add calculation by column pop up link
Hi, 1. I have a problem regarding jquery auto add calculation. It is a timesheet hour calculation. Basically, I've done 90% of it and other 10% I cant seem to be found the solution. This the script: <script type="text/javascript"> $(document).ready(function () { $('[data-toggle="popover"]').popover(); $('[id*=remarks_link]').popover(); function DisableDays(date) { var day = date.getDay(); // If day == 5 then it is
JQuery DatePicker not loading the year from DisplayFormat attribute.
I am using MVC 5 and JQuery 1.10 DatePicker. The view model is set to display the date as dd MMM YY format and the datepicker is set as 'd M y' . When loaded the date in the input is in the correct date format, ie. "6 Dec 15". The problem is the year on the Date picker is fixing on the first number as the year so the date picker initializes with the year 2006, not as 2015. Otherwise, the date picker is displaying in the correct date format but as the wrong year. View Model: [Display(Name = "USG
How to print an object on screen using jquery ?
here is something from my code var data = [ { index: 123123, name: "Nikola Nikolovski", grades: [ { course: "Calculus", grade: 10 }, { course: "OOP", grade: 9 }, { course: "Interactive Applications", grade: 10 }, ], edit: false }, how to print this , did anybody know
Remove data-type="horizontal" in javascript
Hi, I would like to dynamically change the checkboxradio widget from horizontal to vertical depending on the width of the page. window.matchMedia raises an event when the window becomes small. Then using $('.fieldset').attr('data-type', ""); the ="horizontal" part can be removed. When you create a page with just "data-type" on the fieldset the radio buttons are shown vertically as intended. However, when doing this dynamically nothing happens. I tried to call refresh() on the fieldset, but I don't
Remove jQuery from previous Script with secondary script
Hi There, I'm working with Wordpress child themes. My parent theme (twentythirteen) uses some jQuery to create a masonry layout in the footer and it's called in the parent themes files. The script is below.. if ( $.isFunction( $.fn.masonry ) ) { var columnWidth = body.is( '.sidebar' ) ? 228 : 245; $( '#secondary .widget-area' ).masonry( { itemSelector: '.widget', columnWidth: columnWidth, gutterWidth: 20, isRTL: body.is( '.rtl' ) } ); }I want to remove this Masonry code and doing so responsbly
How to use drag and drop with mouse event at the same time ?
Hi, I tried to use drag and drop with mouseover event in a tree table, to expand a node when the mouse pointer is over it. I can drag an drop or expand node but not at the same time. Can someone help me ?
How to get a display images from a folder.
Hi. Have been playing w/retrieving and adding content to the DOM. For example get the text from a .text and adding it to divs using .load. I'd like next to retrieve images and add one image per <p> to a div So if they div had three paragraphs the code should add an image each. or simply retrieve each image and list them all in one divs. so far i only managed to do it one at the time $("#ct0").append('<img id="sidbarImg" class="sidebarImg" src="imgs/coding-arts-rwd.jpg" />'); or I'd like to be able
SlideUp - block jumps while animating
Good day. I have slideUp and slideDown animations. Problem is when i start the event, all of my block which have to slideUp from float:left position they go right and after that they go left again and hide. How can i avoid jumping my blocks right while they are animating? Before animate: While animating: Code: $('.close_all').click(function () { $(this).parent().parent().nextAll('.price_content').slideUp(); $('.close_category').attr('src', 'img/upload/arrow1.png'); $(this).parent().parent().nextAll('.category').addClass('closed');
datepicker issue
I have a datpicker on a page and when I click the date I want nothing happens except a pound sign is appended to the url ? any ideas wht is wrong here is the html/javascript <html> <head> </head> <body> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"
Why validator is not validating?
Hi, Below link... http://www.jassimrahma.com/CakeBoutique/contact.php I am try to validate required fields but it's ignoring as I am using a placeholder so it's considering it as value. How can I fix it please? Thanks, Jassim
jQuery dialog trigs all the buttons open simultaneously
I am using Jquery dialog within a table with some PHP code. The script is as follows: <script type="text/javascript"> $(function() { $(".trigger").click(function() { $(".dialog").dialog("open"); }); $(".dialog").dialog({ autoOpen: false, position: 'center' , title: 'definizione', draggable: true, width: 480, height: 380, resizable: true, modal: true, show: 'slide' }); }); </script> The table is this: <table> <tr> <th>TITLE</th> <th>info</th> </tr> <? while($objResult = mysql_fetch_array($objQuery))
Jquery for webapps
Hi there, I try to build web base app. In my home page, there is left side for navigator and right side for the content. while i click the nav menu, i just load the content with page code. $(".naviref").click(function() { var toLoad = $(this).attr('href')+'.php'; $('#content').load(toLoad); return false; }); but, I realise if calling same page (with form) multiple time, jquery is read always my first form from the page. So, is the load function not wipe last script and
Next Page