Jquery autocomplete issue
Hello All, I was implementing jquery autocomplete in which I added the autocomplete functionality to an input and the suggestions that I get I append them to an another div. Everything was working fine till then. Now I have used tinyscrollbar to replace the default scrollbar but whenever i try to scroll using the scrollbar the options get hidden. After debugging I found out that autocomplete close was getting called after blur event on the input field. But I was not able to fix the probelem yet .
jQuery Form Plugin - how to send only changed form fields?
Hello, everyone. I need to send only changed from fields, including files. How do I do it with jQuery Form Plugin? Thx in advance!
I am getting the problem whilw posting the arrays of values to the sping controller ...but i am getting error response..please Help anyone ..thank in advance
$(document).ready(function(){ $("#form1").submit(function(event) { alert("Thank you for your comment!"); //event.preventDefault(); $.ajax({ type : "GET", traditional: true, url : "/security/twelvehrspattern.html", data : "empidlist="+empidlist+"&empnamelist="+empnamelist+"&noofduties="+noofduties, contentType: "application/json;
datepicker, click event
Hello, I have the code below (datepicker) which works if its within the same file but if its pulled in from an external js file its wont work. My strength isn't in Jquery or javascript and I'm hoping someone here can help. I have a feeling it has something to do with the click event but not sure how to implement the event. $(function() { $("#datepicker").datepicker ({ showButtonPanel: true, minDate: '0M', maxDate: '+90D', dateFormat: 'yy-mm-dd', showButtonPanel:
Hide unused Tabs using Tab Widget?
I have dynamic content in a PHP page template using a CMS. Is there a way to hide empty tabs on the pages where not every tab has content? my code is: <ul class="tabs print-no" data-persist="true"> <li><a href="#view1">Overview</a></li> <li><a href="#view2">Experience</a></li> <li><a href="#view3">Publications</a></li> <li><a href="#view4">Community</a></li> <li><a href="#view5">Recognition</a></li> </ul> <div class="tabcontents"> <div id="view1"> <div class="noScreen"> <h2>OVERVIEW</h2> </div> <?php
How to apply themeroller themes using grunticon
Hi, I am using jquery-2.1.0 and jquery.mobile-1.4.2. I have applied themes using grunticon loader as prescribed in JQM demos. So code in my html head looks something like this: <script> window.grunticon=function(e){if(e&&3===e.length){var t=window,n=!(!t.document.createElementNS||!t.document.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect||!document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image","1.1")||window.opera&&-1===navigator.userAgent.indexOf("Chrome")),o=function(o){var
How to stop accordion heading text enlarging on mobile Safari
I have problem keeping the text size consistent using the accordion effect on my site when displayed on desktop and mobile versions of Safari. Safari for iOS automatically enlarges the tags <h1>,<h2>,<h3> etc. Does the title of each accordion section have to be in a head tag? Is there a way around this problem? I have tried specifying the text size as pt and em, and tried embedding a <span> within the heading to set the text size but the text always appears proportionally larger on mobile Safari
an animation for one block at the time
Hi friends, I need your collaboration to complete my work: I have a number of blocks and I want to implement an animation for one block at the time.The order of choosing the block,animation,and the duration will be randomly. I get this problems: I want to apply the animation for each block ,then initial the d array which saves the indexes of the blocks which affected with the animation, to do that again,but there are some block didn't aminate,while the array filled. how to wait for some seconds
jquery mobile font face
Hi, I an trying to add font on my css. On chrome on my desktop it is working. But not on mobile (android and ios). declaration in my css: @font-face { font-family: BYekan; src: url('BYekan.eot'), url('BYekan.woff') format('woff'), url('BYekan.ttf') format('truetype'), url('BYekan') format('svg'); } body .ui-body-c{ font-family:BYekan !important; } html * { font-family:BYekan !important; } thanks for the help
jQuery and Css transform:rotateY?
Is there a way to replicate the effects of css's transform:rotateY(xDeg) so that you can transition between a range of degrees? Or is there a a javascript way of affecting it in a similar fashion? I'm trying to make a standard box transform(morph) all the way through to a set degree. But I'm not having any luck. Just curious if this is at all possible atm mixing css and jQuery. Thanks for reading
Sum of columns in jQuery not working
Wanting to sum rows and columns in a table with jQuery I came up with http://jsfiddle.net/HinE/y5DGC The sum of rows is working but I do not understand why the sum of columns is not working?
Post notification message in the android notification area
how can one post notification message in the android notification area
jQueryMobile - DOM nodes counter always increasing
I've created a very simple test application using jQueryMobile. This application is composed of two pages: the 1st one only contains a button to navigate to the 2nd page. This 2nd page contains a list of 20 items and a button to navigate back to the 1st page. This application only use the jQuery (1.10.2) & jQueryMobile (1.4.2) code. No custom code was added. Here is the code. Page1.html <!DOCTYPE html> <html> <head> <title>Test app</title> <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
Notify user when app running in the background state change
Let say the user is using the app and its doing come processing , while waiting the user went to check text messages. How can one get the app alert the user.
Very Noobie Question
Hi All, I have an asp application. On one asp page, I have a div into which I want to load a file dependant on a javascript OnChange event (in a dropdown box). I can do this easily with ajax.updater but I cannot achieve this simple operation with jquery! I've tried the examples on various jquery sites but nothing works. I know I am missing something simple, but what? Can someone please give me a simple example showing the links to jquery in the header and the function? Cheers Gary
Slider not working in Internet Explorer
Dear All I am referring to https://forum.jquery.com/topic/slider-is-not-looping and http://jsfiddle.net/u9Ndr/ This is great solution from cold fusion coldfusio.. http://james2013.batcave.net/loop_it_with_text.htm Based on this the jsfiddle was made however diesnot work in Internet explorer Pleas help
BlockUI Not Working Android Cordova Phonegap 3.3
Hi all, I have been struggling with this issue for the past few days with no luck. Hopefully someone here might see what is going wrong. I am updating my existing android phonegap 2.1 project to version 3.3. Something in this new version has caused blockUI to not work as it once did. When I would make a call to my function that called $.blockUI it would bring up a black box with my "Please wait" text. Now when the function is called it does nothing. The UI does appear to be blocked(can't click
Please send J Table source code using AJAX CRUD Table(MVC-2)
Hello all, If any one send J Table source code for AJAX CRUD Table using MVC. Please send best links,i am trying to find but not getting good sites. Thanks
DataPicker Dates go outside the dialog
<script src="http://code.jquery.com/jquery-1.8.2.js" type="text/javascript"></script> <script src="Scripts/jquery.tooltip.min.js" type="text/javascript"></script> <script src="Scripts/Tooltip.js" type="text/javascript"></script> <link rel="stylesheet" href="//code.jquery.com/ui/1.8.2/themes/start/jquery-ui.css" /> <script src="//code.jquery.com/ui/1.8.2/jquery-ui.js" type="text/javascript"></script> <script> $(function () { $(".date").datepicker();
Validation plugin addMethod with ajax
Hello, I am trying to use the addMethod to add a validation of duplicate username. The duplicate check is done with an AJAX call. The php file called by AJAX returns 0 if the username does not exist in the database and 1 if it does. The problem is I always get the error no matter what the AJAX call returns. My code: jQuery.validator.addMethod("duplicate_username", function(value, element) { var duplicate = 0; $.ajax({ url: '/modules/user_management/ajax/check_duplicate_username.ajax.php?username='+$('#username').val(),
Stay on the page with jQuery validate form plugin
Hi I use the "validate form plugin" to control my form, but when I click on the submit button, I'm redirected because of the PHP file on the "Form sent" page. Everything works fine except that. How to stay on the same page after validating my form please ? Here an extract of my code : PHP FILE <?php [I HAVE CUT THE CODE] if(mail($to, $subject, $message, $headers)){ echo "Form sent"; } else { echo "Form not sent"; } ?> JQUERY FILE $("#form-contact").validate({
ajax loads content how to submit form
Hi I have made so that my content is loaded with ajax like this and placed in a div <ul id="navlist"> <li><a href="home.php" class="home">Home</a></li> <li><a href="gallery.php" class="gallery">Gallery</a></li> <li><a href="upload.php" class="upload">Upload</a></li> </ul> <script> $(function () { // attaching click handler to links $("a.upload").click(function (e) { // cancel the default behaviour e.preventDefault(); // get the address of the link var href
prev/next buttons from date pick calendar
Hi, I don't know why I can't see the prev/next buttons from the calendar, can you pls help? Thanks <link href="css/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="/js/jquery-ui-1.8.2.custom.min.js"></script> <script src="js/grid_tool_bar.js"></script> <script type="text/javascript"> $(function() { $("#to_date").datepicker(); $("#from_date").datepicker();
swipe event without jquery mobile
This is perhaps a stupid question but I will give it try. I’m currently update an older web application using jquery 1.4.2 with a number of plugins. I have spent some time to migrate the page to be able to run on with jquery mobile, but I just too messy and not worth it, is it possible to implement a swipe event in any other way than using jquery mobile? Does it exist an implementation that could make this work with jquery and jqueryUI? crele
i need edit in popup using jquery
This is my code that i am strucking in getting editing the details. while entering edit button i need to show the field and value which should be edited in dialog box <%@ page contentType="text/html; charset=UTF-8" %> <%@ taglib prefix="s" uri="/struts-tags" %> <html> <head> <title>jQuery UI Dialog - Modal form</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.9.1.js"></script> <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
get CSS z-index
// Test $ ('Body') CSS ("z-index", 111); alert ($ ('body') CSS ("z-index")); / / return auto alert ($ ('body') [0] style.zIndex) / / return 111 ?????
How to enable dialog scrollbar when content exceeds dialog height?
I am using jquery dialog popup in my page. My dialog height is "271". After that, enable the vertical scroll bar for dialog div. How to enable vertical scrollbar when div content exceeds the dialog height? I want to enable only dialog scrollbar. I have tried in jsfiddle. but its not working. Is it possible? My jsfiddle: http://jsfiddle.net/RakZ5/4/
Knobrot.js Web Audio Api
Hi there, i am quite new in using jQuery and I was wondering if someone could help me to solve an issue I have with my web app. It is a very simple app where a sine wave is produced using Web Audio Api and there is a slider to change the value of the gain (volume). I have no problem doing this, however I am trying to use the library knobRot.js and use a knob to change the gain value with no success. I have been trying all day testing out all the events in the documentation including knobdrag function
to create popup window
I need to create popup window and in that i need to submit some values and that value should be stored in database.. how to do this friends.. i need coding for this
HELP redirect
Buonasera, mi Dareste Una mano una tariffa Una redirect DOPO il login di un'utente REGISTRATO? Praticamente io ho 2 Tipi di utententi, 1 - UTENTE 2 - COOP VORREI Che QUANDO effettuano il LOGIN DOPO Aver Inserito Username e Password CLICCANDO sul Tasto login, ci SIA Una redirect alla Pagina profiloUSER o profiloCOOP (in base di un chi effetua il login) e il Tasto LOGIN Presente nell HEADER di Tutte le Pagine diventi LOGOUT. così il Che devozione agganciarmi al serever a tariffa CIO sé mi potreste
How can I select the specific button on the dialog box then give it a close event?
Hi, I have a dialog box that shows a partial MVC view. The dialog box does not close when I click on the close button. It does close if I hit the escape key or click on the x at the top right of the box. I’ve seen a lot of examples out there but nothing has worked for me so far. How can I select the specific button on the box then give it a close event? Here’s my code so far: <script type="text/javascript"> $(document).ready(function () { $(function () {
Not getting jQuery.extend options correctly inside an event
I'm trying to create a plugin with some form processing & i need to call a success function if form submitted correctly. I used $.extend to extend the options. function Foo(elem,options){ var self = this; $elem = $(elem); settings = $.extend({}, $.fn.test.defaults, options); self.init(); } Foo.prototype.init = function(){ $elem.on('click', function(e){ e.preventDefault(); if(typeof settings.onSuccess === 'function' ){ settings.onSuccess.call(this); } }); } $.fn.test = function(options) { return
$("#pageselector").page("destroy").page() is taking a long time to complete.
Hi, I am using jquerymobile 1.4.2 i am populating my page dynamically so every time using $("#pageselector").page("destroy").page() to refresh the page but it is taking high amount of time to process in mobile more than 1second for heavy content page. in page1 i have link for page2 after clicking the link i will populate the page an then refreshes it but becoz of this its taking a long time to get the page after clicking on the link. is there any way to reduce it. Thanks in advance
Re-Validation
I have a form that is dynamic - there is a button to add a new set of fields. Is there a way to "re-validate" the form - to force $.validate to look at the form again for required fields? Thanks, --Ian
Select Dropdown is not working in IE8
Hi All, I have lot of Select Dropdowns in my application web pages. Some of them Have longer text as options. In Ie8 all the longer text is cutting off. I tried some options...Here is my code below.. I tried doing like this my code works if I specify to the particular select dropdown with specific Id.. When I apply this code for all my select dropdowns..all the dropdown are breaking and messing up with the styles...I have different kinds of select dropdowns in my web pages with different widths..How
HTML text in a textarea
Hi I have some HTML in a textarea in my document: <textarea id="html_out"><p>123</p></textarea> After grabbing it and manipulating it as a var, I set it as the content of the textarea, effectively something like: $('textarea#html_out').val('<p>ABC</p>'); What I want to do is wrap the textarea in a div: $('textarea#html_out').wrap('<div></div>'); and then remove the textarea tags: $('textarea#html_out').contents().unwrap(); and for the contents of the div to display as normal HTML, so I'd just see
celsius symbol
Hi, I wanted to know how can I get the celsius symbol in JQuery and present it in a .text(), something like this: $("#lblTempC").text(temp_c + " C");
Wanting flash movie to reduce in size after it plays
Hello, I have a flash movie that I want to reduce in size once it has played. In other words, when it plays, it is 480x640 and when it finishes, I want to go down to 120x160. Someone at Experts Exchange thought jQuery might be the way to go. I see the http://jqueryui.com/resizable/, but that is done manually. Any ideas? Have a great day, Don
Using 'this' for more than one attribute on hover
I'm trying to get the text from the 'alt' part of the image to slideDown on hover and then slideUp once the cursor exits. The fade is working fine, but I cannot get the text to appear unless I use a class, the problem is when I'm using a class the text for all the images drops when hovering on one img. Current code - not dropping any text $('img').hover(function() { $(this).css("opacity","0.4"); $(this).html.attr('alt').slideDown("slow"); },function(){ $(this).css("opacity","1"); $(this).html.attr('alt').slideUp("slow");
Autocomplete and Mapping XML data
I'm trying to follow JQuerUI's example wtih mapping XML from an AJAX Response to an autocomplete textbox. I feel like im following the example, but not sure where im going wrong. here is my code: $.ajax({ type: "POST", async: true, timeout: null, url: "ASNProxy.asmx/getStoresOnPO", dataType: "xml", data: { xmlDoc: criteria }, success: function (xmlResponse) { var data = $("STORE", xmlResponse).map(function () {
Next Page