• Need help populating jqGrid

    I am having trouble simply populating the jqGrid with data. I have taken a look at the docs and hope that you can please help me out with this… I have verified that data is coming back from my server side controller method as below. Sample is just for one for the records from the fto object.     Customer_Name = "X"     FuelTkt_ID = 2     Image_ID = "12345″     Ticket_No = 6460193     Trans_Timestamp = {3/19/2014 10:20:00 AM}     Vehicle_No = "123456″   [HttpPost]         public async Task<JsonResult> GetFilteredFuelTicketsAsync(HH_FuelTkt_Input id)
  • div Animation: on mouse over, the other divs change their position

    I'm working on a jQuery animation that expands the height of a 'div.panel' on mouse over and comes back to normal when the mouse is out. The animation works for the selected 'div.panel', specially if is a '.panel.panel-small', but the problem is relative at the nearby elements that moves down from their initial location when the mouse is over the 'div.panel.panel-big'! Here's a fiddle of my problem. Thanks in advance!
  • Trouble appending Google Plus button to my blog posts?

    I'm new using JavaScript, and I'm trying to append the Google Plus "Share" button to each individual blog post on my blog's index page. To that end, I'm using the JavaScript code below. In theory, this should extract the main URL of my page and each <a.blog-title-link's> (href). However, the link appearing on the google share button is the same for every post. For each blog post sharing link, I get this: /3/post/2014/04/this-is-6post.html.Help?    Fiddle Example <body> <div class='blog-index-page'>
  • About Reading JSON Response

    Hi Everyone, I've a quick question about reading the JSON response. Which is the best way to read the JSON response?  Reading and manipulating in JSP Level ? or in the JS Level? Which gives better performance and best user experience. Appreciate all your help, Thank you in advance! Regards, Sathya
  • Tabs - Multiple Tabs

    Hello all, I have a situation where I have multiple tabs on a single page and it works great. My problem is, I have an event that adds a new tab to one of them. When this happens, it is adding the tab to both of the 'tabs' elements. They have unique ids and all that. I am wondering, is this a bug or am I doing something wrong here? ~S
  • code flow not making sense

    The code flow is not making sense. The "on keyup" event for a text box executes an ajax post to a php page. If a match is found, the php page returns {"duplicate":"Yes"} and the jquery executes the code in the code block for if(msg.duplicate == 'Yes'){ ... } and plays a sound. If a match is not found the php page returns {"duplicate":"No"} and a sound is not played. No sound is played until msg.duplicate == 'Yes' for the first time, which is good. What's bad is, once the sound is played for the first
  • Help! How to change buttons sizes!

    I would like to know how to change button sizes in jquerymobile. Do i have to use another css file too? All my buttons are super long and i want to make them smaller.
  • Accordion Overflow. Want content to flow out of accordion...

    While the accordion takes up 45% of the page in mobile an tablet I want the content of my accordion to take up about 90% of the screen when opened. I have been looking everywhere and tried many things but can't figure out how to do this? I would of though there is a way that should be pretty simple? Thanks for any help!!!
  • Need Help With jQuery Mobile Popup

    Hi guys, I'm trying to get popups working on my website and what I  did was going to jQuery Mobile Custom Download and I chose only the Popup Option and downloaded the custom build and setup everything but the popups don't works. To test if I did the setup right and the popup link right, I change the  script src from the custom to the complete jquery.mobile-1.4.2.js and the popup works but it mess up my website template. I just need the popup function only.  Please let me know if is something I can
  • Modify jquery full calendar extenal event by using date picker

    Can someone give me advice for below functionality is possible with jquery full calendar. Once we drop a external event in to a date block, is it possible to extant the event by using a external date picker? Eg: Dropped a event in to 02 May 2014. If user click on the event, a popup will show jquery Ui date picker. If user select the date to 05 may 2014, the event also should extend automatically to 5th.
  • Del a row dinamically added with append

    Hello, I'm working on a project were the user need add "n" items to a list before save the information The fields are Quantity Description Price http://jsfiddle.net/jBx9q/ What I do is, pass the values from the form to the dynamic table and add a counter into a hidden input I use append to add a table row with the form information (see function add row), the append add a TD with a link that calls the delrow() function It works, but once I delete a row, on every part of the dynamic table when I do
  • ComboBox when pressed creates a popup box

    Hi Guys, when the combobox is pressed it creates a popup page. Instead of the popup box . Attached picture is the problem that am facing. As you can see the left picture is the problem it covers the whole page. But when you hit the "X" mark (on the left picture) and press the combobox again it goes to normal combobox shown on the right. Thanks for the help guys. BTW were using these plugins. <script src="scripts/jquery-1.10.2.min.js"></script> <script src="scripts/jquery.mobile-1.3.2.min.js"></script>
  • Keyup function with added input field

    Hi out there. please check this JSfiddle: http://jsfiddle.net/lluuccaass/LYDuZ/336/ as you can see, the keyup function to display the value works with "field_1" perfectly. with "field_2"  - after adding it - it does not. I would really appreciate your help and a short explanation. Thanks a lot!
  • Force accordion to focus at top

    I have an accordion of 4 elements each of which opens to more than a screen's worth of text. Reading to the bottom of each section requires scrolling. Once there the next accordion is visible. When that new section is clicked it opens by expanding to the top, leaving the window focused on the bottom of that section. So you have to scroll back up to begin reading at the top of that section. Not good. Any way to keep the focus at the top of each section when it opens?  Or, failing that, at the top
  • jquery ui widget 疑问

    jquery ui 1.10.3版本 jquery.ui.widget.js中第48~59行中 constructor = $[ namespace ][ name ] = function( options, element ) { // allow instantiation without "new" keyword if ( !this._createWidget ) { return new constructor( options, element ); } // allow instantiation without initializing for simple inheritance // must use "new" keyword (the code above always passes args) if ( arguments.length ) { this._createWidget( options, element ); } }; 请问高手们什么情况会走红色部分,如果走红色部分不是死循环吗?
  • Pages doesnt work.

    Why doesnt my pages work. I am placed all the links correctly but when i press about and settings in my panel it doesnt work.  Here is my code: <!DOCTYPE html> <html>     <head>     <title>Simple Calculator</title> <link rel="stylesheet" href="css/index.css"/>         <link rel="stylesheet" href="jquery/css/jquery.mobile-1.4.2.min.css" type="text/css"/> <script src="jquery/jquery-1.11.0.min.js" type ="text/javascript" charset="utf-8"></script> <script src="jquery/jquery.mobile-1.4.2.min.js" type="text/javascript"
  • onhover not returning to the lefthand element

    Hello All, I am following the tutotial and got stuck on chapter 3/9. When you hover over the menu it all works fine, but when moving away, the highlight moves to the left (as it should) but immediately moves back to its current position. Also I believe that the highlight should be on the lefthand side after the page finishes loading. The highlight only shows when hovering over the menu with the mouse, but then it stays. I have added the code below, can anyone point out where it goes wrong? Regards,
  • Stop multiple animations on hover/click?

    Can someone share the method of approach to stopping the same event from being fired in the case of excessive clicking/hovers? Thanks
  • creare celle dinamiche

    ciao a tutti! ho Bisogno Che qualcuno mi Aiuti! Sono in Crisi ... vi spiego in poche parole Cosa devo realizzare...  creare Una Pagina Web divisa da tante celle con all'interno dei Numeri, i Numeri dovrebbero DOPO sparire, in Maniera da visualizzare solo i Bordi delle celle. la Funzione di queste celle DEVE Essere stile bottone,(effetto dissolvenza)  poi avrei Bisogno di 2 i bottoni Uno Con VISUALIZZA i Numeri delle celle selezionate e il Secondo bottone invia Dati di Una Pagina excell. Tutto QUESTO
  • append content, scroll to it, and then hide old content

    I have several div content container. What I would like to have is the following jquery effect; you click on a link, the content of the div container associated with the link is appended to the current content. Then, the page scrolls to the new content and the old content disappears. That means, when manually scrolling, you can only see the current div container but not the others. However, when clicking on a link to see new content, you see a smooth scrolling down animation to this content and the
  • how can i use jQuery for showing jQuery Panorama images ?

    Hi I want to use Jquery for showing Panorama images the way that i can move one picture in to different  places. I used to do it by flash. here ... how dose it work by jQery ?
  • How to create a Random, Sequencial lvl selection algorithm?

    I would like to create a phonegap application with random lvl's and a repetitive lvl selection. I need to do this in jquery, jquery mobile and localstorage. I'm a beginner in javascript so I'll just post my exact need and also what I thought till now... The app is simmilar to 4 pics 1 word (for each lvl I have some pictures and I have to guess a word that is found in each of those 4 pics) The difference is that in my app I have diferite types of lvl's. (for example one is normal, one have the pics
  • Jquery autocomplete not working in mvc 4 app

    Hi, i have tried all jquery available from jqueryui.com in my mvc 4 app, everything is working fine. only the autocomplete jquery is not working. please help me
  • how to import page

    hi I created a site with tabs. it is working well with text. also, I created a site content images and some information for each image "slides".   how i can import the index.html for images site in one of the tabs?
  • 3D Effect for images

    Hi guys! I'm coding right now my own website and just have wondered is it possible to put an alpha image and scale its corners according to z-index. Example: image1.png Corner A {z-index:100} Corner B {z-index:-100} Corner C {z-index:-100} Corner D {z-index:100} And after all put another image in the middle of the first one so that second image could be like crossing the first one? Sorry for being dummy...
  • setTimeout() and dynamic menu dropdown

    I'm building a dynamic menu with CMS Drupal 7 and Views. This is the structure: Menu 1 Menu 2 Menu 3 When hovering on the first menu link (Menu 1), it will display a div that will show dynamic content. So far hovering works great and after mouseleave in 2 seconds the div will disappear. setTimeout() function works fine, but I want when hovering the menu link and after that hovering the div to not be hidden after 2 seconds. What function do I have to add? This is my code: (function($){     $(document).ready(function(){
  • Problem executing code after slideToggle('slow')

    Hello All, I am working my way through the tutorial and found the following problem. If I use the following code, the if always returns true. However if I put in a alert() before the if it works correctly. What am I doing wrong? $(document).ready(function(){   $('#celebs tbody tr:even').addClass('zebra');   $( '<input type="button" id="toggleButton" value="Hide" />' ).insertAfter( '#disclaimer' );   $( '#no-script' ).remove();   $( '#toggleButton' ).click(function() {     $( '#disclaimer' ).slideToggle('slow');
  • How to remove Tag name css from jquery?

    Hi, For example i add css like this:  table, thead, tbody, th, td, tr {         display: block;     } and I want to remove when my page go on responsive so how to remove this table tag css from Jquery? Thanks Chetan
  • Jquery date picker conflict

    This code is causing the jquery date picker to not function. Any idea why?: <script src="js/vendor/jquery-1.8.0.min.js?v=3.2.718" type="text/javascript"></script> <script src="js/vendor/maskedinput.min.js?v=3.2.718" type="text/javascript"></script> <script src="js/prototype.js?v=3.2.718" type="text/javascript"></script> <script src="js/json2.js?v=3.2.718" type="text/javascript"></script> <script src="js/protoplus.js?v=3.2.718" type="text/javascript"></script> <script src="js/protoplus-ui.js?v=3.2.718"
  • How to dynamic list in switch case in javascript?

    How add dynamic List in switch case in js?I have used this in custom sorting datatable jquery plugin. I have added static code in switch case its working. but its not in Dynamic list.  Static Switch code:  *jQuery.extend( jQuery.fn.dataTableExt.oSort, { "enums-pre": function ( a ) { // Add / alter the switch statement below to match your enum list   switch( a ) { case "Target":   return 1; case "Qualify": return 2; case "Discover":    return 3; case "Verify":    return 4; case "Present":    return
  • Does anyone know what kind of flipbook is used from archive.org ?

    How can I use this flipbook here, this is great and I want it ;-) Thanks for answers!
  • creating a menu where every item has a custom icon next to it

    I'd like to create a popup (like a div) that appears when you do a mouse-over of a little icon at the bottom of my screen.  The little icon is called "more", and it should show a white box that contains some icons, associated text, and the icons and text should link to pages. I looked at the menu feature of jquery-ui, and it seems that the icons provided are not icons that I would provide, but rather general icons. So what is the best way to go about this?  (For an example, on www.google.com, you
  • get the value of php parameter using jquery

    Hi, I have a function which was written with jquery, and I have a php parameter which its value changes depending on the current page, for example if I'm in home page the parameter will set by GET method "index.php?page=home". my question is how to get the value of this parameter using jquery to prevent executing my jquery function while I'm in specify page.in other word ,I want to execute a jquery function whlie the current page is home page for example. thanks
  • Disable HTML rendering in jQuery UI tooltip widget?

    Hello, I'd like to be able to configure the tooltip widget to simply display whatever text I give it, rather than try to interpret HTML tags and entity references. Is there a way to do this? Or a simple hack to make it work? Thanks, Evan
  • Having trouble with setup in jqGrid

    I am successfully retrieving data from my controller method and want to display data on the jqGrid. I notice during debugging, that I get an error message that pops up (which I'm not expecting) that says "Element is not a table". The error occurs on the line trying to set up the onCellSelect event for the grid. Even after I removed the "onCellSelect" event, I got the same exact error right after the "emptyRecords" property. This definitely tells me that there is something wrong in the format of the
  • jQuery using if else with mouseover

    Hi there,  i am quite new here and searching for help! Im trying to have a larger header while the site is scrolled to the top AND when there is mouseover.  The first part of the code is copied by a blog, the second part is written by me and it doesn t work out at all! Please help me! Thanks! $(function(){     $('#header').data('size','big'); }); $(window).scroll(function(){     if($(document).scrollTop() > 0)     {         if($('#header').data('size') == 'big')         {             $('#header').data('size','small');
  • ui-btn-active class gets removed if data-transition="none" attribute is set.

    I am using a persistent fixed external navbar/footer in jqm 1.4. The ui-btn-active class gets applied and stays (as it should) on transition if data-transition attribute is not set or set to 'fade', 'slide' etc.  However if I set it to 'none' the ui-btn-active class gets removed from the active page after page change. How can I use data-transition="none" and ensure that the ui-btn-active class remains?
  • Input character field right align when loose focus

    Can you on a Input character field right align when loose focus with jQuery ajax? I can't find a example. James James R. Martin J. Martin Associates
  • adding classes to div according to it's number with javascript

    I am using touchSlider plugin for sliding content on mobile: https://www.mobilizetoday.com/freebies/touchslider Below is my code that I am using to slide my content, which is 3 pictures, either by sliding with my finger, or by clicking on the big circles below my slider ( #tabs2 ). in my current code, when a #tabs2is active, .active class is added to it. That is the code for active class: #tabs2 a.active { background-color: #87c654; } What I want to do is, each #tabs2, when active, takes a certain
  • removing rows from a table : specifying row index

    Hi All,  This is having me puzzled.  I have table with id = "rules" and <tbody> tag defined. I am trying to delete all the rows except first two rows in <tbody> . $('#rules > tbody > tr:gt(1)').remove();  //this works (if I assign  '1' directly in command)  However, the following code doesn't work.  var a = 1; $('#rules > tbody > tr:gt(a)').remove(); //doesn't work .  I tried different approaches, and in all cases if I assign a integer value as index , it works. However, if I assign a variable for
  • 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