• Get table TR data from TD fails

    I've tried variations (.parent, .parents, .closest) of the following "tdclick.html", but can't seem to get it to work. Can anyone see what I'm doing wrong? -- Thanks. File: tdclick.html --   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script> $(document).ready(function(){ // build table         $("#filelist").append("<br>") ;         $("#filelist").append("<br>")
  • Subgrid populate on page load

    Is there a way to have a sub grid populate on page load before user interaction with the master detail grid? What I am looking for is to have my sub grid populate on page load and allow a user to fine-tune the results in the subgrid when they desire by clicking on master a detail grid row. What I have is two grids fed by mySQL: Master Detail Grid is used to store product serial numbers along with the service ticket that they are associated with.  I have thousands upon thousands of rows in this table.
  • dynamic image resizing

    Hi everyone, i am doing a website where I have a list of images (I have at least 5 images per page that need re-sizing) with a certain width. Not when I try re-sizing the window I want the smaller size to be loaded dynamically, but it is not happening. Can someone please help me? thanks in advance. Here is a snippet of the code: function adjustImage() {         var winSize = $(window).width;         var img_src = $('img').attr('src');                  if ((winSize > 800) && (winSize < 1400)) {  
  • JQuery .load("Page.html") error

    Hello, to day i have programming a little bit with html and java in the webbrowser. Jeah, an i have a porblem with the JQuery .lode. It isn't in by Webpage. Index.html  the next is, it is work in CS6  adobe Dreamweaver  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   <html xmlns="http://www.w3.org/1999/xhtml">         <head>             <link rel="stylesheet" type="text/css" href="ActivLayout.css">             <link rel="stylesheet"
  • jquery memory cleanup ideas

    Hello, I built a single page template that essentially just uses ajax to bring in the next pages content when the user navigates. Everything is working well but each page contains a lot of javascript. Some pages have up to 50+ events. After some time though there seems to be a huge build up in memory that continues to grow. After about 10 different page loads the browser is choppy, and doesn't smooth out till I refresh the page. $(document).ready(function () { function PegAjaxContent(page, websiteid)
  • Populate html a Links from an Excel Sheet . Possible?

    I don't know if this is possible/ within the scope of jQuery.  Is there a way to populate or fill blank href=" " with links from a google excel sheet? example:  Column 1: "http:1.com" Column 2:"http:2.com" and so on.... my html has several list items with blank a tags, href=" " So would it be possible to fill these blank a tags in sequence - following the order of those defined in the excel sheet? Kindly let me know. Or point me in the right direction if possible. Thanks 
  • Need Help with HTML Best Practices with the Dialog Widget (JQ UI)

    Hello Forum! Please see code below. Everything works fine, but according to many HTML validators, using <div>'s as children of <li>'s is not best practice. What would you suggest I use instead? <li> works as well, but I'd like to know if there are other acceptable ways as well. Thanks! HMTL <ul class="PM-list">       <li class="dialog">Button 1</li>       <div title="Content 1 Title">Content 1</div>       <li class="dialog">Button 2</li>        <div title="Content 2 Title">Content 2</div> </ul> JS
  • Server Error in '/' Application-->The server tag is not well formed

    I'm working in ASP.NET and i used the following code in jquery.And it is showing me error"The server tag is not well formed".please help me out guys.My Jquery Code is $('#add').click(function () { var txtcnt = $('splting').text().split(';'); var table = $(this).closest('table'); for (var i = 0; i < txtcnt.length - 1; i++) { table.append("<tr><td><input type=\"text\" id=\"label\" runat=\"server\" value="+txtcnt[i].toString()+"/></td><td><input type=\"text\" id=\"currentName\" runat=\"server\" value="+txtcnt[i].toString()+"
  • Accordion

    Hi all, I tried to create an accordion with the following code,but its not responding to what i am trying,please correct me my mistakes. <html> <head> <style> .accordion {     overflow:hidden;     border-radius:4px;     background:#f7f7f7; } .accordion-section-title {     width:100%;     padding:15px; } .accordion-section-title {         width: 100%;         padding: 15px;         display: inline-block;         background-color: #333;         border-bottom: 1px solid #1a1a1a;         font-size: 1.2em;
  • Datepicker information pop up box

    Hi, I am new to jquery and using it with Wordpress (Contact 7 Form Datepicker) I'd like customers to be able to select a date and then an information box pop up with expected delivery dates, is this possible in Wordpress? Thanks, Aimee :)
  • problem of adding style tags to head

    why do I add tags to the head occur repeat style this example this example
  • Background fading effect

    Hello every one! I ran across one website which is exactly looks like http://www.shoutagency.com.au/ ,My site is in under maintenance  that’s why it’s not live right now.I want to create a background fading effect in my website using jquery.   Anyone have any ideas? I'd really appreciate it! Thanks!  
  • jQuery - KeyUp and other functions in document ready

    Dear Guru, Thank you for your time. What I want to implement is the file of fail.txt. But I failed. Please see the function keyup and other function. I don't know why fail.txt doesn't work. Best regards,
  • Website to learn css

    Please suggest me "the best" website to learn CSS quickly. thanks in advance
  • Jquery search

    First I am sorry for the wall of code I'm about to hit any unsuspecting reader with, I'm attempting to add a search filter onto a page, it worked fine then I added isotobe to allow users to select images based on the class name I give to each element, I think it has something to do with the jQuery side although that could be a swing and a miss, the search does show the hidden span text when I enter it into the search box, so I'm very uncertain, any advice would be great. I have attached in jsfiddle 
  • Diff between two dates excluding public holidays and week ends.

    Hi techies Please address me how to find difference between two dates excluding public holidays and week ends for one of my leave application.
  • jquery full page overlay

    Hi there, I would like to display an overlay over an entire page. The overlay will have some graphic and text message. The overlay will display automatically when the page is loaded or refreshed. The overlay should go away after 15 secs or if the user clicks anywhere. When the overlay is displayed I want the background to be grey. Can someone tell me how to do this? Thanks Joe
  • jsTree

    I am new to jsTree. This is how I was able to configure the jsTree     <link rel="stylesheet" href="assets/libs/jsTree/themes/default/style.min.css" />     <script src="assets/libs/jsTree/jstree.min.js"></script> <div id="treeViewContainer" class="treeViewStyle"></div> $('#treeViewContainer').jstree({             "types": {                 "#": {                     "valid_children": ["floor", "default"],                 },                 "default": {                     "valid_children": ["default",
  • How can I set the height of an element based on another element's height?

    Hi forum, Please see code below. It illustrates how far I've gotten with my problem. I'm trying to apply the computed height of each parent to their children. So child1.1 and child 1.2 need to take the height of its parent; child 2.1 and child 2.2 need to take the height of its parent; and so on. In my code, it only appears to be working on the first parent. If you can tell me why this is, I would appreciate it! JQ $(".parent").each(function () {       $(this).children().height($(this).height());        
  • JQ UI Dialog: How to Have Multiple Dialog Instances on a Single Page with Good Refactored JS

    Hi, Please see my JS Fiddle example to get a better idea of what I'm trying to do. Take a look at the Javascript section. You'll notice the code is very repetitive. How can I refactor this code so I can add additional dialog boxes to the HTML in the future, without having to change the javascript? Thanks in advance for your help. And if you you know of another post with the same question, please let me know.
  • GSoC 2015 jQuery UI - new demo system

    hey im thinking of sending in an application for GSoC to work on the new demo system idea. Just wondering how much experience with information architecture would be recommend ? I've done a module about interactive design and I have a few idea just to improve the way in which demos are browsed.  Thanks :) 
  • Adding a class

    Hi to all, I am trying to add a class to div element but its not responding,is something wrong in my code, plz help me,thanks in advance <html lang="en"> <head> <style> div { width: 100px; height: 100px; background-color: #ccc; } .big-blue: { width: 200px; height: 200px; background-color: #00f; transform:rotate(180deg); } </style> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> <script src="https://code.jquery.com/ui/1.11.3/jquery-ui.js"></script> </head> <body> <div></div> <script>
  • website auto logon in browser

    Hi, I am using the below javascript code to open browser and login to web site automatically. But it is browser dependent, only IE can execute this code. Kindly suggest solutions to implement jquery scripts that is compatible for all browsers.     <script type="text/javascript">         function login() {             window.onerror=null;             var PAGE_LOADED = 4;             var objIE = new ActiveXObject("InternetExplorer.Application");             objIE.Navigate("http://domain.com/default.aspx");
  • Datepicker, Chrome and web.config. Can't understand this.

    Hi there. I really need some help to figure out why Chrome is acting the way it is. My header page consists of these js files: jquery-1.9.1.js jquery-ui-1.10.3.custom.min.js jquery.ui.datepicker-pt-BR.js myDatePicker.js (****) jquery.maskMoney.min.js jquery.validate.js jquery.qtip.min.js (****) This is customized like this: $(function () {   $('[id$=dataInicialTextBox]').datepicker({ // Begin date autosize: true, changeMonth: true, changeYear: true, numberOfMonths: 2, yearRange: "2005:2025", maxDate:
  • Timeglider does not let me destroy all variables with the given function

    I'm not that advanced with jQuery widgets and I have no idea how to **access** the **destroy function**. You can find that function from an older version here: https://code.google.com/p/codeset/source/browse/trunk/web/timegliderExample/js/timeglider/timeglider.timeline.widget.js?r=4 Usually you create timeglider with:     tg1 = $("#timelinearea").timeline({... and so I tried to access that destoy function as well:     tg1 = $("#timelinearea").timeline.destroy();     tg1 = $("#timelinearea").destroy();
  • Keep the 1st tab opened when ever the dialog box is loaded

    Hi, I have a jquery dialog and it has 2 tabs inside it. When ever I open the dialog always the 1st tab should be displayed. I have an issue in the below example where if i close the dialog being in the 2nd tab and open again, it shows me the 2nd tab. http://jsfiddle.net/didierg/HTJ4z/
  • click function load on a page and not in another page.

    Hello all. I'm quite a new jQuery user. I've got a strange problem. In an Ajax page I've made a jQuery script that works fine. It switch src between IMG tags:. My script:                     $("#img_thumb1").click(function(){                         var src_img_thumb1 = $("#img_thumb1").attr('src');                         var src_img_main = $("#img_main").attr('src');                         $("#img_main").attr("src", src_img_thumb1);                         $("#img_thumb1").attr("src", src_img_main);
  • how to load data into jqxgrid from postgreSQL DB by using npgsql

    Hi, need to load data from postgreSql database into jqxgrid through npgsql provider please someone help me out on this. First i need to connect to postgre database from jqxgrid uding npgsql provider please help me out
  • enable the textbox

    hi to all . hear i tried my code to enable the textbox if a person selects any list item in dropdown.but it is not enabling http://jsfiddle.net/harithareddy/xorbckpm/
  • Add selected dropdown to my textbox .

    hi to all i want to add my selected dropdown list item to  check box.and selected item to be hide. like this   http://www.ajaxshake.com/demo/EN/1105/9e1d4db1/create-select-boxes-user-friendly-chosen.html  
  • date picker day and month and year

    Im looking for a datepicker for day/month /year for my booking site .any recommend site ?
  • Uncheck the checkbox using jquery

    I've an Textbox in which the autocomplete is enabled using jquery ajax.if i select one value means it have to check the corresponding checkbox.This one works me properly.If i delete that value means it have to uncheck that checkbox..Help me out please..My Jquery code is  $('#prgrp').on('keydown', function (evt)              {                  var txt = $("#prgrp").val();                  var valueArray = txt.split(';');                  var valueSortArray = valueArray.sort();                  for
  • Best website to learn jquery

    I am new to Jquery. Please suggest me the best website where i can learn the subject in depth easily
  • Jquery Slide does not feel like slide but like roll?

    I have been working on a project which has a part for slide effect of jquery. I implemented it on text and images and I realized that it is not slide effect it is a roll effect. Does anyone except me feel like this? Is there another actual slide effect?
  • show alert message to textbox

    hi to all  i want to show alert for my textbox. i.e i am having two textboxces completion of first textbox that should not enter into second text box if user enter we have to show alert message...
  • in keydown fuction confirm box work twice

    hello in keydown fuction confirm box works twice. how to prevent this . below is the sample code .  <input type="button" class="button" value="Cancel" id="can_bt" onclick ="cancel1 ('<?php echo $i; ?>','<?php echo $_POST['ntr']; ?>')"  onkeydown="exeClick(event)"  /> function exeClick(e){          var eId=$(e.target).attr("id");        if(e.keyCode==13)         {            $("#"+eId).click();            return true;         } } function cancel1(no,ntr){          var msg=confirm("Do you want to cancel
  • Problem with siblings & children

    Hiya all, i'm fairly new to jquery but to tbh i feel like a non-swimmer in the ocean but i *have* to get this solved and working. It's a hierarchic nested menu which i generate in a shop generated but i'm having problems toggling active clases to siblings/children. On page load i have a menu as such: <li class="level1">link1 <li class="level1">link2 <li class="level1">link3 <li class="level1">link4 <li class="level1">link5 If i click on link4 i get <li class="level1" class="active"><a>link4     <ul>
  • using autocomplete within jqgrid and german "umlaute" and IE

    Hello, I'm using autocomplete within fields in a jqgrid: I attach the autocomplete within the gridComplete function: gridComplete: function(){ ...         $(".valueac").autocomplete({             source: "/index.php?id=422&type=9026",             ....         }); ... } This works fine if the initial value of the field does not contain any german umlauts (ä,ö,ü,). If there are such umlauts I have a problem with Internet Explorer 10 (in IE 10 mode - no compatibility mode) if the grid get refreshed
  • Is there someway to filter elements with common class?

    Is there a way to get elements with multiple classes and to show only those elements with common classes? In my example im trying to make a filter for games with genre and platform, so when you check FPS or any other genre, and platform PC, PS3, or Xbox etc, it will narrow down the results and show all FPS games that are for lets say Xbox360, thus making FPS and X360 common classes for those elements. Codepen Demo <div id="container">   <div id="filter">     <h3>Filter games </h3>     <div class="category-filters"><img
  • Fill in the blank using jQuery

    Hi there, I'm new to jQuery and looking for existing plugins to get an idea for my primary school class (i'm a teacher) working. I want to make a fill in the blank exercise for my students but don't know how to get started. When the student clicks on "controleren", I want jQuery to check the value of the field and compare it with the correct answer. Can someone help me and point me to a working example or a plugin that has the features I need? Thanks!
  • 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