• why is the width and height not applied to the image?

    http://jsfiddle.net/h1sfjjz1/7/ also the top and the left?
  • colorbox modify the file jquery.colorbox.js for closing the windows after php mysql query (data provided by form)

    Hi everyone, Please help I'm looking for a way for closing automatically a colorbox windows after a php mysql query (insert), without using the close button, possibly modifying the js file. Thank you
  • I just want to show "Delete" link if I have more than one image in my images list

    Im deleting banner images using jQuery and Ajax,but when I have just one image in my list I dont want to delete it. I have a list of images, and for each image I have a  "Delete" link: echo '<a class="delete j_bannerdelete" id="'.$rslt_banner['id'].'" href="#">Delete</a> ';   But its not working correctly. When I have two images and I click to delete one, I delete it, but my last image stays with delete link. And only if I refresh the page my delete link stays hidden. But I want to hide my link in
  • What is the best jquery codes to make the more less link feature?

    Hello folks! I have recently searched a more less link codes using jquery that I used for my comment section page.I used to store the comments and replies into my database before displaying it in <p> element. Now I noticed that if your comments and replies that are stored in the database doesn't come along with this line &lt;br/&gt;&lt;br/&gt; using the code below won't recognize the <br> or new line on my comments or replies unless your comments or replies stored in your database come along with
  • Help on Tabs height animation with ajax loaded content ?

    Hello jquery users, I need a method for animate the height of a Tabs (or more likely its panel) according with the loaded ajax content (the new panel height). There are two big problems that i don't know how to resolve: the first problem is need to start it in parallel with the show/hide main animation (that slide the panel), more precisely after the hide animation of oldPanel ends and before the show of the newPanel animation; second i need to know in advance the height of the ajax loaded new panel
  • scroll with delay and loop list item

    Hello, please help me for this solution. how can I make scroll with delay and loop for list item? thanks, Max
  • Heading and Footer not showing content completely

    i created a tutorial app using jquery mobile and i deployed it using andromo html archieve, but i found at that texts in the heading and footer which are longer are not showing completely. please what can i do? 
  • problem in jquery ui accordion

    i am using jquery ui and jquery grid in same webpage. jquery UI accordion is a leftside menu in my web page. i placed jquery grid table in right side of the same web page. my jquery accordion  active menu design is spoiled (over some pixel are hide the menu) when i scroll up or scroll down  the web page, click the jquery grid table next button ,prev button. any one help me
  • Problem with transition's pages

    I just tried with a sample code jquery Mobile. When I change the page (with any transition), the page is 'open' moves 1 or 2 px down. What might be due? is a known problem?
  • Please explain this statement

    mouseenter: function() { tyvm a noob.
  • Problem in adding the fadeIn() method to a slideshow

    Hi everybody, this is my first post. I'm a noob :) I've made a simple slideshow from scratch, and it works perfectly with no fade effects... But how can I add the fadeIn() method? Where do I have to put it to make it work? I have tried many ways with no result... I've made an html with just one div, to test this. This is the working script with no fade effects: $(document).ready(function() { setInterval(function() { $('div img:last-child') .prependTo('div'); }, 3000); }); The images are absolutely
  • autocomplete : autoselect if only one and change(event, ui)

    Hi, In the list whenever there is a single item , it will automatically select ( event response) , and then I focus on next input f ield.  The event "change" is fired but the property "ui" is null . How to make "ui" property not null ? as if it were selected when clicked on the list. http://jsfiddle.net/m6sqy14m/3/ thanks
  • Namespace Problem (I think)

    Hi, I've got a problem wich is based on namespaces conventions, I think. Here is a function from inside the $(document).ready(): var onGetGroups = function( response ) {         userGroups = response;         console.log( userGroups.data.length );         for( var i = 0; i < userGroups.data.length; i++ ) {             console.log( userGroups.data[i].name );             $( '#allGroups' ).append( '<li class="ui-selectable" id="' + userGroups.data[i].id + '">' + userGroups.data[i].name + '</li>' );
  • How on one page to place two elements an accordion widget with various css themes

    How on one page to place two elements an accordion widget with various css themes from a collection ThemeRoller?
  • Strange javascript behaviour

    I've this snippet $('BODY').on('click', '.evidence_check', function() {       var that = $(this);       ...       $.ajax({             ...       }).success( function (data, status, xhrObj) {             obj = $.parseJSON(data);             console.log ( $(that).parent() );             $(that).parent().html(obj.img);             console.log ( $(that).parent() );                     }); I ask you a explanation of this: The FIRST console.log correctly give me the parent of target HTML element (it's
  • Can I pass a callback function in a data attribute?

    I have a webpage with several forms that I want to use the form plugin on (http://jquery.malsup.com/form/). What I did is the following: $('.ajaxify').each(function(){     var options = jQuery.extend(         {dataType: 'json'},          $(this).data('ajaxify-options')     );     $(this).ajaxForm(options); }); This allows me to have a default option (dataType: json) and add options in the data-ajaxify-options attribute of every particular form, like this (for example): <form action='/send.php' method="post"
  • How to customize slider on my webpage?

    Hey! New at jQuery and need some help. Have some nice sliders on my web page, but have two problems. 1) The sliders are all showing this value of $ 75-500, but I want my sliders to show different values - how can I do that? 2) The text field have a white backgrountd witch I want to remove -how? Here is my source code: <!DOCTYPE html> <html> <head> {% block extra-head %}{% endblock %} <link rel="stylesheet" href="{{ media_url }}css/style.css" /> <title>{% block title %}{% endblock %}</title> {% include
  • My jquery doesn't see <textarea>

    Hi everyone. I have a javascript + php document which have to send mistakes, which users found on the website. I need to make it on jquery + ajax. My jqeury see the data like id user and mistake url but it doesn't see the text message. Empty data both on jquery and ajax. So i can't understand why it doesn't see the text variable. Check the code, please.  <textarea id="say_error" class="error" name="say_error" rows="10"   cols="45"></textarea> <input type="hidden" name="urlsw" value="<?php echo $_SERVER['REQUEST_URI'];?>"/>
  • dragging element to sortable element but losing id and bound events on draggable element in the process

    Hi, I have a draggable panel and dragging it to sortable component. Though dragging and dropping process is successful and draggable component sits pretty in sortable component but draggable panel is loosing id and for that matter all the elements inside the panel is loosing events bound to them. I am not cloning the draggable element rather moving the actual element to sortable list hence there is no problem of having same id in two places. Could you please advice how to address this problem? I
  • dynamic display of <textarea> displays great long string of data

    Trying to display stored data into a dynamically created table. In the <body>, <textarea> was defined with rows='3' and cols='40'. This, naturally, results in 3 rows of data showing 40 characters per row. Displays nicely in the 'form'. Now, assuming the data occupies the full 3 rows of 40 cols each, the display is one long string which makes the table spread out all over the page. Apparently the line feeds are stripped from the data. How can I maintain the 3-row. 40-col format in the dynamic display?
  • how can i loop through an object and out put divs with classes ?

    hello i trying to create a bar graph i have this object for the bars, tears and totTears.     var graphObjects = [       {         id: 1,         tears: 2,         seletedTears: 1,       },       {         id: 2,         tears: 2,         seletedTears: 2,       },       {         id: 3,         tears: 3,         seletedTears: 2,       },       {         id: 4,         tears: 4,         seletedTears: 4,       }     ]; I would like the out put to be something like this           <div class="graphContainer">
  • Force input value to be empty

    Hi Jake; I have a form that has many rows. Each row looks like this -> http://grab.by/zYBa I want to make sure that there is only 1 text box able with a value more than 0 in each row. In this case either "piece" or "grams". I currently found some code but this disables the other box and as a result does not submit the disabled value. I need both values to be submitted. 1 with actual number and the other with value of "" (whic is nothing). I was wondering if you could help with this. Thanks $('td
  • Caption text not displaying correctly in title bar

    Hello, I recently setup a jqgrid which is working perfectly except for one issue. When I click on add, delete, search, or edit on the pager and the popup window comes up. The captain text isn't displayed correctly in the titlebar div. It's under it like below. Any ideas why? This happens with every theme.
  • toggle?

    I'm trying to use toggle but when i go live the "div" I'm using to toggle fades out i think the code is correct what could be causing this. thanks <script> $(document).ready(function() { $('.answer').hide(); $('.main h2').toggle(     function(){     $(this).next('.answer').fadeIn();     $(this).addClass('close');     },     function() {     $(this).next('.answer').fadeOut();     $(this).removeClass('close');        }     );//end of toggle() }); // end ready </script>
  • SkyDrive/jQuery

    Does anyone know how to access microsoft skydrive(now called Onedrive) with jquery.  Im trying to use the embedded excel into my browser page. But I dont know what my file token is, or how to get it.? Thanx ...
  • Test for cross-browser cookie support

    Hi guys, Trying to figure out the problem w/ this cross browser cookie code in Firefox, (it works in Safari, i.e. cookie state is true).  As far as I can tell from reading, this should work for ALL browsers, as navigator.cookies doesn't work properly in IE. Keep getting false, when I know the cookie is in Firefox.  function are_cookies_enabled() {     document.cookie="testcookie";     var cookies = ("testcookie" in document && (document.cookie.length > 0 || (document.cookie = "testcookie").indexOf.call(document.cookie,
  • Is there way to simulate a button click with example cntrl-S

    Hello, My customer wants to start using quick-keys with their application. I told them it was a piece of cake, so now Ive got to find out how to do it. Is there a way to simulate a button click for say "clickSave" with a "cntrl-S". Thank You
  • Why I cannot sort number above 1000000?

    Hi guys i am using the jquery for sorter, the problem is that i cannot sort number above 1000000 but numbers under 1000000 they get sorted correctly, can some please help me? the code im using is the followeing:     id: "digit",         is: function (s, table) {             var c = table.config;             return $.tablesorter.isDigit(s, c);         }, format: function (s) {             return $.tablesorter.formatFloat(s);         }, type: "numeric"     }); and i do not know if the following has
  • some footer navbar links get disappear on tap

    Hi, I am using jquery-2.1.0 and jquery.mobile-1.4.2. I am using following code to build footer for my mobile app:             <div data-role="footer" data-position="fixed">                 <div data-role="navbar">                     <ul>                         <li>                             <a data-prefetch="true" href="reports.html" data-icon="eye" class="ui-btn-active ui-state-persist">Reports</a>                         </li>                         <li>                             <a data-prefetch="true"
  • Customizing jquery Slider scroller to reposition on resize browser window

    Hi, I am using the http://jqueryui.com/slider/#side-scroll on a project I was able to customize the slide so it has a fixed width. However I am having trouble customizing the jquery functions to get the scroller to reposition when the browser window resize. You can view the test page here: http://lecreativelab.com/test/warhaftig_test_site/portfolio.html the javascript is as follow: $(function() { //scrollpane parts var scrollPane = $( ".scroll-pane" ), scrollContent = $( ".scroll-content" ); //build
  • popup

    I want to make the popup FOr dat whether i want take api link of the popup.
  • Scrollable Tab widget

    I am using the tab widget in jquery-ui-1.10.3. Problem is that I have many tabs and eventually you can't see all the tabs. I'd like to have the tabs scrollable (similar to Ext.js functionality in their tabs), so I can  scroll to the tabs on the left/right. At first I was pleased to see that there are a few plugins that do just this. However, I noticed that all of the plugins that support scrollable tabs make use of the "add" method ($tabs.trigger("add",[]), or $tabs.trigger("addTab", [] ). However,
  • Filter icon

    Addition filter icon, please.
  • What am I doing wrong?

    http://jsfiddle.net/h1sfjjz1/2/
  • Validation

    Hi, I have 2 forms with 1 button, the code below works, but I need help integrating/implementing the JQuery Validation Engine (https://github.com/posabsolute/jQuery-Validation-Engine). I was hoping that the script below will not fire up yet if fields are not populated or if email is invalid. something like that. Cause what happens is that the form will be submitted if you click on submit even without data. $(document).ready(function () { $("#submitButton").click(function () { $.post($("#form1").attr("action"),
  • jQuery with multimedia

    Hi, Not sure if this is the right place to ask such a question, How can I manipulate the multimedia devices connected to a computer ? I'd like to access the video and audio streams and send them to my website. Thanks,
  • generating tree using acitree...

     Dear all  Following is my db table  student_id   student_code    student_parent_id    student_name    1                   11                   0                              a              2                   111                 1                              b              3                   1111               2                              c              4                   11111             3                              d               I want to generate following op as a tree view using aciTree
  • scrolling div - having problem to display sub menu

    Hi, I am trying to develop a menu with sub menu in a div with its height restricted and having a scrollbar for the div when the height of the menu exceeds the restricted height. But the sub menu is getting hidden inside the scrolling div. I would like to have the sub menu displayed outside scrolling div. To check the problem I am facing, please visit this link: https://www.goshopeasy.com/index.scroll.php Regards, Naveen
  • A Media Player which can change the playback direction, with the flick of a button??

    Hello :) This is my first post here. Greetings. Please forgive my complete lack of grounding in this subject. But at least, hopefully, this is the right forum to post in! Basically I'm having a website designed which needs a media player to play a 4min song. I've heard some good things about JPlayer... I like the fact its open source and free and says it can do flash and html 5. And that's what led me here, to a Jquery forum, to start my investigation! Because, you see, there's something very specific
  • JQuery to populate XML into a Table

    Hi - I am trying to create this web page with a table using XML.  I know, your not supposed to use tables, unfortunatly the guy here ALWAYS wants tables and says CSS is going to go away and is not supported in all browsers.  I won't go there so this is what I have so far and it does not seem to work.   Also if you could kind of explain the process so then I can learn and hopefully be able to do this when it is needed again.  Here is my XML (not all of it)... <allfaqs>   <FAQs>     <sortNum>1</sortNum>
  • 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