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
How to clear a selection of a dropdown list when data-native-menu="false"
When setting data-native-menu="false", dropdown list looks cool. But there is no way to clear a select. Even if I click the title of popup. Is there a workaround or anything I don't know about?
[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.
a mobile app which features a well planned tutorial mode
I am finishing a jqm app which is fairly complicated in operation for a new user. The app requires a tutorial mode with illustriation of how the app is to be used. Can you think of an app which does this well? I am looking for inspiration.
LocalStorage Array Issue - JSON/Iterate
So I have a localStorage variable, say 100. Then a JSON encoded array called localStorage.completed which is: ["44", "33", "18"] What I want to do is generate a random number between 0-100 excluding the ones in the completed array. Just wondering what the easiest and most efficient way to write the code would be? Mine looks like spaghetti at the moment, the lead developer is away so I am taking charge… don't want to mess up his perfect code as he is a tad OCD. Thankyou :)
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){
does not remain on same page by device orientation change
I have a jquery mobile app integrated with phonegap to deploy on android devices, with following markup in index.html file : <head>
<meta charset="utf-8">
<title>jQuery Mobile 1.3.0</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="jquery.mobile-1.3.0.min.css" />
<link rel="stylesheet" href="app.css"/>
<script src="js/cordova.js"></script>
<script type="text/javascript" src="js/cordova-plugins.js"></script>
<script
Can the tabs widget respond to a tab being clicked?
I want to respond to each tab in my tab widget being clicked, so that I can do a "just in time" population of html in the tab's content area. According to http://api.jqueryui.com/tabs/, I'm not seeing whether there is such an event. There must be...where? which one? How to do it?
Wich borwsers support jQuery 1.9 ?
please answer, Wich borwser versions support jQuery 1.9 ? , if it is any shedule please LINK! thanks ! :)
dropdown menu -- prob with sub-menus.......
http://mayacove.com/dev/rd/nav/nav.html why do the sub-menus disappear when you mouse over them? (if you mouse away from main links to blank areas of the page, the sub-menus stay, but when you attempt to get to one of the links in the sub-menu that's visible, as soon as the mouse goes over the sub-menu, the sub-menu disappears..) would appreciate suggestions/help.... thank you......
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,
3D rotation effect?
Is it possible to create a flat rectangle in Jquery, then rotate it 90 degrees in a 3D effect? http://www.dopeless-design.de/dopeless-rotate-jquery-plugin-360-degrees-product-viewer.html <- sort of an example. Essentially I'd like to understand perspective controls in Jquery. Am I thinking along the right lines that this is a modified usage of scale and skewing? Thanks for reading!
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 create the ul/li layout for superfish
Im trying to use the superfish menu builder.. What is the layout with ul/li. I have: <ul class="sf-menu"> <li>yada</li> <li>yada</li> <li>yada</li> </ul> <ul class="sf-menu"> <li>yada</li> <li>yada</li> <li>yada</li> </ul> It's displaying, but the menu is displaying vertically with all options listed. The style is being applied but none of the hover events are working ...
Quicksand Link Ajax Problem
HI, I use this plug-in with ajax mode to display a tree of products. Each product has a link to other sub products. On the first return, however, the links are no longer handled by the function and the page is changed without going through the quicksand. In other words, only the links in the page source quicksand works fine, with links instead imported the links become standard link. I use this function. Every product have a "href" with class="icobutton" $('a.icobutton').click(function(e) { $.get(
Improvisiong with what I have...button icons
I am not good with jQuery, so don't try and throw something foreign to me and change the entire code. I want to use the buttons with icons, but the catch is that I am trying to use them with an input tag instead of a button tag. here's what I have in my script tag: <script> $(function() { $( "button:first" ).button({ icons: { primary: "ui-icon-home" } }).next().button({ icons: { primary: "ui-icon-locked" } }).next().button({ icons: { primary: "ui-icon-gear", secondary: "ui-icon-triangle-1-s" } });
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.
superfish ul/li layout
Hello, Im trying to use the superfish menu builder.. What is the layout with ul/li. I have: <ul class="sf-menu"> <li>yada</li> <li>yada</li> <li>yada</li> </ul> <ul class="sf-menu"> <li>yada</li> <li>yada</li> <li>yada</li> </ul> It's displaying, but the menu is displaying vertically with all options listed. The style is being applied but none of the hover events are working ...
[jQuery] Tablesorter plugin and widthFixed property
Hi folks, I'm playing around with the Tablesorter plugin and I'm a little confused about the widthFixed property. I downloaded and included the Dimensions plugin and set widthFixed to true like so: /* Table Sorter */ $("#mytable").tablesorter({ widthFixed: true, widgets: ['zebra'], sortList: [[3,0]] }); Everything works, except that the width of the columns keeps getting wider to accommodate long text. Any ideas how to prevent the columns from widening, and instead "wrap" the text inside each cell.
Having some trouble with img cycling using .find(img:first)...
Hi i have been racking my brain over this for the last couple of days. Basically i have a stack of images that i want to cycle on a button click. The way i have done this is to use the .find(img:position) function. At the moment i find the last image in the stack and .insertBefore the first img in the stack. This works fine. But once i have switched the images the update code to change the button link to the last image in stack doesnt work. Its like my code is only running once. Aside from the fadeIn
I would like to know how to call json web service (asp.net webapi)
I created web service (asp.net web api) return json and i would like to call it with jquery. please advice me. my url service http://nservice.no-ip.info/smartservice/api/categories
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 .
How to use datetimepicker on input that was created on the fly using .append()?
Hi I have a code that appends input fields. Now what I am trying to do is when a user click on any of the field that are generated on the fly then I need a datetimepicker to be displayed. I have did this code but it is not working for me $('.triggerOnPicker').on('focus', datetimepicker({ timeFormat: "hh:mm TT", changeMonth: true, changeYear: true, stepMinute: 5, beforeShowDay: $.datepicker.noWeekends, HourMin: 5, HourMax: 17, minDate: 0 }); How can I get this code to work? note all of the
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
jQuery Mobile makes page jump 1 pixel on load
I'm currently building a responsive website based on the jQuery Mobile framework (version 1.3.2). Everything I need seems to work properly (panel menus, fixed header, AJAX page loading), except for one little thing that's driving me completely nuts: jQuery Mobile makes the page jump 1 pixel on every load. It does not happen in Mobile Safari, but in Chrome and Safari on the desktop. I did some research online and I found out that $.mobile.defaultHomeScroll = 0; solves the 1 pixel problem in Chrome
jQuery Ajax GET doesn't work on Chrome
Hello, I'm experimenting some problems with ajax calls on Chrome (In all other browser it works perfectly). This is the jQuery code: $(document).ready(function() { $.ajaxSetup({ cache: true }); call(); }); function call() { jQuery.ajax({url : webappUrl+'/en/map/statuses/'+community_id, type : 'get', dataType: 'json', async: true }) .done(function(data){ for(var i = 0; i < data.length; i++) { if(data[i].status ==1){ inlay = {"id":data[i].geometry_id,"t":"#red"}; mapDataObject.addInlay(inlay);
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.
Bookmark to Home Page on Android always opens new tab
I wrote a webapp using JQM and it works well under iPhone and Andriod. I am having a little issue when using Chrome on the Android phone. When I bookmark to homepage the webapp, open the app, and wonder and show move though the app pages, if I switch to the Android home page and click on the Webapp icon again it opens back on Chrome but in a new tab. I think this is related to the #page part of the URL wihc JQM uses, which make Chrome think the webapp is not currently loaded. Does any one have
hey
<!doctype html> <html> <head> <meta charset=utf-8/> <title>Custom Event</title> <style> body{width:600px;margin: auto;font-family: sans-serif;text-align: center;} li {text-align: left;padding-bottom: 1em; } </style> </head> <body> <h2>What Are You Interested In?</h2> <form action="#"> <p><input type="text" name="q" id="q"></p> </from> <ul class="tweets"></ul> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <script> (function($){ var obj = $( {} ); $.each({
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({
Next Page