How to show and hide two different selects list?
Hi! I want to show a price list if the user click on "SELLING", and hide the other prices. And if the user select "RENTING", hide the other prices. Now I can see both prices on the screen. I would like to always hide one of I have this code: <script type="text/javascript"> jQuery(document).ready(function(){ jQuery("select[name='filter_budget_min'],[name='filter_budget_min_sell']").on("change", function() { if (jQuery("select[name='filter_transaction_type']").val() == 'RENTING'){ $("select[name='filter_budget_min_sell']").attr("disabled','disabled").css("display","none");
Button is hidden after upgrading from 1.7 to 1.11
I was using jQuery 1.7 and upgraded to 1.11 and also added jquery-migrate-1.2.1 After upgrading there is a button on the page that no longer displays. I can see it for an instant when the page loads, then it disappers. This is the button in my cshtml file <input type="button" class="check" value="check all" /> This is renedered to the browser <input type="button" class="check" value="check all" style="display: none;"> This is the only code that uses the button and it's in the document.ready function.
Suggestion: $(element).addTo(set)
I'd like to suggest an addTo() method, since jQuery often has two methods to do the same task but switching the context between source and target. For example, these could be equivalent: // Add to set using $.fn.add (function ($) { var $set = $('#a, #b, #c'); $set.add($('#d')); })(jQuery); // Add to set using $.fn.addTo (function ($) { var $set = $('#a, #b, #c'); $('#d').addTo($set); })(jQuery); Example implementation: $.fn.addTo = function (collection) { $(collection).add(this);
trying to use the jquery UI dialog model form but unable to find out which files in the download are needed for it to work
HI guys I want to use the jquery UI dialog modal form but I am having trouble finding out which js files out of the jquery UI download are needed for it to work. how can I find this out? thanks
Multiple accordions, only want one open at a time
I have multiple accordions on a single page, I would like only one accordion open at a time, so if I have Accordion1 open, and I click Accordion2, I would like Accordion 1 to close. It works this way if I click the accordions from the menu list at the top, but not if I click the individual accordion divs. Sample here Thanks for the help!
jqueryui datepicker documentation mislabeled
http://api.jqueryui.com/datepicker/ The events: beforeShow, beforeShowDay, onSelect, onChangeMonthYear, onClose are mislabeled under the options column.
jQuery + Ajax + PHP + database
Hi guys, I really need a hand over here! So I have a WordPress HTML form and i have a SSN field with autocomplete, and based on the value that user inputs in that field I need to populate the rest of the form from the database which works fine when the user selects what autocomplete returns, but if the user inputs or copy pastes the SSN number into that field other fields aren't populated. I've tried with Ajax but I have no experience in it and it doesn't seem to work. Some help please :( Here's
can't hide and show div with javascript after using condition
my javascript code should show 1 div and hide others according to where i click. it is working perfectly on desktop. $(document).ready(function(){ $("#canada-map").click(function(){ $("#centrik").show(); $("#axance").hide(); }); }); I am making my website responsive, so I added a condition that checks window width: $(document).ready(function(){ $("#canada-map").click(function(){ if($(window).width()>480) { $("#centrik").show(); $("#axance").hide(); } else
jquery selector not working
Hello This code work Fine with jquery 1.8.2. for check if input is empty. $('#form_new_elv input:text[value=""]').each(function(){ var id = $(this).attr("id"); $("label[for="+id+"]").addClass("alerte"); test=test+1; }); Test here But change the Framework with jquery-1.10.2 all inputs are considered empty even if input is not empty Can you help me to solve the problem? Thank you
jquery-ui resizable lazy call on event
Hi all, i have an element that is loaded and created on a user event. My problem is,that if i call directly into the <script> tag, it works <script> $('th').resizable(); </script> if i call : <script> function callOnEvent() { $('th').resizable(); } </script> it just doesn't want to work. The chrome console says "undefined is not a function" How can i fix this ?! ***** the same error i had with jstree trying to reload it, and in other places that right now i don't remember. Thanks AiU
Script causing 508 issues
This script wraps each image within a WordPress gallery [gallery] in its own link. I am having 508 issues (Resource limit is reached) on my site and I suspect the script is to blame. Can anyone suggest a better way to express it: jQuery(document).ready(function() { jQuery('img[alt="starting-out"]').wrap('<a href="http://www.hpartners.webignite.com.au/dummy-image-attachment-page/"></a>'); jQuery('img[alt="professionals"]').wrap('<a href="http://www.hpartners.webignite.com.au/dummy-image-attachment-page/"></a>');
File Save Dialog box not working
Hi, Am deivendran,I have one popup window with this having 'SAVE' and 'CANCEL' button. when I click save button it goes to the Generate Pdf Method for Particular Action(Controller) in MVC.but not showing the dialog box. Without using Jquery dialog box is coming. this is sample code. button click: <input type="submit" id="simpledialog" value="GenratePaySlip" /> in this button click bind webgrid <div id="dialogbox"> @grid.GetHtml(displayHeader: false, tableStyle: "grid",
Where to start build visual editor with JQuery
Hello all im jquery starter , i need to build visual editor similar to this: http://dhtmlx.com/docs/products/visualDesigner/live/# my questions are 1. can i do it with jquery ? 2. which add-ones or other lib's should i use 3. do you know about visual editors that are build using Jquery that i can check ? Thanks
Help using google maps api
Hi, I'm developping a mobile application, and I've got a problem displaying a map, even if it seems to be really easy. Here's my HTML page : <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> html { height: 100% } body { height: 100%; margin: 0px; padding: 0px } #map_canvas { height: 100% ; width:100%;} </style> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
dom manipulation during touchmove - possible?
Hi all, I have a small project that I'm working on to build a drawing tool, I'm using sketch.js but I'm running into a few issues. The basic premise of the app is to scribble onto one photo to reveal an image underneath. For this I'm using CSS masks - it only needs to work on Webkit so that's fine. You can view a demo I've knocked up here - http://www.code-mill.co.uk/clients/soraya_fatha/touch.html - if you draw on the image you will see that it 'reveals' the main image underneath. The issue I have
Droppable "over" and "drop" occassionally don't fire. - RESOLVED
I've created a simple planner where the user can Drag and drop their items into allocated time slots. They can also resize these items. When an item is resized, dragged over or dropped onto a droppable I need to check for collisions. 90% of the time everything works fine. However the other 10% of the time the droppable events 'over' and 'drop' don't fire. There is nothing special about dragging its all default jQuery stuff as is the resizing. Note that the resizing is locked so it will increment
DOM manipulation for deleting the table but not what is inside that.
Can anyone help me to re format my articles in DOM by jquery? I have articles that the image of the content is in a table row and the caption for image in another row. Now I need to change the format from this first example to the second one. For this I need take out the table but use the (img src) and the image caption. First example: ... <table style="width: 300px;" border="0" align="left"> <tbody> <tr> <td><img src="/images/image1.jpg" border="0" /></td> <td></td> </tr> <tr> <td><em>The image
validate plugin not working
Hi there, i have used the validate plugin with the metadata plugin to great effect on numerous sites (the exact same setup/code as the below in fact ) However on a new one i have an issue in that the form is simply not validating http://bit.ly/1urPZuD if you press reserve you can see the validation ( from here http://bit.ly/Q7Acke ) does not actually work can anyone see the issue please ??
Table undersection instant search
Hello, I'm new to java actually just getting started. What I'm trying to get done, is to divide a table into such sections so that my instant search pops up results for the whole section and not for 1 row only. Right now, when I'm typing a word into my search box, it hides everything apart from the row with an exact match. Picture below should give you more of an idea what I'm trying to do. Sorry misspelled "content" :) Any ideas? thank you for your effort!
Returning an object from Servlet to back JQuery
Hi, I have a JQuery client and a Servlet server side java apps. My client app looks like this: var retVal = $.ajax({ url: 'auth', type: 'POST', data: data, dataType: 'json', cache: false }).done(function(data, textStatus, jqXHR) { console.log("Login successful"); router.loggedIn = true; router.navbar.collection.push([{ id:
Disable an item of drop-down-list from another page.
Hi, I'm still here ... I would like to know, if is possible, how to disable or to enable a drop-down-list from another page. I mean: I have a drop-down-list in select.php and I would like to disable or to enable a single item, more than a item or all the items from panel control (control.php) page. Thanks in advance. Tegatti
Tabs - Duplicate Ajax Requests after selecting different tab ID
I have a user profile page that uses tabs to organize the data. Tab-1 ajax loads default social "shoutbox" tabs 2,3 loads are basic no ajax tab 4 ajax loads friend list tab 5 ajax loads photo gallery w/ fancybox plugin When tab 1 initializes, the social functions perform as expected, but if you select any of the tabs 2-5 and then go back to tab 1, it duplicates my comments() function for each click, stacking the ajax requests. I need a workaround to either clear cache or reload page (as far as I'm
Jquery HighCharts
Hi , In my Chart , I m Having X Axis With More Then 30 Dates , The Dates on the X AXis Getting Overlapped , Please let me know ? What Property should i Set For X Axis ,Where It Has Large Number Of Catogories on X Axis
Get value of a string after a slash
Hello! I need to extract the an image filename with out it's file extension. Let's say I got this: http://site/page/myimagename.jpg and what I want is to get is this result back: myimagename in other Words Everything after the last slash, but cut of 4 characters from right Would be great if someone understands how to do this? cheers
Dynamically Populated Select Control Doesn't Behave Properly Initially
In my very 1st jQM web site, I have two (2) select controls populated in bulk via ajax.responseText, using something like $( "#dir-select" ).html( ajax.responseText ). Works fine, except that the 1st item in the select box isn't displayed in the selection box at the top of the control and can't be chosen until something else has been explicitly chosen. In an option list of foo, bar, and drek, foo is in the drop down list, but the selection box is empty. Choosing foo is unresponsive, the drop-down
Is there something wrong with the bug reporting site?
I've been trying to post a bug again 1.11.1 (still exists in 1.11.2 edge), but whenever I go to http://bugs.jquery.com/newticket it tells me I don't have ticket create privileges. I am logged in when I go that URL. Anyway, the bug is that the simple selector... var $a = $('a[name=]'); ...used to return a jQuery object with length of 0 (up to jQuery 1.11.0). As of 1.11.1, it throws an error.
Capturing input content with non-printable chars
Here is code a snippet : http://jsfiddle.net/ZLr9N/298/ $('#text1').keyup(function(event) { $('#text2').val($('#text2').val()+event.keyCode); }); the problem is when user press backspace the second input must reflect the content of the first.
how to filter that records in array object
I copied my database table records(23000 records) into an array in jquery. Now i want to filter that records in array object. How i can do this?
Jquery Highchart
Hi Team , in My Higchart Graph , i m Having 30 Dates , on the X axis. But the Thing is That Whole Whole 30 Dates are Getting , Merged , Giving Out Bad Design Please let Me Know How To Handle This Design Issue , Please let Me Know ASAP.
Accordian Instant Messaging - Need Help w/ index managing
Hello, I am new to using jQuery and have been using the accordian to manage chat sessions for a project of mine. The data is populated purely from the MySQL DB except when I prepend a new conversation. If the accordian is collapsed the prepend appears open and at the top, but if you already have a panel open and prepend another conversation panel, it adds it minimized to the bottom. The problem is this method screws up the index managing and glitches the chat until you reload the data by clicking
Firing an ajax request while other ajax request in progress aborts the requests
I have a grid which contains a hyperlink on reference number which is unique. On clicking reference number, an ajax request is sent to the spring controller with reference number as the request parameter. When an user clicks on two reference number quickly, two ajax requests are submitted to the server which results in the first request being aborted with status code 0 and second request is processed successfully. When user clicks on two reference number after a certain interval, both the requests
JQuery Mobile range slider not smooth on Android
Hi I am developing an app on ios and android using phonegap and jquery mobile. My range slider works perfect on iOS devices but it is very crappy on android devices. The handler is not following the finger when it is being moved suddenly far from the point of origin. it only applies the movement after the touch event or after 3 seconds of holding position. How to fix this? has anybody experienced this already? Thank you guys.
Memory leak using JQueryUI-1.10.3 in IE 8
Hello Experts, i have developed a web page which is loaded/displayed into a webbrowser control. i observed huge memory leaking in my application. after digging i identified memory leak is due to the usage of JqueryUI . to find out the root cause i modified my page to a very simple page like below. <!DOCTYPE html> <html> <head> <title>Sample test page</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=8"> <script type="text/javascript"
[Closed] Dynamically Populated Select Doesn't Behave Properly Initially
In my very 1st jQuery web app, I have two (2) select controls populated in bulk via ajax.responseText, usin $( "#dir-select" ).html( ajax.responseText ). Works fine, except that the 1st isn't displayed, in fact there's no initial selection. I can't explicitly choose the 1st item til I choose anything else. Looking at the HTML in Firebug, there's an empty tag pair till something is explicitly chosen. Alsso tried $( "dir-select" ).refresh, immed following the initial HTML load. Can reload the controls
Add <td> inside <td> when it contains two value.
Hi everybody, I'm witing because I need help to realize some thing like this: I have a html table that contains some characters of the month divided by days. It may happen that on some days there may be two characters or more then a character. I would like that when the <td> contains more characters automatically adds a <td> within the <td> to divide the characters. The characters are divided by space. Is it possible? Thanks in advance. Tegatti. P.S. This is a part of my table:
Issue with Resizable with Constrain-Area on Demo Site
Using Google Chrome Version 32.0.1700.107 @ http://jqueryui.com/resizable/#constrain-area . the resizeable area extends below the containment box so it isn't actually contained.
How to create Date object for different timezones?
Hi, I am displaying timings for different geographies on my page with timezone offset as input. I also want to incorporate Daylight Saving timings in my code. I tried using moment.js functions like isDST() and isDSTShifted() which returns true if current time of local machine hence the browser is adjusted according to Daylight saving. If the user's machine is set with locale which follows no Daylight saving times isDST() and isDSTShifted() always return false. Apart from this, Alternate javascript
How to call the jquery function by onclick="return function()" ?
Hi, In the HTML, I had add onclick="return validate()" in the button HTML. <input type="submit" id="form_save" value="Save" onclick="return form_validate()"> Then, I had prepare the form_validate() function in a separate js file, it would work properly. function form_validation(){ console.log('abc'); return false; } But, when I try to use the jquery function as usual by bounding (function ($) {})(jQuery), it show an error "Uncaught ReferenceError: form_validation is not defined". How can I use the
xmlParser() error
The jquery xmlParser function is not able to parse xml with '&' Did anyone face this issue?
how to select positions <a> onSelect for firefox in datepicker?
$('.font_datepicker_page').datepicker({ onSelect: function(dateText, inst) { //I need to get X & Y. var targetOffset = $(event.target).offset(); SelectPresentByDay(dateText, targetOffset); }, changeMonth: true, altFormat: "yy-MM-dd", yearRange: "2002:2012", }); function SelectPresentByDay(date, targetOffset) { html = 'text'; $(".calendar-item-popup .box-cont").html(html);
Next Page