click and on('click')
Hello what's the difference between these 2 lines of code $("#selector").click(function(){ ..... }); and, $("#selector").on('click', function(){ ..... }); Thank you
Autocomplete not loading on keydown
I want to capture keydown event so i use .live() method and attach autocomplete plugin . But it seems using .live() doesn't trigger the autocomplete. The keydown event is captured i have used alert to confirm it.But autocomplete is not loading. When i use ready() function autocomplete loads when I use live() function autocomplete won't load. What im trying to do is every keydown on input field im calling ajax to get information from server side and populate it in autocomplete plugin. This works:
How to display data in a grid
I am using jQuery 1.2.0. How do I display records from a MySql database in a Grid? I have an Apache Php MYSQL server if that helps.
How to download uncompressed JQuery.UI
Could someone please tell me where I can download the *uncompressed* JQuery.UI files? I've been searching everywhere on http://jqueryui.com/download/, but I can only find links to the "custom" archive that appends all the files together, which interferes with an in-house JS/CSS minifier.
jQuery File in Blogger
I created my jQuery file to use in my blog. Because blogger does not allow to upload files I am trying to find a reliable web where I can upload my jQuery file and then call it from my HTML file in blogger like: <script src="https://website/myjQueryfile.js" type="text/javascript"></script> I research all over the internet for 5 days and I am not able to find a good a reliable web for this purpose. Any help would be highly appreciate. I would think that google, yahoo, microsoft or any of those companies
jQuery mobile loyalty program feature
Hi, I'm looking to create a mobile site with loyalty program e.g. coupon and punch card type feature. Can anyone help please? Does jQuery has this feature or other plug-in or third party plug-in? Thank you in advance.
[SOLVED] opt.appendTo($("#s1")).text(val) - further modifications within this line
opt.appendTo($("#s1")).text(val); I wonder if this text(val) being a string of text variables extracted from an array could be replaced by a formula still in this line, or if the code needs to be exploded to separate chunks first. What i want to do is take this string and do the following: chayn=text(val) cutted=chayn.split("|"); singl=cutted.slice(0,1); and it is this singl that would be appended as an option to #s1 field. so i end up with something i already know to be not accepted by js,
Hiding Element in iFrame
I have an iFrame with an id "recent_news_iframe". In that iFrame, I am calling up a page that is on the same domain. However, I want to hide two id's from that page: #header and #nav_bar. I've tried this with no luck: <script type ="text/javascript"> onload=function(){ document.getElementById("recent_news_iframe").removeChild(document.getElementById("nav_bar")); } </script>Any help would be greatly appreciated!
When opening panel current position on page is lost
When opening panel current position on page is lost. 1. Goto http://jquerymobile.com/test/docs/panels/index.html 2. Scroll halfway the page to section "Opening a panel" 3. Click the "Default panel" in this section Result: panel is opened but calling page is back to top
Difference between == and ===?
Hi, I’m new to both JavaScript and jQuery, does anyone know what the difference between == and === in an if statement is?
[JQueryUI] Autocomplete with JSON: API documentation contains error in example
Hi all, spent an afternoon yesterday to try to get autocomplete to work, with a Java servlet as source. I used the JSON example from the API documentation: http://api.jqueryui.com/autocomplete/#option-source It states you can use the following JSON for example: [ { label: "Choice1", value: "value1" } ] I tried it out and my autocomplete script didn't work; firebug didn't find JavaScript errors, so I was at a loss as to what was wrong... Finally I found out in a stackoverflow.com post that this example
MySQL data animate in scrolling list
Hi, I'm displaying a list with three entries. Those entries come from MySQL database. With Ajax, the database is checked every five seconds for new entries. The display of the new items works fine, but I would like to scroll in a new item and scroll out the oldest one. eg: item 3 item 2 item 1 then there is a new item. item 4 item 3 item 2 item 4 should scroll in from the top and item 1 should disappear. i found a good tutorial, but this one doesn't work with a database and I don't know how to implement
remove Firefly on responsive website
I have a website that is using using jQuery firefly by Matt Stevens and i want to remove it automatically in mobile platforms. Is it possible? <script> $(function(){ $.firefly(); }); </script> Source: https://github.com/Matt-Stevens/jQuery-FireFly Thanks
selectors optimazation
hi speaKING OF jquery selector optimization if we have something like .parent .child compare selectors in speed optimization manor a:$('.parent .child') b:$('.parent').find('.child'); c:$('.child','.parent')
Control Accordion Open & Close Speed
I've looked all through the jquery-ui.js and can't find the setting for contolling the expand & collapse of the Accordion UI. Any suggestions? Thanks. Cayce
Access/Manipulate a 'FileSelect' element w/ JQuery?
Is there anyway you can manually assign or inject a file to a file upload/file block of code? I am using PhoneGap that captures a photo. writes it to a temp area say: file://templocation/image_0001.JPG and gives me this path as a 'string' I want to pass that to the fileupload box if at all possible, but I first need to see what it looks like. The Form: <form id="fileupload" name="fileupload"enctype="multipart/form-data" method="post"> <input type="file" name="fileselect"id="fileselect"></input>
Back button randomly dissapears from JQuery mobile header after adding content while using the 'data-add-back-btn=“true”' attribute
Hello, I'm trying to do something which seems really simple -- putting a back button on a few pages of my JQuery mobile site using the native 'data-add-back-btn="true" attribute on the page div. However, it's having behavior that can only be described as sporadic: some times it's on certain pages and sometimes it's not. To clarify what I mean, I will open a sub-page (I'll call it 'resources') via a navbar item in the home screen, then open yet another page (I'll call this page 'counseling') from
animated addition to listview
i got ios like swipe delete http://andymatthews.net/read/2011/02/18/Adding-iPhone-style-swipe-to-delete-button-to-a-listview-component-in-jQuery-Mobile which is very good. is there any similar item add with animation developed in jqm ?
Preload navbar content
I am trying to create a tabbed structure and understand you can use a navbar: http://jquerymobile.com/demos/1.2.0/docs/toolbars/docs-navbar.html Here is my question. Let's assume the navbar consists of 3 items. When the page loads the System will load the content for the default tab item. But is there a way that after the default tab loads, the system can load the other 2 tabs? I was thinking that this would help the user experience since the content will be loaded behind the scenes. Should the user
Jquery modal issue
Hi, I am having an issue for MAC safari browser that we open an iview with showmodal dialogue and on closing the window it closes the parent window along with popup. We are trying the solution with jquery ready function, which opens a modal from the inner jsp. This solution works fine in Mozilla browser but in chrome the page is loading and looping to something. Please suggest on this.Any help would be appreciated. Thanks Lopita
Dialog auto width
Dear, I'm new to jQuery UI and i want to use the dialog box. But i ran into a problem. I want to change the standard width value to be "auto", but for some reason this doesn't work. (I change it in the following function) $.widget( "ui.dialog", { version: "1.10.0", options: { appendTo: "body", autoOpen: true, buttons: [], closeOnEscape: true, closeText: "close", dialogClass: "", draggable: true, hide: null, height: "auto", maxHeight: null, maxWidth: null, minHeight: 150, minWidth: 150, modal: false,
.match statement
I'm try to add something to the standard Google calendar script: This is my variable: var full = !! entry.content.$t.match(/full/i); And this is the "console.log" console.log(booked) console.log(i) And this is the anwer in my console: false 0 false 1 true 2 This is a part of the Google calendar api json script: // loop through each event in the feed for (var i = 0; i < feed.entry.length; i++) { var entry = feed.entry[i]; var title = entry.title.$t; var start = entry['gd$when'][0].startTime;
.width returning incorrect value
Hi. I have a CSS media query with a breakpoint at 768px. My conditional in my jQuery is set to 768 but I realised that the .width element seems to be incorrect. I did a little test, and when my breakpoint changes (at 768) the .width outputs 751 and therefore doesnt cut off the code at the right time. I also notice that if the browser is resized at speed it seems to be always different. This could be because of how I have my code setup. function checkWidth() { var windowsize = $(window).width();
Single page app with require.js and knockout
Over the last few weeks I've tried to figure out what is the best way to develop a app with jQuery mobile & Cordova/PhoneGap. So far I plan to use the following tools and libraries: - Knockout.js for MVVM - Require.js for managing all scripts - jquerymobile-router for routing Thats what I've come up with so far: index.html -> loading all the scripts and the start page views/ -> all the views models/ -> all the (view)models On a request, I use preventDefault() in the router configuration to prevent
Good Documentation
Hi there. I'm a newbie to the use of jQuery. Can anyone point me in the direction of a really good step by step user guide? I'm hoping to use the controls etc in VS 2008. Btw, the "Getting Started" page on the jQuery site is broken...
curCSS bug fix
I recently got an error message relating to curCSS; after searching a bit, I see that this is now deprecated in jquery and I should upgrade jqueryUI. Unfortunately, I have somewhat of a patchwork version that includes different versions of some modules (like the effects core) that only work with certain plug-ins I'm using. It took me awhile to finally get it all working together and I hesitate to do a blanket UI upgrade. My question is whether it would work to simply find/replace every instance
Cycle: active pager
Hey guys, I have some issues with the jQuery Plugin Cycle. This is my slider Design: The code: $(function() { $('#testimonial-features').cycle({ timeout: 0, fx: 'scrollHorz', pager: '#testimonial-switcher', pagerAnchorBuilder: function(idx, slide) { return '#testimonial-switcher li:eq(' + idx + ') a'; } }); and HTML: <div id="testimonial-switcher"> <ul> <li><a href="#"><img src="../Bilder/button_video.png" /></a></li>
Submit button wont fire in different browsers
In Firefox and Chrome the submit button won't fire when I have the tags like this <table border="1"> <form action="ff_meal_edit.php" data-ajax="false" method="post" name="edit_meals" id="edit_meals"> </form> </table> But it will fire in IE. However when I switch the tags like this: <form action="ff_meal_edit.php" data-ajax="false" method="post" name="edit_meals" id="edit_meals"><table border="1"> </table> </form> The reverse is true. Does anyone know why? I am using the latest version of jquerymobile.
how to use Autocomplete Combobox and retrieve data from my database?
I tried several things but nothing work. Can anyone help me.
My Android app built with jQueryMobile (video)
http://t.co/lSkKAdT
focusin for <a>
Hi Guys, I need to implement pop up help.It should appeare when user move focus to ancor. I am trying to use focusin() focusout() but seems like it doesn't work for <a> Is any way around?
Jquery to call function in C# class library
I have a class library which has a class named 'MyClass' inside the namespace 'MyProject.MyNamespace'. There is a method called 'TestMethod' which returns a string. How can I execute this method and get the returned string from JQuery? I am trying to do this in a jquery which is in a different project (an MVC application) called 'MyMvcApp'. Please help me Thanks
Check width function help
Hi. I have made a small function to check the width of the browser, and included an if statement to run a piece of code. var $window = $(window); function checkWidth() { var windowsize = $window.width(); if (windowsize < 768) { $('html').swipe( { swipeRight:function() { $('html').addClass('js-nav'); }, swipeLeft:function() { $('html').removeClass('js-nav'); }
How to prevent direct access to load content
I have a php page that uses the a load request (see bow). I would like to prevent people viewing the content directly. I understand I could possibly check the header (also see below) but this apparently can be easily hoodwinked. Any suggestions? Header check; </php function is_xhr() { return @ $_SERVER[ 'HTTP_X_REQUESTED_WITH' ] === 'XMLHttpRequest'; } if( is_xhr() ){ // respond to Ajax request } else { // respond to normal request } ?> The load request; $('.mydivcontainer').load('myContentFile.php');
Two kwicks accordion one trigger
Here is the problem - I have two separate kwicks accordion on one page with event, eventClose:'click' and I want to achieve, that, for example, by clicking on element 1 of first kwicks accordion open in the same time element 1 on second kwicks accordion same thing for the rest of both kwicks elements (i'm using example with basic and example1 kwicks both with event:'click' and eventClose:'click' - http://mottie.github.com/Kwicks/). I achieve that with external link (trough demo.js conttroler click.function)
page transition flicker in android 2.2
Hi in android phonegap app i used jquery mobile.When i move from one page to another page i used page transitions and its working fine in android 4.0 but in android 2.2 i am getting white screen before page 2 is visible.Please guide me to solve this. Here is my code from page1: $.mobile.changePage("page2.html", { transition: "slide"} ); Thanks in Advance.
[AutoComplete] multiple values - suggestions on click?
Hello everyone, loving jQuery, loving jQuery UI, loving the community around it all. :) Just wanted to state that for the record first. I have a rather simple question, unfortunately I seem to be unable to find the solution to my specific problem. Currently I am using the awesome Autocomplete Widget in the "multiple values"-variation (link). My code generating the appropriate script looks something like this: foreach ($terms as $key=>$term) { echo " <script> $(function() {
How Can I Detect Changes On This Custom Dropdown Plugin?
Hey guys, Sorry if this is in the wrong forum or something, but I feel like this must be a basic question since nobody else is having trouble. I'm using this beautiful jquery dropdown plugin (http://tympanus.net/codrops/2012/11/29/simple-effects-for-drop-down-lists/) and I can't figure out how to detect any kind of change when it's clicked, or how to do ANYTHING with it. I mean I have it working on my page, but I'm not sure how to detect when its value has changed. The Change() method doesn't work
Only .live() works in dialog loaded via Ajax
I am mindful that live() is depracated and is being dropped altogether in JQuery 1.9 However, my projects load a lot of forms via Ajax into dialogs, using Jquery 1.8.0 and Jquery UI 1.8.23 displaying associated data and dynamically changing the content, including selection options dependent on other selections. I do that with .live("click",function(){ etc. My calls are to php scripts with sometimes complex MySQL queries so embedding them in the page isn't possible. I have tried to replace the 'live'
jQuery UI 1.9.2 , Accordion and Navigation
Hello, My issue is, Accordion was supporting Navigation method/attribute which help use to open new header after you click on sub section eg:- Vertical Menu Example ------------------------------------------- 1st Header is Default Setting (Header) Web setting (Sub section) Web password (Sub section) Web menu (Sub section) 2nd hader Post(Header) Web Post (Sub section) Edit Post (Sub section) View Post (Sub section) Delete Post (Sub section) Now by default you can able to see the complete list of 1st
Next Page