Preventing Panel widget from firing close events on page change
I've got some functions in the close event. This is getting fired every time I load a page via Ajax. If I have Ajax disabled, the close event is not fired. The issue here is these functions fire when the close event fires; which in this particular case, is inside the pageshow event. Any thoughts here on how to prevent that? Here's the code: $(document).delegate('[data-role="page"]', 'pageshow', function() { $('#side-panel').panel({ beforeopen: function() { updateOpenClose($('.nav-toggle'));
[jQuery] Plugin: Mousehold
I've written a simple plugin that keeps firing the specified function while the mouse button is held down (i.e. a repeat action). Here it is: http://leftlogic.com/jquery/mousehold.js Here's a bit more detail on how it works - along with an example: http://remysharp.com/2006/12/15/jquery-mousehold-event/ Any feedback or bugs please let me know. Cheers, Remy Sharp. -- View this message in context: http://www.nabble.com/Plugin%3A-Mousehold-tf2828870.html#a7897334 Sent from the JQuery mailing list archive
[jQuery] Checkbox "checked" event
How do I detect if a checkbox is checked by a user? change or click would be wrong. Thanks
jQuery slider for date range in two text boxes
Hello, Is there a working example of the jQuery UI slider working for a min/max date range, where changing the sliders updates text input fields? Filament Group's extra plugin is for <select>, http://www.filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support/, but that's not what I want to use; rather text inputs. Might this be accomplished by having an array of number (1, 2, 3, 4, 5, etc...) and dates?
RTL Language issue when mixed with LTR
On this page you can see the issue: http://openmenu.com/m/menu-items.php?omf=36573290-c529-11e2-b6cf-00163eeae34c&m=470328&gi=2440219 Basically the RTL part at the bottom splits the price from the currency symbol which I can't figure out why. Generate code: <h2 class="menu_item_name ui-li-heading">محمرة <span class="sml_price">- 1.300 KD</span></h2> Why doesn't the price appear after the name (or fully before)?
Grouped column headers code example
Could you add a code example to the Table Reflow - Grouped column headers (http://view.jquerymobile.com/1.3.1/demos/#Groupedcolumnheaders) and to the corresponding API page (http://api.jquerymobile.com/table-reflow/)
radio button works only 1 time for all the different values
<html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script> </head> <body> <div
Reducing the gap between fieldset rows.
Hi, if I have a form with three fieldset rows of radio buttons how or is it possible to reduce the margin/padding/gap between each row? Thanks in advance.
Jquery grid listview demo page stopped working
I was intending to use this grid/listview layout for a new site http://view.jquerymobile.com/master/demos/examples/listviews/grid-listview.php, but the demo page isn't working any more (just shows lilsit view and not the grid on larger screens). Have tried it several different browsers and user-agents but it just stays the same. Not very responsive any more! Anyone have any ideas? Thanks, Jonty.
Retain checkbox state with refresh of page
I'm a newbie to jQuery, and I have what I thought would be a simple setup: 1) Have a list of checkboxes that show/hide content within a div tag 2) Have those checkboxes keep their checked/unchecked state with a page refresh in all browser versions I was able to accomplish #1 without a problem with the help of this jsfiddle: http://jsfiddle.net/nick_craver/VUeB7/ This code accomplishes #2 in Firefox, but the state disappears in both IE and Chrome whenever the page is refreshed. Does anyone know of
Inserting into MySQL without webpage refreshing
Hello, I am trying to post data to MySQL without having the webpage refreshing (the URL will not change when sending data to MySQL). I think I can do this using jQuery or AJAX. I believe this is the proper way to do this but it does not seem to work. I can get data inserted into MySQL if I use an action="insert_db.php" as part of the form but that will redirect to that webpage, that is, it goes to insert_db.php. I do not want it to redirect to any other webpage when it is inserting data into the
Hide mailto from Google with Ajax
Hi there, I used to 'protect' my email addresses from being indexed by Google in the following manner: $.post( '/mailto.php', { password: 'mypass' }, function(data) { $( 'span.email' ).html(data); }) mailto.php would return <a href="mailto:me@example.com">me@example.com</a> This used to work fine until a while ago: Google is now able to (partially) read Ajax loaded content. Could anyone advice me on what new method i should use for protecting my e-mail links? Thanks in advance! Regards, Knal
Loading html from external file into div
I'm fairly new to jquery so apologies if this is a very simple question with a very simple answer, but I just can't figure out the solution. I have an overlay div, and when I close the overlay I want to remove the html inside it and then re-load it from the specified file. I have already worked out how to empty the div, but what I now want to do is re-populate it with the content from a separate file on my web server. Here is my sample code: onClose: function() { $("#video-popups").empty();
X-XSS-Protection "1; mode=block" in Safari (4.x, 5.0) with jQuery 1.9.x redirects to "about:blank"
Hi there, in the ticket http://bugs.jquery.com/ticket/13546 (closed as "notabug") I described in comment 3-5 what caused this issue. This seems to be a bug in the XSS handling in WebKit. Does anyone here has some detailed information about how this works? I found nothing (I am interested in what is investigated when) and could only workaround by trying over and over again (and finally changing the line in jquery.js which does not feel right to me). I never encountered such an issue before but now
animate (moving) while fadingIn
Hi there, I wonder if its possible to animate an Object while at the same time fading it in. At this moment I am able to do it after each other but not at the same time. Hope you can help me.
Jquery Mobile Panel Stops functioning after first use.
I have a simple Phonegap + Jquery Mobile app ive started developing. Splash screen loads, app starts In the header is a button to open a side panel for my menu. Click it once and the menu opens, click away and the menu closes. but from then on you cannot open the panel again the functionality simply doesn't work :( Here is the entirety of my code to see if someone can see the issue? It should be simple enough and i dont see any problem with the code that could cause the problem. <!DOCTYPE HTML> <html>
[jQuery] [autocomplete] - IE 6 Scroll bar problem.
I have been looking at JQuery autocomplete and just when I thought it would meet my needs, I found a bug on IE 6. This is the problem. 1. Enter something in the text box that provides suggestions 2. Let the suggestion list appear with scroll bars. 3. Use the scroll bar to scroll down or up (this step is very important) 4. Now click on anywhere outside the suggestion list. Ideally the suggestion list should disappear but I see that the suggestion list just sits there unless you select something from
how to get Return value of jquery UI dialog Box
$(function () { InitializeDeleteConfirmation(); $("#ctl00_PageContent_btnCreateSub").click(function () { var Rcall var countImgscrp = document.getElementById("<%=hiddenScrapBookImgs.ClientID %>").value; if ((countImgscrp == 10) || (countImgscrp == 20)) { $('#NavBar').css('z-index', '999'); $('#DropDown').css('z-index', '99'); deleteItem(function () { callback1(); // alert(Rcall); }); } // if ends here return false; }); // click function ends here }); // document ready ends here function InitializeDeleteConfirmation()
jQuery SVG Plugin: Conflict issue with extension "jquery.svgdom.js"
Using jQuery SVG plugin (ref http://keith-wood.name/svg.html). Description of issue There is a conflict using the plugin extension "jquery.svgdom.js" along with jQueryUI library. If you add those libraries and initialize the tab widget then there will be en error in the console complaining about "jquery.svgdom.js". I'll paste image below of error message (using firebug): Question about svgdom.js On authors website he said that he made modifications to the jQuery code file but the last time he did
Panel caused page background image disappear
Hi - I'm not sure if this is a bug on 1.3-beta.1 on iOS UIWebView html page. I'm using the following simple page: .ui-page { background: url(myimage.jpg) no-repeat; background-size: 1024px 800px}; The page: <div data-role="page"> <div data-role="header"> sample app </div> <div data-role="content"> hello </div> </div> It works fine with proper background image. However, once I added a panel definition: <div data-role="page"> <div
New Icons for jQuery Mobile
We have just released a huge icon set of 1200 glyphs that is available not only as PNG but also as a font. You can check it out and of course download it at http://www.webhostinghub.com/glyphs/ The set is absolutely free for both personal and commercial use and we hope that it will be interesting for jQuery Mobile users. We are also planning to add many more new icons and we would appreciate all your ideas on how to make this icon font better.
Superfish Menu text off-screen
Hi. I recently realised that I was a few versions behind on my Superfish menus, so I'm in the process of upgrading and rebuilding the CSS to match the existing layout. Part of a spring clean to update all jQuery across all sites. The old version used to have a supposition plugin support (which if I recall was in beta). Including this would stop drop-down menus from flowing off the screen. The latest version doesn't include this, and doesn't seem to mention it. Does anybody know if there are any
how to do this?
Hello, how can I do this slideshow please?? any ideas? thank you :??? example of what I want to do http://www.mamaye.org/ Houston Web Design
At startup - Uncaught TypeError: Cannot call method '_trigger' of undefined
I can't even start jquery mobile, the only thing I have is my index file, with my includes, yes my linking is right. Keep getting a white page and this error in google chrome Uncaught TypeError: Cannot call method '_trigger' of undefined <!DOCTYPE html> <html> <head> <title>Collect&GO</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.0a3.css" /> <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
Using static jQuery Mobile Panel on all pages
I posted this question in Stackoverflow and thought should post here: jQuery Mobile Panel in static header Say I have a fairly complex menu in the JQM Panel that I need it to be accessible from every pages in the application. One way of implementing it is simply copy and paste the Panel code to each and every sub pages. Approach 1 - The brutal way This worked. However, it is only good for a small application with simple panel. Copying the big chunk of Panel code and applying in every other pages
Different effects on elements inside jQuery cycle
I have a slideshow using the views slideshow module in Drupal which uses the jQuery cycle. Inside the slideshow I have four fields (classes are defined below) - Image (.views-field-field-homepage-slider-image) - More info button (.views-field-field-more-info-link) - Title (.views-field-title) - Text (.views-field-field-homepage-slider-text) I need the image and button to slide and the title and text to fade in and out. All elements need to be in sync. I am looking for the way to define this inside
Announcing jQuery Mobile tableview - plugin for responsive HTML table layouts
One thing I have found missing in JQM is a way to handle tabular data. There are some nice plugins available, but none for JQM specifically. I have written a plugin (widget and extension actually) to handle HTML tables in jQuery Mobile. Demo is here: http://www.franckreich.de/jqm/tableview/demo.html Code on Github: https://github.com/frequent/tableview There are two version of tableview (demo/github is the first one). The "no-func" version only handles the appearance of the table. Tables are responsive
Dialog closes immediately - only in Firefox, only with autoOpen set to false
Works fine in IE, closes immediately after opening in Firefox: $("#dialog-test").dialog({ autoOpen: false, title: 'User Information', buttons: { 'Accept': function() { document.getElementById("userName").value = document.getElementById("email").value; document.getElementById("userPw").value = document.getElementById("password").value; document.getElementById("userSecret").value = document.getElementById("secret").value; $(this).dialog('close');
Jquery Mobile 1.3 and Input Size issue?
I am using Jquery mobile 1.3. I have an input, <input style="width: 75px" type="text" /> The problem is that it's size is always large. How to make it small, http://jsfiddle.net/2bWfL/163/ <head> <title>My Page</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <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.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
jQuery mobile swatches won't display in Dreamweaver cs6
I recently downloaded the most recent jquery and jquery mobile updates to Dreamweaver cs6. When I have something selected I go to the jquery mobile swatches panel and nothing is displayed. I have seen on other sites that other people have this issue but i'm still getting no answer. I downloaded jquery mobile 1.3.0 and jquery 1.9.1
jquery dashboard gauge
Hello does anyone know of any jQuery dashboard plug-ins or widgets. I don't want to use Google's because gauges in the visualization api don't work in mobile safari as of yet. Any suggestions. I have seen bindows, but I would like something only in jQuery. Thanks, Brian
Create new tab whose origin is from a existing tab
Hi for All, I'm creating some tabs using jQuery UI 1.10.3, however when I try to create a new tab whose origin is from a existing tab, the new page is rendered in the tab that triggered call the creation of the new tab. I did a test by clicking at another point on the screen shifting the focus off the tab and it works, but it is not the expected behavior. If anyone has a suggestion on how I can fix this?Regards Christian
jQuery Mobile on Windows 8 RT Surface tablets
What modifications are necessary to get jQuery Mobile apps to run on Windows 8 RT Surface tablets? I have not yet succeeded in getting a jQM + PhoneGap app to run on Windows 8 RT. Would appreciate suggestions from anybody who has succeeded in doing so... How to address Win 8 RT errors about "dynamic injection" of markup? This problem does not exist on Android devices for a jQM+PhoneGap app that works just fine on Android....
Plugin to add emails into a textarea the same as gmail
Hello, please somebody who knows about a plugin to add several emails into a textarea and so to send the same message to several contacts like gmail, I tried out some like this: http://ivaynberg.github.io/select2/ , but I was not able to do it works. Excuse my english and thank you.
custom icon Jquery Mobile
I am developing Custom Icons for Jquery mobile, I see for every icon I develop, Jquery mobile puts round circle and grey background, when I apply it to my code. I don't want a circle around my icon, is there a way not to put circle around and just use it as transparent background. (attached image without circle around) I want this custom Icon Jquery mobile wrapping it to this
how to get jquerymobile styled textarea to shrink back
So, I am trying to respond to an event where the user wants to clear his inputs. If he has typed more than the number of rows, the textarea increases as expected. However, when he hits clear or I need to manually remove all the input (such as when a save occurs), the textarea does not go back to original size. I have tried .attr("rows", "2").. does not work. Is there a way to refresh this UI control? Thanks, TF
forcing fresh content
i've scoured the forum and the code looking for a way to for jq mobile to implement something like this <div data-role='page' data-fetch='always'> the goal is to have certain views always hit the server for new content. also, i want to preserve the history stack and transitions. this is obviously possible since the 1st fetch of a page exhibits all these properties, but every solution (removing the page on hide, forcing a reload on show, and rel=external) lose one or more of the desired behaviors.
What's the proper way to deal with AJAX error because of page reload?
Sometimes, when using jquery.ajax(), the AJAX error callback will be triggered if the user reloads the page and the AJAX request is aborted. Is there something I can check in the jqXHR object that is guaranteed to be that way only when the AJAX error callback has been triggered for this reason? Otherwise I have an error popping up on the page just before it reloads, which looks a bit ugly.
how to remove item in selected list for kendo ui upload
i want to remove an item in "ken-do" upload when file not image format, any any expert advise me? $.each(e.files, function () { //if not image{ alert(this.name + ' is not image. Upload fail.'); //} //remove this item. ???? });
1px gap after footer
Hello, i need a little help with footer. here is my code for footer: <div data-role="footer" data-position="fixed" data-theme="b"> <div class="footer"> <div class="seablue"></div> <div class="red"></div> <div class="gold"></div> <div class="blue"></div> </div> </div> And you can notice the 1px gap after: How to get it out, tried to do this with footer: margin-bottom: -1px padding-bottom: -1px but it seems it doesn't help,...
Next Page