• no respond when click button to get json data from url in table

    I have url www.DevuEgypt.com/api/employees i need to display FirstName,Id,Salary in table by click button using jquery when click button not give me any result and give me two message I try more time but it give me error submit handler has fired this is normal to check error error not found this message show to me  my code as below [code] @{     Layout = null; } <!DOCTYPE html> <html> <head>     <meta name="viewport" content="width=device-width" />     <title>Index</title>     <script src="~/Scripts/jquery-1.10.2.js"></script>
  • how to remove class from particular rows using jquery

    Hi, I want to calculate difference and sum of values of text boxes using jquery following is my code  $(".toCalculate1").keyup(function () {               var td = $(this).closest('tr').children('td');               var sr = td.eq(1).text();               var total = 0;               $(".toCalculate1").each(function (index, item) {                   temp = parseFloat($(item).val());                   if (isNaN(temp))                       temp = 0;                   total = temp - total;              
  • Is this a Custom Date Picker?

    Does anyone know how to create a datepicker as seen in the photo? You can book a time a month in advance.  As each day passes, it automatically adds another day in the future.  It does not include Saturdays or Sundays.  I need it to be exactly like this.   Thanks! Colin
  • Validate TextBox

    Hi   I want to Validate TextBox. I want it must have 1 Alphabet . No special Characters & Numeric Digit. Thanks
  • Scrolling in table

    I try this grid please check link LINK now i successfully display this but there is no scroll <%--for grid--%> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"> </script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"> </script> <script type="text/javascript" src="Scripts/gridviewScroll.js"></script> <script type="text/javascript" src="Scripts/gridviewScroll.min.js"></script> CHECK IMAGE 
  • Animate an image on hover

    Hello, I am a total beginner, in fact I started with jQuery earlier today.  What I am trying to make is an animation when the user hover on an image. What I want that will happen is that the image will animate out to the right, revealing som info behind it. When the user moves the cursor from the image, it should 'slide' back to cover the info again. This is my beginner code that I have struggled with for a few hours now. <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  • Having issue for jquery code

    Hi, ,I am using javascript to append jquery coded to variable. I see the code gets put into a string. However, ,the code doesn't run. Instead of showing code in the variable it shows [ object objec ]. How can I put it in a variable and still be runnable jquery code?  It seems like the code isn't at all running but instead got convertet to [ object object ] as a string which doesn't run any of it's code. 
  • SEC7112 "blocked due to mime type mismatch" using .ajax post with a jsonp datatype

    using jQuery v1.11.3 Problem: trying to post form data with jquery ajax using jsonp.  I'm sending json object containing form data to a third party.  What comes back in the response is NOT json, rather HTML.  I have no control over what is coming back.  This is throwing a SEC7112 error.  On firefox and some other browers, .always() will fire no problem regardless of SEC7112.  But in IE, chrome, the process is halted before .always() can be fired.  This applies to .done() and .fail() as well. Anyone
  • datepicker format

    I try datepicker  link ..   datepicker  and i try this code <input  ID="fromdate" value="dd/mm/yyyy" runat="server" clientidmode="static" /> but when i try this code  <script type="text/javascript">     $(function () {         $("#fromdate").datepicker();         $("#todate").datepicker();              });   </script> this show like this where as i also add link s <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css"/> <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
  • Draggable sets real height and width on container

    A similar bug was originally reported in 2014 and appears to have been addressed, but it's still there.  Fiddle is self-explanatory (shows height issue only, but there's a width issue as well).   https://jsfiddle.net/marvmartian/umuw0kzz/ A decent workaround is to save the container width/height in the start: handler, and restore it in stop: handler. But that shouldn't be necessary...
  • I cannot add drop down list in table when click edit button for country

    I need to display drop down list for country when click edit button in table when click edit button show to me text boxes for id,name,country but i need to show drop down list in place of text box for column country this is my code @{     Layout = null; } <!DOCTYPE html> <html> <head>     <meta name="viewport" content="width=device-width" />     <title>Index</title>     <script src="~/Scripts/jquery-1.10.2.js"></script>     <script>                $(function () {             $("#btn").click(function
  • AJAX CORS - a thousand times

    Hello forum, the question must have been asked a thousand times, this ist now 1000 and 1. I have a Server at 192.168.1.3 which tryies to get xml-data from 192.168.1.43. At first I used a proxy on *.3 and it worked finde, but at the end I have to directly talk to *.143. This is how the header from *.143 looks: HTTP/1.1 200 OK Connection: close Transfer-Encoding: chunked Content-type: text/xml; charset=UTF-8 Access-Control-Allow-Origin: * As you can see, Access-Control-Allow-Origin is allowed for every
  • show all names found in table (tb) when click display button

    I need to show all names found in table tb and display as list when click button display by jquery by code below i can add success but how to take data from column name and show as list this what i need actually [code] @{     Layout = null; } <!DOCTYPE html> <html> <head>     <meta name="viewport" content="width=device-width" />     <title>Index</title>     <script src="~/Scripts/jquery-1.10.2.js"></script>     <script>                $(function () {             $("#btn").click(function ()      
  • NEWBIE ASSISTANCE PLEASE with Migrating from jqm 1.2 to 1.45

    0down votefavorite I am migrating up from jquerymobile 1.2 to 1.4.5 the content for each of my pages on my app commences with the following syntax, $("#DemoAccountRegistrationPage").live("pageshow", function() { I have been able to figure out i need to transition the .live to .on so the above becomes each page reference $("#DemoAccountRegistrationPage").on("pagecontainershow", function() { however i realise that the above format is still not compliant for 1.4.5 hence why the content is not loading
  • jQuery Accordion with Bootstrap Carousel

    I have a jQuery accordion and a bootstrap carousel on the same page. I tried using different versions of jQuery as bootstrap carousel doesn't work with versions less than 1.9.0 or greater than 3.0.0 But None seem to work i.e. I am not able to use jQuery accordion and a bootstrap carousel together. If one works then the other won't work. I would really appreciate if someone could help.
  • Can someone explain this Javascript code?

    I saw this posted on stackoverflow. How would someone call such a function. The poster did not provide any example, of course. Array.max = function( array ){     return Math.max.apply( Math, array ); };                  Here is something I tried. A bad guess: var array1 = [1,16,0,32,11]; Array.max = function( array ){     return Math.max.apply( Math, array ); }; alert(array1.max); (I don't know the proper way of providing two code blocks on this forum, so this does look a bit messy)
  • How to add one row from two drop down list to table and remove when select

    I have two drop dow list first for projects second for employees I need when select value from first drop down list(projects) then select value from second drop down list (employee) add new row of selected value from both two drop down list to table as following suppose i select  one  adil  value selected removed from two drop dow list both and inserted in table and when make remove from table added to drop down list my code as follwoing @{     Layout = null; } <!DOCTYPE html> <html> <head>     <meta
  • inline datepicker beforeShow not occurring

    Here is the JSFiddle that I created to show this issue:   http://jsfiddle.net/howardb1/2qq7canm/ From what I understand, the beforeShow 'event' calls the function assigned to it before actually displaying the calendar part of the datepicker.  So in that function I put an alert( 'hi' ); statement, but it never shows. The demo shows this in an always open inline datepicker calendar, but I've tried this in a 'regular' datepicker and text box field, too, and both ways fail to show the alert. I'm using
  • How to use autocomplete and work with different input

    I have a form that has a zip code input and state dropdown list (pre-populated).   The zip code input is before the state dropdown and was looking for a way where when I enter the 5th numeric value of a zip code it calls the autocomplete and then it calls something like http://ZiptasticAPI.com/90120 and then based on the return state it will set the dropdown for the user. So wondering if anyone has a similar function or is autocomplete not the right way of doing this? Thanks in advance.
  • Help with Datepicker passing date over

    Hi all, bit inexperienced with jquery, I have been provided this code to drop into a hotel web site which has a check in and check out calendar which passes variables over to a 3rd party booking system.  It works ok but I want the check in date to pass over to the check out date, so if someone picks the 10th June on check in the check out calendar will start from the 11th June, I found a few other posts on this on the forum but it stopped working entirely, hoping someone can point out what is wrong,
  • Vertical Tab go up after click

    Hello there, I have a problem using vertical tabs. First, it's really suits my need but I have a little problem on click, every time I click on a #tabs the scroll go up a little bit but I don't know why. Do you have any ideas what it could be ? Thanks. Valentin.
  • select2 plugin(multiple selection) is not working in dynamically added fields

    hi I have used select2 plugin for multiple selection. but select2 plugin is not working in dynamically added fields. please help me to work properly in dynamic fields. my updated code link https://plnkr.co/edit/dSioQ7TJJeHVAlTMxGTP?p=preview
  • Chrome mobile problem with "animate"!

    Hi! I've got a problem only on Chrome Browser MOBILE! The first 2 elements "photo1" and "text1" everythig works fine! Also when i start to scroll, "text2" works fine, the problem is when "photo2" start its own animation; infact when it starts, the browser scroll to top automatically!!! Can you tel me why?  Code here >:     jQuery(window).load(function () {         jQuery('#photo1').css('margin-left', '-350%');         jQuery('.text1').css('margin-right', '-350%');         jQuery('#photo1').animate({marginLeft:'0%'},1000);
  • [SOLVED] ui draggables staying behind main content

    I have a toggle left menu that contains draggable elements, and on the main part of the page is are droppables. My issue is that the draggable stays behind the main page content while being dragged. You can see the issue here Login using user demo p/w demo99 Navigate to the menu planner under "menu planning" in the top dropdown menu. Open the left menu, navigate to a recipe and try dragging it to anywhere on the menu planner
  • Edit table to allow all fields show as text boxes to modify

    Hi i have table have two buttons edit and delete i need by jquery make edit to this tables meaning show textboxes inside table to edit  the ID,Name,Country my code as following @{     Layout = null; } <!DOCTYPE html> <html> <head>     <meta name="viewport" content="width=device-width" />     <title>Index</title>     <script src="~/Scripts/jquery-1.10.2.js"></script>     <script>                $(function () {             $("#btn").click(function ()             {                 var x = $("#txt1").val();
  • ONclick on tr

    Previously i use link-button in grid-view for when user click on that button then pop up appear..  and this successfully work but now i want when user click on row then pop up .. for link button i use this $(function () { $('[ID*=lbViewChart]').on('click', function () { var row = $(this).closest('tr'); var Id = row.find('td')[0].firstChild.data; var obj = {}; obj.ID = Id; GetData(obj); return false; }); now how i modify in tr?
  • Lock Orientation in Portrait

    Hi guys, Is there a way to use jQuery to lock a device in portrait mode? I am using PhoneGap and testing on an iPhone 6. I have tried editing "config.xml" to have the following:  <preference name="orientation" value="portrait"/> But when I load the app on my phone (via PhoneGap) it still changes to landscape. I'm keen to prevent this as it throws my layout into disarray. Thanks Wayne
  • SEC7127: Redirect was blocked for CORS request. question

    here is what i see in my response headers
  • Get css-height dynamically and apply as margin?

    Hello! I am in a bit of a bind, and wonder if Jquery is the solution to my problem. I have several divs with class 'textbox', and they have variable heights (due to different amounts of text). I want to select all those divs, get their respective calculated css-height, and apply a negative margin-top on each, consisting of their respective css-height (maybe with an addition of 1rem). I also need all those margins to be recalculated upon window resize. The resize() event should help me with the last
  • NetworkError: 414 Request-URI Too Large while inserting png images

    Hi when I upload jpg format images It will store in json file. But when i use other than jpg images like png,gif image not store in json file(base 64 format). I have generated jpg images or png in base 64 format but cant insert png images.. I have updated my link https://plnkr.co/edit/6aZiO5L0xuSZ8R3h25GR?p=preview. Please check it,.  I have uploaded error screenshot in the above image
  • using variables as attribute value in selector

    Hello, I am trying to use variables when specifying an attribute value in a selector statement. so for example var myVariable = 985;  when  I use:   $("tr[iid*='985']").text()  she works fine. but when i try to use a variable representing the string 985 she don't.  $("tr[iid*=myVariable]").text() Can anybody please help if there is a way to use variables to specify strings in this type of selector?  I just don't get it. thanks  -dave
  • Difference in the code

    Hi    What is the difference between the below code. <html> <head> <script type = "text/javascript"> $(document).ready(function () { $("#btnClick").click(function(){ alert("hello"); }); </script> </head> <body> First name:<br> <input type="text" name="firstname" value="Mickey"><br> Last name:<br> <input type="text" name="lastname" value="Mouse"><br><br> <input type="submit" id ="btnClick" value="Submit"> </body> </html> ------------------------------------- $(#btnClick).bind('click'(function(){  
  • Datepicker

    I just downloaded the latest files needed to use the Datepicker from GitHub, and I've found two issues that may already been addressed here, but looking back two years though this form, I didn't see anything addressing these two issues and a question: 1) When I first open a page containing a datepicker, if I press the enter key in the datepicker input field or type an incomplete date, say 1 or 12, into the datepicker's text box while the calendar is showing and then press enter key, the current date
  • Dropdown menu not disappearing once clicked

    Hi Could someone please help – how would I get the following dropdown menu to disappear once the selection has been made? (view on mobile only) http://www.clairecessford.com/clients/Rawlins_George/index.html Many thanks, Claire 
  • JQM Local Storage Pages Form

    Hey, First sorry for my Englisch. In my ToDo App I want to go a step further. Till now I have an App which shows me my Tasks, so I can add a Task oder delete it if I finished it. Now I want to make it mor detailed. For that I want to make a own page for each Task. So maybe instead of adding a text to the local Storage I want to add a button which opens a Page. For the Page i´ve made a form to maybe add a Little text for the Task and the Time in which i have to finish the Task. Now my questions are:
  • Inserting a value into text area?

    Okay since I'm inserting the value into textarea, Here is the updated codes. Here are the codes below, <script> var string_ans = '<?php echo $ans ?>; $(function () { $("div #right-answer").hide(); $("div #reference").hide(); $("#done").click(function(){ $("textarea #right-answer2").val(string_ans.val()); $("div #right-answer").show(); $("div #reference").show(); }); }); </script>  It is not inserting the value into textarea? What's the reason? Thanks in advance.
  • Small overview for selfmade Pages JQM

    Hey, First sorry for my Englisch. In my ToDo App I want to go a step further. Till now I have an App which shows me my Tasks, so I can add a Task oder delete it if I finished it. Now I want to make it mor detailed. For that I want to make a own page for each Task. So maybe instead of adding a text to the local Storage I want to add a button which opens a Page. For the Page i´ve made a form to maybe add a Little text for the Task and the Time in which i have to finish the Task. Now my questions are:
  • CSS class in jquery

    I want to apply a CSS class to a gridview. I tried to apply this style reference link, so I try this success: function (result) {                                       var final = JSON.parse(result.d).response;                    console.log(JSON.parse(result.d).response)                    $("#tabledata").empty();                    if (final.length > 0) {                        $("#tabledata").append(                         "<tr><th>ID</th><th>OwnerName</th><th>RegNo</th><th>MileageAccumlation</th><th>MaxSpeed</th></tr>");
  • Promise returns undefined

    Hey there, I'm struggeling with a function of mine and I dont' quite know why, as this method seems to have worked so far for other functions. Basically I'm getting Objects from a SharePoint List and return all the Values in common. Somehow in my returned variable my "Result" is always undefined. When I make a breakpoint at the deferred.resolve() result is correctly defined but somehow it doesnt get out. Maybe someone has an idea where I'm doing it wrong. I also tried the resolve in a seperate chained
  • Jquery Supported Version

    Hi team, I am new to Jquery world. Wanted to know, what is the least version we still support (by saying support I meant, in case any issues we face, will your team still look into those issues and provide us the right direction). We are currently on Jquery Core version 1.9.1, and are evaluating the most stable and supported version where we can move to. Thanks for your help! Abhishek M 
  • Next Page

  • Announcements

  • The Basics of jQuery AJAX

    A step-by-step tutorial for those new to jQuery and wanting to use AJAX in their projects. Includes valuable information about troubleshooting using the console and understanding the request / response. http://jayblanchard.net/basics_of_jquery_ajax.html
  • jQuery Conference 2010: Boston Announcement

      The jQuery Project is very excited to announce the jQuery Conference 2010: Boston on October 16-17, 2010.  The conference will be held at the Hilton Boston Logan in Boston, Massachusetts.  The best part of this announcement is that Tickets are on sale now!  This venue is the largest that the project has worked with to date (Harvard Law School in ‘07, the MIT Stata Center in ‘08 and Microsoft New England Research Center in ‘09) and we expect to sell out very quickly. A brief synopsis of some of