How to deal with page flickering?
jQuery ui widgets require a minimum amount of html to be instantiated. When instantiating, the widget's create method is called which should render the full html and add any required classes. The recommended place to instantiate widgets is in the document ready handler. This is causing me some issues because in old (slow) browsers or just slow pc's the user can see the page changing (flickering). In the past i've always been able to overcome this problem by simply rendering the full html, including
Popup Android not working
Hey guys, I have an issue with the popups and android. However this does work on iOS and WP7 so far. I tried it on Android (4.1.2) with Chrome Browser and the popup does not show up. What happens is that i got several checkbox elements in a list. If a specific checkbox was clicked, a popup should show up as well and ask the user a question. Depending on the answer (yes/no) something should happen (JS triggered). The problem: that popup does not show up in chrome. Here is the code: <a href="#popup123"
problem with centering image in popup
hi guys, I am using jqm to developer a simple web app for my company, which includes a sequence of images that will popup when users click on them. My problem is when I click on the images, jqm suppose will help to center the popup image, but mine is not. The position is not proper, especially when I keep clicking other images one by one. And the scale of the first-popped image will not be scaled to fit the screen.... However, if I change the browser size, the image will be centered again... I
click event for add class
i'm try to create navigation like ibm.com. $(document).ready(function(){ $(".home").click(function(){ $("#toggleNav").show("slow"); $(".home").removeClass('home').addClass("homeactive"); }); }); then i want to do, After clicked homeactive hide toggleNav $('.homeactive').live('click', function(){ alert ("ok"); }); but this is not working. I also try removing live.but not working. Please Any one can help me to do this navigation like IBM web site. Thank You for your help.
How to change a php case with javascript ?
I've searched thoroughly and attempted quite a few different methods to achieve what i'm looking to achieve basically i want to know if upon success of an ajax function i can switch to a different php case without reloading the page, for example: <?php case"1": ?> <form action="#" method="post" id="form1" name="form"> <input name="eg1" type="text" value="value1"> <input type="submit" value="Add Item" name="dosubmit" /> <?php break;?> <?php case"2": ?> <form action="#" method="post" id="form1" name="form">
inset doesn't work?
For some weird reason data-inset="false" doesn't work in collapsibles and in collapsible sets. Anyone know why?
Remain on same page after submitting a form
Hi everybody, I use jquery form plugin to ajax submit a form in my jquery mobile application. The problem is I use an "aftersubmit" function to determine if the response from server is successful or not. Infact I need to use a server-side validation after the form is submitted. JQuery mobile automatically changes page when user clicks "submit". Is there a way to remain on the form page so that users can correct their mistakes in compiling the form and then submit it again? Thanks in advance
Accordion problem
Hello, I'm newbie, and have problem with jQueryUI 1.10. I have accordion and underneath it table which is dinamically built from C# and sql data however, when accordion active it overlaps my table instead of pushing it down. How can I fix it? Thank you in advance
How to keep image type validation
Im new for the jquery..How can i put image type validation using jquery...i've kept size validation but unable to put image type validation...pls any one help me how to keep type validation using jquery <script type="text/javascript"> $(document).ready(function() { $('#id_image').bind('change', function() { if(this.files[0].size > 1000141){ $('#formerror').html('File is too big'); }else{ $('#formerror').html(' '); }
Multiple Drop downs with Same values
Hi, I need to implement multiple drop downs with same value for example DropDown1(values: 1,2,3,4,5) DropDown2(values: 1,2,3,4,5) DropDown3(values: 1,2,3,4,5) DropDown4(values: 1,2,3,4,5) When we select the value from first drop down the value is not available in the remaining drop downs. example: From DropDown1 (Selected Value: 3) Need to remove 3 from remaining dropdowns.
Autocomplete broken in Firefox
I upgraded to the new UI and I am having a problem that is only happening in Firefox but not IE 10 or Chrome. I am using the Autocomplete in ASP.NET and during the select I call this: select: function (event, ui) { var submitpostaback = $('#hidSubmitPostback_PemitMain').val(); $('#hidSelectedValue_PemitMain').val(ui.item.value); $('#txtQuickSearch_PemitMain').val(ui.item.value); if (submitpostaback == 'TRUE') { if (ui.item) {
Jquery Mobile adding # for form submit
So I have a form that is submitting from https://www.example.com/signup.html When I push submit, it is going to the url https://www.example.com/signup.html#/signup/5699532C91F819560BE423E20/postdata. It should be submitting to https://www.example.com/signup/5699532C91F819560BE423E20/postdata when I disable jquery mobile, the signup form works great and I have no issues. It is only wwith jquery mobile I am having this issue. All help would be appreciated.
how can help me about my code ?
i have three page : index.php : <?php require_once("includes/funcs.class.php"); $existUsername = new funcs(); if(isset($_POST['username'])) { $existUsername->existUsername($_POST['username']); } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script src="js/jquery-1.9.0.min.js"
DatePicker
Have jQuery Date Picker Default to the 1st Day of Next Month? I see that the defaultDate can easily be set to a specific date, or to a date that is a number of days, weeks, month, or years in the future or past. But is there a way to ... have the defaultDate default to the first day of the next month? or ... have the date picker default to the first day of a month no matter what day the user selects for that month? Any help will be greatly appreciated, as my boss is trying to save money by having
How to Keep validation for the image type using jquery
Im new for the jquery can any one help me for keeping validation for the image type...im able to keep size validation but not able to put type validation can any one help to keep image type validation which suits for this code... <script type="text/javascript"> $(document).ready(function() { $('#id_image').bind('change', function() { if(this.files[0].size > 1000141){ $('#formerror').html('File is too big'); }else{ $('#formerror').html('
Fade in slide down
Hi Forum, Does anyone know how to recreate the fadeIn and SlideDown effect with text like on the Sony website: http://www.sony.net/united/connectedworld/us/ If you can direct me somewhere or show me a simple example as to how to get it running so smoothly then that will big a huge help. Thanks, Dale
Dynamic tabs on Bottom
I'm trying to dynamically create tabs on the Bottom of a tab widget. I've looked at the "Tabs on Bottom" sample and have set up my static tabs fine. I've also looked at the "Simple Manipulation" demo to see how tabs are dynamically added and removed. However, when I try to do the same for the bottom it doesn't work. Obviously the order of the elements in the html is different for the bottom. I've tried a few different changes but I'm missing something. In doing the "refresh", it doesn't seem to assign
Getting error-Error: cannot call methods on multiselect prior to initialization; attempted to call method 'refresh' after upgrading jquery to 1.10.0
Hi we have upgraded our jquery ui from 1.8 to 1.10.0 which has jquery1.9.0.js files. AFter embeding all the js files n all,once we login we are getting -> Error: cannot call methods on multiselect prior to initialization; attempted to call method 'refresh' throw new Error( msg ); in jquery-1.9.0.js PLease help how to resolve this issue.Looking forward for the solution
conflicting scripts.... but where? and why?
Hi there. I have one page on my website that uses jquery lightbox. I have a DIFFERENT page that uses jquery sliders. Both pages work brilliantly. BUT... when i try to make a page that uses BOTH features, the lightbox works but the sliders don't appear. I've tried to troubleshoot the issue, and I've narrowed it down to the scriptaculous script that the jquery lightbox uses. if i comment that out, the sliders return. Is anyone aware of a conflict that causes the two scripts to be incompatible on the
The official demo of jqueryui datepicker l18n IS NOT WORKING
probably i'm crazy, but when I go to jquery ui date picker demo, I clicked on 'localization' , on the left But for each language i selected, no changes were made. It's an example's bug ? See: http://jqueryui.com/datepicker/#localization
showing and hiding div
Hello guys, i have this code: if($title.children('div:eq(' + i + ')').not(':visible')){ //$title.children('div:eq(' + i + ')').css('display','inline-block'); $('div.room-ages-titles').children('div:eq('+ i +')').css('display','inline-block'); } What it does, is when i select option 1 of a dropdown list it shows shomething like this: ch#1 if 2: chd#1 ch#2 if 3: ch#1 ch#2 ch#3 But
$ undefined
I am a totally new newbie. First Post! I am trying to duplicate the Simple Sprite Application on page 30 of Subercharged JavaScript Graphics by Raffaele Cecco. Code as follows: <!DOCTYPE HTML> <html> <head> <title> Sprite DEMO </title> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script> <style type="text/css"> #draw-target { width: 480px; height: 320px; background-color: #ffc; position: relative; } </style> <script type="text/javascript"> var DHTMLSprite
Google Search Results in Pop Up
Before I start attempting to write the code for this or search the web for the answer does anyone know if its possible to display google search results inside of a dialog or pop up box. In the app im working on I want to use an image as a link to the google search of the images but keeping it all in my app. I dont need to code just want to know if its possible.
jQuery Mobile 1.3 Panels disables my javascript
Hello. I realise that 1.3 is still a beta realise but was wondering if anyone is having the same issue as myself and had any solution. For the panels to work the page content must be contained within the data-role="content" container. However, I am using some API's like twitter which call up content into data-role="content" container, and I also have ad tags in the container. Both of these use javascript and both disable the jQuery mobile platform. I can only get either of these features running
Jquery instalation and starting application , help me out ??
Hi to all , i am new to Jquery can you suggest,where the jquery.js file should be located, And all.Give some matterial on this ,Thank you .
Getting current values from input fields with html()
I'm sending HTML to a pdf generator. My only problem is that after a user completes all required inputs, jQuery's html() only grabs the original HTML of the page without the user input. This makes sense, but I'm hoping there's a way to grab the HTML with the current values of all input fields, without manually querying each one of them. On some input forms, that could be a lot of queries.
Safari Mobile and Chrome crash on iPhone... not sure how to diagnose
So I have put together an application using jQuery Mobile 1.2.0 (with jQuery 1.8.2). It works fine on Chrome (24), Firefox (17), and IE (10) and I'm sure other versions as well haven't done full testing yet. However, my application crashes Safari Mobile and Chrome on iPhone. I've scoured the net looking for clues; I've removed all transitions, removed css transform, box-shadow, etc. but I'm not narrowing in on the issue. My application is not large, my main .html is 11KB, .css is 5KB, .js is
jquery datepicker
Hi everyone, How do I edit the following line to automatically format the date to yy-mm-dd ?: $( "#format" ).change(function() { $( "#datepicker" ).datepicker( "option", "dateFormat", $( this ).val() );
Creating an autocomplete field within a dialog
Greetings all, Currently I'm working on creating a dialog window that has an autocomplete field within it. I've done autocomplete fields before, along with dialog windows, but never the two together and am finding an issue. Currently, this is what my code looks like. View (parent) ... <div id="divPOExistingProduct"> </div> $("#divPOExistingProduct").dialog({ height: 500, width: 700, modal: true, autoOpen: false, draggable: false, resizable: false, open: function () { }, close: function () {
sticky listview divider to top
Is it possible to sticky a listview divider in top, not only one , but sticky untin it gets to the next divider . Here's an example http://opensource.teamdf.com/list/examples/demo-basic.html I wanna to do exacly like that in JQM, also tried to use jquery.sticky but it is not working well .
Using Ajax
I'm using ajax to pull into a div a sortable page and the elements show but nothing is dragable. I've tried to put the script in both the calling page and the called page with no success. when I put the elements on a single page it works. Its like the script has run before the elements come into scope.
jQuery DefaultText resizing browser on focus
Have a mobile version of a site that has a search box in the header using the jQuery plugin Defaulttext. If you click in the text field input box the mobile browser resizes the window to the non-mobile styled site. Is there a way to stop this from happening or even zoom in on the text field? Here is my site: http://edit-wwwprep.rose-hulman.edu/admissions-financial-aid.aspx
Working On Very First Page To Use JQuery-Mobile
I'm trying to use JQuery.Mobile-1.2.0 on my first mobile page and it doesn't seem to work. I'm working in a dotcms v. 2.2 (dotcms is a content management system that we use for our website) environment and I will need to start adding mobile pages sometime in the near future, so I'm trying to develop some prototype code now, so I'll have it in the future when I need it. I have the jquery.mobile-1.2.0 code library copied to a folder on our website. the code at the top of my new page's definition
Embedded datepicker behaves different
Hi, please have a look at the following configuration: http://codepen.io/anon/pen/Kmrex I would like to know why the datepicker component selects a date when it is embedded in the site? Is that the desired behaviour when using the component with the option minDate: 1 ? If it is the desired behaviour, any ideas how to avoid this? I would like my users to choose a date from a "clean" datepicker. Thanks, Markus
page vibration while dragging on IE7
Hi guys, i have the problem in the title in this page fanta. It perfectly works in chrome, FF, IE9 and IE9 in compatibiity mode....but in IE7 the page shakes during dragging the elements on the left. Can someone give me a suggestion? thanks in advance
Is JQuery Mobile can be used on ASP.Net Pages?
Hi Guys, As the title says, Is it really compatible with ASP.Net Pages? Because, Im having a problem on implementing it. Like for example, Multi-Page for me is not working...I don't know why. I just noticed that on the examples that they gave here dont have any "form" tags, but, whenever I implement it on my asp.net page, it always puts a "form" tag. Please Help! Thanks!
jQuery UI dialog box fontsize
I am using jQuery UI - v1.8.23 with jQuery v1.8.1 (with ThemeRoller UI-Lightness ) My button sizes were huge. I found that the button are rendered big because of the huge fonts. So I have overridden the font size in my project specific css file like below. .ui-widget { font-family: Arial,Verdana,sans-serif; font-size: 0.7em; } Now buttons looks great. But my jQuery UI dialog text are also small as 'ui-widget' class affects in other places as well. Is there some way to make the dialog box
Resizable Inside Resizable frame border issues
Hi everyone! I would like to report an issue (I think it is one) about jQuery.UI.resizable. If you use a resizable(son) inside a resizable (parent) , If you resize the son to the border of the parent, you cannot resize it anymore. The parent container receive the event and not the child. You can test it here : http://jsfiddle.net/Br5HM/1/ Thanks for reading!
webshims group-required test not firing on checkValidity
I've got a handlebars template that has a group of checkboxes named the same thing and decorated with the "group-required" class. The validity check properly fails on focusout (for example when tabbing through the form and leaving all of those elements unchecked, but when I call checkValidity() on the form element in javascript with none of those values checked, the forms validity check passes. On the same form, text inputs marked required are marked as invalid if empty when calling checkValidity()
Dynamically change part of a page
I use a server-side framework to generate a jQuery Mobile multi-page with several sub-pages. The framework allows server-side handling of JS-events and the server-side event handler can "rewrite" the content of individual HTML elements. I could have a <div id="myId"><ul data-role="listview">...</ul></div> and from the server-side replace the div content with something else. On the browser side the replacement HTML fragment is parsed and the DOM tree is adjusted. However, the jQuery Mobile styling
Next Page