jQuery UI autocomplete combobox validation issue
Hey all! I'm having some issues getting jquery validation to work with the jquery ui autocomplete combobox. I can get it to work, but only if I have just one of these comboboxes on my page. If I have more than one, it will only validate the first one on the form and will use the last custom message that I added for another combobox. Here's some code to show what I mean: $("#WithdrawalForm").validate(); $("#expenseCodes").rules("add", { required: true, messages: { required: "You must
[jQuery Validation 1.11.0] metadata vs data-msg/data-rule
Hi, I realize that validation 1.11.0 has remove support for metadata plugin, replace with data-rule- and data-msg- but I can't find the usage document for data-rule and data-msg Also, it doesn't support IE7 (non HTML5 browser) Please help.
Div - once selected, keep div shown/visible hitting the back button.
Hi guys, My div toggle works fine, but when I go back to the page my div is hidden again. How would I keep my div open/visible if I decide to go back to the previous page? Kind regards http://jsfiddle.net/Csed2/7/ $('input[name="Q45_A_8"]').change(function() { if(1 == $(this).val()) { $('#myDiv').show(); } else { $('#myDiv').hide(); } });
jQuery Star Rating Plugin v4.11 - Activate Titles
Hi I am using the above Star Rating system on a clients website. I have it displaying the title when the stars are hovered over, but want them activated when a user clicks on a star. So if a user clicks on a 3rd star it shows, and KEEPS displaying, the text "Poor" and doesn't revert back to "Click to review". What do I need to add to the following code to make the title text active: <script type="text/javascript"> <!-- $(function(){ $('.rad1-star').rating({ focus: function(value, link){
Wich borwsers support jQuery 1.9 ?
please answer, Wich borwser versions support jQuery 1.9 ? , if it is any shedule please LINK! thanks ! :)
Jquery Colorbox - Mobile Platforms
I am using the colorbox plugin to launch a form on a modal window. http://www.jacklmoore.com/colorbox/ You can view the test page here: http://bit.ly/16SXjR5 (email button) This works fine on laptops but when it comes to mobile screens - the form gets displaced and cannot be filled by the user. Is there anyway to address this issue or at least detect mobile browsers and offer an alternative solution? many thanks, Andy
jQuery version
hy, I'm begginer web-programmer, and I'm going to start learning jQuery, (I know javaScript on norm Level) I want to know which version of jQery is verry common and comfortable now? I want a good and serrios advise, please help me : (( . . Thnx ))
Jquery not working after moving my site to a new server - can't figure it out.
Hi there, I just moved my site from one server at a friend's datacenter to a hosted account at hostgator.com. I uploaded the same files I was using on the previous server without changing a thing and the site is not working... the error Chrome shows me is: Uncaught Syntax error, unrecognized expression: :nth-child I am using the following links to Jquery: http://code.jquery.com/jquery-1.5.min.js http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js Unless these files have been updated,
2 scripts
Hello! Iam using two scripts - Nicescroll and fancybox, but I have a problem, only one of them are working. Maybe someone on this forum could help me to solve this problem, I'am a starter in webpage creating and Iam learning. Heres my code, maybe theres a mistake? <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> <script src="jquery.nicescroll.js"></script> <script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script> <script type="text/javascript"
How does animate() transition between colors?
Are the RGB values set to 0,0,0 and then set to the desired color, or is there a calculation from the initial color to the new color?
Make tabs open and close independently.
Right now I have three tabs and one of them is always open. I would like for them to be able to all be closed to save space. Here is a link to the page I am asking about http://joannfitzpatrick.com/rlv/quickvalidate-premium-0720.html According to the documentation the page is using http://jqueryui.com/tabs/#collapsible . I see that there is a script that should be added: <script> $(function() { $( "#tabs" ).tabs({ collapsible: true }); }); </script> But I have tried adding
how to display pdf file in new window using jquery ?
Hi All, Is there any plugins to display pdf file in new browser window. Thanks & Regards, Nazeer.
DOM Updates blocked during async ajax request
I am fairly new to jQuery but have been able to do some pretty neat stuff with it however I have recently run into an issue. I have 2 ajax requests that are fairly simple. One starts a rather long SQL process and the other is called by recursive javascript function and updates a progress bar. The problem is that none of the UI/DOM updates that the second process performs become visible until after the first process finishes. Kinda makes the progress bar useless. I even tried eliminating the 2nd ajax
jquery focus and blur not working
I cannot seems to find an answer why jquery is not working. please see codes. <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <script type="text/javascript" language="javascript"> <style type="text/css"> .holder { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } body,td,th { font-family: Arial, Helvetica, sans-serif; font-size:
is there a way that i could make the jQuery slider look similar to this?
Hello, I am trying to make the jQuery UI slider look similar to this. I can make the background the right colour however because the handle is an image i cant get it to look the same. I have tried removing the image making the slider 100% and the correct colour however this causes the entire handle to be displayed and not gradually come onto the screen. Much help would be appreciated and if it isn't possible then i will try another design.
How can I get the img error handler to work?
It was suggested (here: http://stackoverflow.com/questions/17702123/is-there-a-way-to-programmatically-determine-that-an-image-link-is-bad) that I add the "$('img').error(function () {" code to deal with images which did not load by replacing it with a "no image available" image. However, it doesn't work. Why not? Is it in the wrong place? Is the code wrong? Or...??? $.getJSON('Content/NBCCJr.json', function (data) { $.each(data, function (i, dataPoint) { if (IsYear(dataPoint.category))
Change URL of browser using jquery
hi all how do i change the url of a browser without reloading or redirecting it to the new replaced url .
jQuery to change a div color?
I'm new to jQuery and about as new as you can get and my question is can jQuery be used to change the background color of a div? My scenario is this, I have a form that returns a MySQL search result that has a field that tells if a payment has been paid in full or if no payment has been made, what I want is to have the div background color change from white to a light green color if the status of the payment field say's "Paid in Full" or a light red if it say's "No Payment". Is this possible to
optimization of a web sprite animtion for mobile devices.
i have made a web page with some sprite animation in it. this animation is based on the sequence images, so i used 100 .jpg images to make my object turns around. you can see it here http://www.akkromedia.com/Temp/360degre/originalweare/weare.php the plugin i used to make this effect is threesixty.js any suggetion how could i optimize this king of animation for the mobile devices.
hello
<!doctype html> <html> <head> <meta charset=utf-8/> <title>AJAX: load</title> </head> <body> <a href="about.html">Learn More About Me</a> <br> <a href="contact.html">Contact Me</a> <div class="wrap"></div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <script> $(document).ready(function(){ $('a').on('click',function( e ){ var href= $(this).attr('href'); /* its get the href to all links*/ $('div.wrap').load(href +'.container'); e.preventDefault(); }); </script>
I cant update a div after keypress using ajax
hello, I have a problem when I am trying to update a div after to save a record in my DB, what I am doing is to save a record and then to print in another div. here is my code: $('input.txtcomentario').keypress(function(e) { if (e.keyCode === 13) { var idp = $(this).closest('.dvpublicacion').find('input.hdidpub').attr('value'); var comentario = $(this).attr('value'); $(this).val(''); if (comentario.length > 0) { $.ajax({
Javascript Problem after Submit
hi, im using jquery mobile + ruby on rails 3. after a submit and redirect back, the javascript is not really working. for example: i have some checkboxes, if one checkbox is checked, the others should be disabled. <script type="text/javascript"> alert("FIRST ALERT"); $('#checkbox-evaluierung-einmal').change(function(){ alert("SECOND ALERT"); if (this.checked) { $('#checkbox-montag').prop('disabled', true, this.checked);
Jquery Mobile enlarge images posted through PHP
Hello, I need help please. I am developing an application using Jquery Mobile and PHP. I am retrieving data from a MySQL database. I was able to pull the data including images. I need the user to be able to click on any image and the image is enlarged. I used PHP to loop through the rows and create popup divisions for the images to popup. This is working perfectly on a laptop but on a mobile device, it is very slow and the popup images created are very large and much wider than the normal mobile
jquery mobile grids 's bug ??
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1"> <meta name="apple-mobile-web-app-capable" content="yes"> <title>test</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script> </head>
Is there a way to wrap each label/checkbox pair?
I have a slew of label/checkbox pairs: I would like to make it more visually obvious which label goes with which checkbox. Is there a way to wrap the pairs with a border or something around them to accomplish this? I reckon I could do it by writing a lot more html, but I would prefer to just wrap them up "after the fact" with something like: $('checkbox label').wrap('border', 'green');
Limit Jquery-UI to certain elements of the page
Hello all, I've used jQuery for many situations, but never quite come on the situation I'm in right now. I'd like to use jQuery-UI functionality on a small portion of my page, but I need the rest of the page, in particularly the links and buttons, to remain untouched by jQuery-UI. In particular, I can't have the additional classes "ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only " automatically added to every link on the whole page. I just want those limited to a certain DIV
page navigation with query string for multiple pages
Hi, I am working with a project with jquery mobile. I am facing a problem with page navigation with query string with multiple pages. can anybody suggest me how to use jQuey mobile for a swipe pages. and one more thing is that can we you our own css in this application. thanks in advance
Reload page from listview in popup
Hi, I want to Reload the same page after user clicks a choice in a popup menu, which is implemented as a listview inside a popup. I got it to work with jqm 1.2.0 by chopping off the # portion of the url and use that as argument to changePage method. However, with 1.3.1, the selection has to be made twice for the reload to happen. The following simplified code illustrates this situation. The page reload and slide work fine if 1.2.0 is used. In HTML below, the green timestamp is updated by server based
Jeditables + Datables
Hi folks, I found an example of how to use Jeditables with Datables without needing a server call. This is going to be used in a standalone app that doesn't need to remember the data after used. The source of the code is here. http://jsfiddle.net/j78pR/ Unfortunately my table isn't static, it's loaded after the page loads. I load my by calling this javascript function after I create the table with a vbs loop. function initTables() { var oTable = $('#resTable').dataTable( { "oLanguage": {
MAC OS dock
Just now i challenged myself to code something which behaves like the MAC OS dock. here is is http://jsfiddle.net/iconofsin/44j3e/1/ 1) The items move down the page, i would rather they just went off screen (and stayed on one line) how can i do this? 2) any glitches with it 3) Someone challenge me to add something to it 4) What do people think (yes i know its simple but i am proud of it)
Hiding Checkboxes inside of a DIV
I have the following html code and I am trying to conditionally hide checkboxes inside of this div. <div class="form-item form-type-checkbox form-item-field-unlimited-area-507.3"> <input type="checkbox" id="edit-field-unlimited-area-5073" name="field_unlimited_area[507.3]" value="507.3" class="form-checkbox"> <label class="option" for="edit-field-unlimited-area-5073">Section 507.3 - unlimited area for a B, F, M or S building no more than one story above grade plane. </label> </div> In theory
Is there a quick and/or easy way to update a custom jquery ui download?
The legacy project I'm working on references jquery and jqueryui in several places (js and css), and there is a "mish-mash" of different versions used. I would like to upgrade to the leading, if not the bleeding, edge here. However, in the case of a custom jqueryUI download, in order to upgrade I need to download anew and, to match the capabilities of the existing jQueryUI usage, I need to know what was originally selected (which options, widgets, etc.). Is there a way to quickly determine what I
SWIPE Touch IPhone to next Site
Hello, Is it Possibel that if the user swipe right he comes to google just as an example and if he swipes to the left he comes to Facebook is this possibel ? If it is please let me know how it works ? With Best regards Philipp Götz
How to contribute to the jQuery Mobile Project?
hello, is there a step by step example on how to contribute to the jQuery Mobile Project? starting from getting the source from github, installing the necessary dependencies, and compiling the code / testing? I am really interested in writing some code but setting up the starting point is a pain.
JQuery UI Dialog Box: How can I make the buttons and fonts smaller?
I know it sounds like a lame question, but I am new to JQuery UI and an intermediate CSS person. How can I make the fonts and buttons in a JQuery UI dialog box smaller? Which file and CSS definition would I go to....or would I make my own CSS. I'm using the microsoft/redmond theme. Thanks much in advance for any tips Steve
Star Rating title
At the moment the star rating titles are 1,2,3,4,5... How can I change it to: 1 star: Very Poor 2 stars: Poor 3 stars: Average 4 stars: Good 5 stars: Very Good
Strings with HTML code in Javascript
I am here because I need to reduce the work of a server. But first I have a question: well, a form post consumes recourses of the server, of course, but I have a html form post with a input hidden. It don't saves in the database or something like that, it exist to give some data to other Web page. Also consumes it server's recourses? Ok, now my question. I want yo change that with something more don't goes to the server and don't consume it recourses. Reduce the quantity of comunications with the
Intimidated and overwhelmed, need help with something simple (I think)
Hey folks- I was directed here by reddit/r/wordpress when looking into making external links on my site open in a new window. I was doing it manually and they said the jquery script will make it much easier. I came here and am just finding my newb self overwhelmed. What do I need to do to make it happen? I see the script, what file does it go on for my wordpress FTP? Which script do I use? etc Sincerely confused and thanks in advance John
Browser Windows and tabs
I have a timer function which ticks each second showing a counter. All pages on my app 2 for the example run this Js. The first problem is that I need that the timer runs only on the page I have the focus. I solve that with $(window).blur(function () { TimerEndsFunction(); }); $(window).focus(function () { TimerStartsFunction; }); Now the problem is that I need that the timer steel runs in the last window I was using if i focus other application, the desktop or any
Button value is null
Hi, I am using JQuery, Ajax and Struts for a web application. I am trying to submit when a button clicked. I have 4 tabs in one page. I placed 4 buttons on each tab and I want to submit the whole form when user clicked on a button through Ajax. When I submit form, I am getting values for all the form fields except button1 value as null in the form bean. Do I have any alternative to track what button clicked while submitting the whole form? Is there any way I can pass additional parameter along with
Next Page