Do not always set the focus to the original element after closing the dialog
The documentation of the dialog widget states: "Upon closing a dialog, focus is automatically returned to the element that had focus when the dialog was opened". This makes sense for modal dialogs, but for non-modal dialogs this results in unwanted behavior for users. The "Upon closing a dialog, focus is automatically returned to the element that had focus when the dialog was opened" behavior should only be applied after closing from a modal dialog and not modeless ones. Regards, Hugo.
Dialog forms wont exist on same page
Im trying to put multiple dialog boxes on the same page, i have them set up pretty much the same using the same script given by jquery UI. Before i added the second button it worked perfectly but now that i added the second it doesnt work (first still works, second doesnt) I tried making the second dialog autoOpen: true to make sure it was loading the dialog but that made the 1st dialog auto open instead of the second which is really weird. ive changed all of the variable and id names for the second
jQuery Mobile listview()/listview("refresh")
I have a couple of questions surrounding the (rather abstract) title of this thread. My first one is with regards to the listview()/listview("refresh") method. Our jQuery Mobile application (running within PhoneGap in a native iOS/Android app) is heavily data driven and so it means that the DOM commonly changes. I am confused with when a listview (technically, a UL which is then styled into a listview) is actually initialised by jQuery? If I have some markup with multiple pages within one HTML document,
How disable default capitalisation in IOS?
My JqueryMobile PhoneGap iOS app have capitalised all string,Title,Button,etc... How I can prevent default capitalisation string resources? Thanks
How can I make my iframe take all of the available space?
I've got this iframe sitting inside a tab: <iframe style="min-height: 100%;min-width: 100%" src="http://www.bigsurgarrapata.com"></iframe> ...which works pretty well in completely filling the iframe; HOWEVER, there are a few pixels at the top that pee[k,p] through. What do I need to do to move the contents up those few pixels to completely fill the area?
jQuery Countdown timer
Hi, I'm trying to use the countdown timer from this tutorial on my website. I got it to work, but I can't get it going on multiple clocks with unique end dates. This is what I've tried and it only works on the last selector. <script> $(document).ready(function(){ $('#countdown').countdown({ date: "20 July 2013 12:00:00", format: "on" }), $('#countdown2').countdown({ date: "21 July 2013 12:00:00",
Video events
HI I'm looking for a way to fade out a div when a video starts playing. Basically as soon as the video (which auto starts playing) has loaded or started playing the div fades out. I'm also using 'query-simplevideo.js' to control the video playback if that's important to know. here'a some of the code I have in place now: ........................................................................................................................... IN the BODY: ...........................................................................................................................
Client side validation error causing drop down lists to lose their display text.
I am experiencing a display error when validating my form on some mobile devices. If I fail the client side date validation on a text box field other drop down lists below this field lose their displayed text values. I am using a regular expression to validate the date field. I am using jQuery mobile and MVC 4 and testing the Samsung S3, nexus 4, and a Windows phone. I have no issue with the iPad 2 or iPad mini. Is anyone else having a similar problem? Below is an example of my code that has been
How to append a draggable element into a droppable
Hey i am trying append a droppable element in div,but when i append the element/div the position is getting changed so i want drop a element in div and the position sholud be relative to droppable div and here is the code $(".draggable").draggable(); $(".droppable").droppable({ drop : function(event, ui) { var clone = $(ui.helper).clone(); var prevelement = $(ui.helper).prev(); var drop = $(this).prop('id'); alert('id '+drop) var drag = $('#drag').position(); c_top = 0; //drop.top - drag.top; c_left
android - holding key sometimes inserts 2 characters at once
Hi guys, I'd like to ask for my strange problem. When user holds for example key "q" on SW keyboard and wants to insert number "1" (upper keyboard line) to input element, it behave strange on some input elements - it does'n insert only number 1, but also key q ("q1"). Do you have any idea how to solve it? Short code: <label for="phone_number2"> <center><b>nieco</b></center></label><input type="text" name="phone_number2" value="" id="phone_number2" class="ignore_enter" data-theme="a" onkeyup="check_log_form()"
Display Username
Hi I'm involved in a project whereby a user logs in and will be able to see his/her profile. Now, what I want to do is to display the current logged-in user's username on every page in the application. for example, facebook; when you are logged in to your account you are able to see you name (username). I hope I didn't confuse you. Your help will be highly appreciated. Thank you :)
Jquery file Conflict with the Vinora Nivo Slider
I have an issue in jquery file conflict with the Vinora Nivo Slider module when i add the below code the slide will not open the images in the slider its taking loading but not sucessfull and don't show any type of error. When i remove the first script it will show the slider images but not showing the carousole.I am trying this with two days but not found any solution for this please help me ASAP. " $.noConflict(); jQuery(document).ready(function( $ ) { <script type="text/javascript" src="/xslider/js/carosole-jquery.min.js"></script>
plugin not showing up
Hey everyone, I was using a tabbed section to display forms and when I tested it buy itself, it worked but when I put it into the website I am creating, the tab design doesn't show. Why is this? The external links that make the section work are on lines 7-15 for the "mainbar" div area. Here's where I got my sources as well http://jqueryui.com/tabs/#default Thanks for any help! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Jquery Mobile App connecting to a Database
Dear All, How can I make an installed JQM application that is installed on mobile phone connect to a mysql database. If I access the application via a website where I have hosted it, the application works well. This is the code that works well on a website but cant work on mobile phone. $db_handle = mysql_connect("localhost","dbname","password"); If I substitute the localhost above, with the IP address or domain name is still not working. Any help will be appreciated.
jQuery datepicker - disable all dates after the first disabled date
Hello, I don't know where to start but I have two questions. 1) Is it possible, after the (from-date) calendar is selected, to disable all the dates after the 1st one? I know I'm not very clear thats why I made example images. 2) Can someone point me in the correct direction? Example explain: The minimum amount of dates to book is 7. If the "start date" is selected for example on the 20th right now it is possible to "skip" the booked dates and select for example the 29th. But in reality
Click only button not Listview
Hi i have a sample JSFIDDLE ,that can add button to a listview, but the problem when I clicked only the button.it clicked also the listview. How can I just click only the button? I put some alert message there to show the problem. Thansk for the help
how to retrieve the date from inline datepicker
Hey guys, I've just started messing up with jQueryUI and already stumbled upon a tricky situation... So here's the thing: i plan to use datepicker to retrieve information from a MySQL table, where the date is the Primary Key... BUT from what I've seen in the API, datepicker can only populate an alternate field if called as an input field itself (wich I don't want, i must have it inline so users don't mess up with the text field, they can only select the date in the calendar and that's all) So...
Noob question about using jquery cookies plugin
hello. I am trying to do newsletter subscription pop up using this tutorial http://www.phpbuilder.com/columns/jquery-newsletter-subscription-popup/Jason_Gilmore01192011.php3?page=2 I set up simplemodal succesfully and if I put $("#basic-modal-content").modal(); script at the end of page everything works perfectly. Now as per tutorial I need to set up jquery cookies plugin. I loaded the plugin and replaced jquery.cookie.js code with: $(document).ready(function () { if ($.cookie("newsletter") !=
JQuery Validation - Checkbox validation not posting all values
I'm having problems with some checkbox validation. I'm using the plugin validation for this:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ I have three checkboxes and at least one must be ticked. My initial form code for these checkboxes are: <input type="checkbox" checked name="check_options" value="News">News <input type="checkbox" checked name="check_options" value="Events">Events <input type="checkbox" checked name="check_options" value="Promotions">Promotions The validation rules
body keyup increasing each time
hi , i have a searchbox that search the database for me and return sth , i have attched the keyup event to this textbox and when i write something into it it return me the data that should return , its working pretty fine and its return me the data , im using ajax into this $('body').on("keyup"," #searchbox",function(e){ $.ajax({type:"POST",url:"functions.php",data:{"searchcandida":"true","values":txt},success:function(data){ if(data.trim() != ""){ $('body').bind('keyup',function(event){
I can't do operations after a success of AJAX call
Hi, i noted that calling a php script with this syntax $.ajax({ url: scriptUrl, type: "POST", data: formdata, processData: false, contentType: false, success: function (res) { alert (res) //<----This is showed ("success") if(res=="success") //<-----------PROBLEM HERE
Can't select input field inside <li> that is in connected lists (in mozilla)
Hi, I am developing a web store and I use connected lists with which users can drag wanted products in a shopping cart. I also have spinner boxes (input type="number") inside those <li> with which users can order more than one of each. When I am in Chrome, everything is working flawlessly. When I use mozilla (i know that type="number" is not yet implemented, so it switches to type="text") I can't select that text field. Same happens when I put a normal type="text" field - can't select it in mozilla.
Spinner buttons does not work
Hi! This is my first time using Spinner widget using jQuery v1.9.1 and jQuery UI - v1.10.3. I am using it into a table, where I have two spinners by row that have a css class named 'porcentaje_spinner'. To configure all spinners I use the following code: $( ".porcentaje_spinner" ).spinner({ min: 0, max: 100, numberFormat: "n" });When I open the web page on browser (Chrome, Firefox and IE10), spinner get configured, up and down arrow buttons show correctly. The problem
Sortable toleranceElement usage in 1.10.3
Hello, i was succesfully using (undocumented) toleranceElement option of sortable for nested lists to prevent flickering. But it seems that in 1.10.3 this stop working, if I try to inicialize sortable with this option, it breaks JS of my page. Any ideas?
Need help with Jqueyr and form
Basically i want to hide the P when All Service down is selected from the option? http://jsfiddle.net/SKuWY/ Anyone care to help on this one?
A puzzle with hashchange and navigation
In general, hash changes are created whenever a link is clicked in jQuery mobile. When a link is clicked, jQuery mobile will make sure that the link is referencing a local URL, and if so, it'll prevent the link's default click behavior from occurring and request the referenced url via Ajax instead. When the page returns successfully, it will set thelocation.hash to the new page's relative url. Hash changes that occur independently of a click, such as when a user clicks the back button, are handled
Jquery Mobile PhoneGap and Initial Scrolling
I am not sure what the problem could be but here is the issue. When the first page loads (app loads), it scrolls with a fixed footer, even though there is enough space. If I rotate the phone (orientation change), and rotate back to the original position, it no longer scrolls (which is what I want) I am not sure what could be causing this. <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, target-densitydpi=device-dpi" /> <div data-role="page"
uncollapse a collapsible
Upon page load, the collapsible is collapsed and the line looks like this <div data-role="collapsible" data-collapsed="true"> How to uncollapse it with jq/js?
Flexslider Gallery Not Loading.
Hi, I'm trying to get flexslider working but it doesn't load (On iphone and chrome desktop). It did previously work when I was using a single html file for all pages, but it's now in a single html file with only one page. If you visit (Link removed) and then click the top selection in the list "Amber Gallery", you may see a thin grey line where the gallery images should be. It sometimes works if you go straight to the link at: (Link removed) or refresh the page once there. Using latest 2.1 flexslider,
Using $.ajax()
Please point me in the right direction if I am in the wrong forum, but I do not know where to go to find help with this? I am using the following code to make an ajax call from one page to another page. In the request.fail callback, I get "Request Failed: parsererror". Can someone help or tell me how I can debug this error? I am using classic asp website. One thing I am not sure about is how to return the information back to the calling page. If I put the other page's code into my calling page,
how to turn a text input field into option select menu without reloading the page?
To save space on small phones, I would like to be able to change the function of a text field into a select menu option and vice versa. How is it possible?
How to resize popup after popup submit button click
Hello, I have a html that is creating a popup. The popup has a submit button to a another website. I would like to resize the popup after the popup submit has been clicked. I have assigned an ID to the popup submit button but the main screen doesnt see it and doesnt resize the popup. Any suggestions. var w; $(document).ready(function() {
Need Excel like Data filter
Hi, I need a plugin to filter the column data. The concept is same as we have in Excel to filter the data. For example when I click the filter icon next to "Workflow Phase" it will display a filter layer with some possible values. I will select the valuse from the list and click on ok button.
Autocomplete is returning case sensitive results when using a remote source.
Autocomplete is returning case sensitive results when using a remote source. My remote source will return a JSON response that is case insensitive. For example: 'cap', 'Cap', 'CAp', 'CAP' all return the exact same response -> ["Cape Girardeau","East Cape Girardeau"]. However, the selection list only shows when "Cap" is type into the input area. Typing in "cap" does not show results. I have tried setting "matchCase" to false with no success. Any suggestion on how to make Autocomplete case insensitive
How to control what to show / hide
Hello, I made a navigation where i need to show a sub navigation when i hover a top navigation link. My problem is that i want it to hide again when im not either on the button(.news-btn) or the div i wrapped my sub in (.news-btn-sub-wrap) Lets take i have navigation liket his top navigation <ul class="navigation"> <li class="news-btn">News</li> <li class="about-btn">About</li> </ul> Sub navigation <ul class="news-btn-sub-wrap"> <li>Sub link 1</li> <li>Sub link 2</li> </ul>
change order of revert and drop execution
I am trying to change the order because it looks a little awkward for what I need to do. I can make my own revert function, but I wasn't sure if there was something built in. I would like it to fade out then revert to its position. is this possible? what I have so far: http://jsfiddle.net/TQ7Z2/
how to select of this line "data[new][formhidden_field1]" here it is "formhidden_field1"?
how to select of this line "data[new][formhidden_field1]" this "formhidden_field1"? I want to select the text "formhidden_field1" in the variable.
Delete table row and table column
Remove rows and columns from table without deleting underlying
information. Shift row up when row above it is deleted. Shift columns
left when column to left is deleted. Do not allow left most column to be deleted. Do not allow the column header to be deleted.
Ajax navigation / external javascript
Hi all, i have some problem with javascript after click on link with navigation ajax I have in my home page, a carousel (jquery carousel for touch ui). When the page is full loaded, the carousel work good. now i switch with a link, come back to my home page, carousel work but bug a bit. I think i need to remove cache... $(document).bind('pageinit',function(){ jQuery(function($) { $(".carousel-single-image").touchCarousel({ pagingNav: true, scrollbar: false, directionNavAutoHide: false, itemsPerMove:
I have a problem in this line. I can't get the data. How to solve this problem?
<div id="errormsg" ctype="dialog" data='{"title":"Error Message","dialogClass":"ui-secondary ui-dialog-notifier","autoOpen":false,"buttons": {"Ok":function(){ $(this).dialog(); }} }'>
Next Page