In jqm 1.4 is it possible to change data-theme dynamically wihout having to do .removeClass .addClass
Have had issues trying to dynamically change data-theme dynamically. it updates the html and I have tried the using .listview('refresh') and li element .trigger('mouseout'), but still I see no visual changes in styling.
How to prevent breaks when user reloads a page.
I have straight out links from page to page to page. <A HREF="page.php" data-role="button"> When a user thus reloads though on a page a few in...they lose the CSS and other things associated with that page. That is because the header files are only on the first page and not on subsequent pages. I'm hoping to have it so that if someone forces the reload that it resets to the front page of the app. Or is there a better way to do this. Thanks
datepicker is not getting the correct date
Hi, I am using the jquery datepicker. When trying to read the date from MySQL I am getting read.. at least that's what I am getting when checking the view.source but the value on the from end is not what I want. here is the code: <input type="text" id="dateClosingDate" name="dateClosingDate" value="<?php echo $closing_date; ?>" autocomplete="off" readonly required> and this is the jquery: $(function () { $("#dateClosingDate").datepicker({ dateFormat: "dd-mm-yy", numberOfMonths: 2,
JqueryUI class documentation
Hello, Awhile back yall used to have a write up on your classes within the UI. It described the functions of the classes and a lot of very helpful information. Is it possible to incorporated that back into your documentation. It would be great if yall could ... Thanx
auto-complete suggestions get hide when Im trying to select
Im trying to implement jquery in my page. my code is as follow. also have attached my jquery. $("#username").autocomplete({ source: function( request, response ) { var username= $('#username').val(); $.ajax({ url: "/message/ajaxuserslist", dataType: "json", data: "fieldId=users&username="+username, success: function(data) { response($.map(data, function(item) { return { label: item.UNAME, }; })); }, }); }, minLength: 1, noResults : '', results : function(resultsCount) {}, select: function
How to create slide show using jquery
My code, display one by one images. i need slideshow : $house_image_link[] = "<li><img src=' ".JURI::Base()."components/com_realestatemanager/photos/".$house->image_link." '/></li>"; default.php : <div class="div_SlideShow" id="div_SlideShow"> <ul> <?php foreach($ongoing as $ongo):?> <?php echo $ongo;?> <?php endforeach;?> </ul> <div style="clear: both"></div> </div>
make jQuery Mobile app stay open when user presses the home button on iphone
Hi: I am not sure if this is possible. for most iphone apps, when a user pressed the button (not sure what it is called, it is the only button on the front), the app goes away, but somehow it remembers its state or just being dormant. so when the user presses the icon to bring up the app again, it will be in the state when the user last visited it. for example, the state of collapsibles, panels, which page is in the dom. Now when a user presses the button in my jquery mobile app, it goes away and
jQuery form validate plugin: Remote check with JSON-Data?
I use the query form validate plugin (http://jqueryvalidation.org/documentation/) for validating some form fields via remote check, Below is my working demo code: username: { required: true, minlength: 3, maxlength: 25, remote: "/dir/checkvalue.php" } The php script echoes just false or true as a string and the validation via the plugin is working fine. For some reasons I've to change the php's output to JSON, so it would be: {"STATUS":false} or {"STATUS":true} I don't know how to handle this JSON
Dialog init shows on page
sing jQuery UI 1.10.2 with AngularJS and Chrome Version 32.0.1700.76 m I have a simple index page that inits a dialog with autoOpen: false, $( "#myDialog" ) .dialog({ autoOpen: false, ......etc On page load/refresh, I see elements of the dialog appearing at top left of page for a few seconds, looks almost like an unbound version of all dialog contents, rather than constrained by the size of the dialog. I do not want to see this dialog appear, until I specifically open() it. Any
randomizing: use id or img ?
An ajaxed-in page -- ajax.htm, occupying <div id="ajaxgoes here"></div> -- has a series of images, z-indexed, and set to "display:none": <img class="nun" id="#img1" src="folder/img1.png"> <img class="nun" id="#img1" src="folder/img1.png"> <img class="nun" id="#img1" src="folder/img1.png"> How to randomly show one of these images? something like showOne() { // var ids = [ '#img1', '#img2', '#img1' ]; // or // var imgs = [ 'img1.png', 'img2.png', 'img1.png' ]; / /$("??'+ ??[Math.floor(Math.random()
slideUp/slideDown problem
In this link, http://jsfiddle.net/8ws2H/1/, the panels work like they're supposed to. However when I copy the code to a new HTML page and save it, it doesn't work (nothing happens when clicking the panels). Including my code here, what have I done wrong since it won't work? <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script> <script> $(".flip").click(function () { $(".panel").slideUp(); $(this).next().slideDown(); }); </script> <style
Is this the best way to make a translation-dictionary app?
Hi everyone, I'm a bit of a JQM noob. I'm great with HTML CSS and PHP and I want to try and make an app using JQM. I made a very simple presentation app for a friend. It was okay. Now, I want to try a bigger project. I want to make a translation/dictionary app and submit it to the iTunes store and the Google Play store. I have an idea of how things should be made, but I would love some input from the more experienced JQM folk here. 1. START SCREEN -> WORD LIST -> WORD DETAIL From the start screen,
mouseover and mouseout issue
Hi, I am working on a project on that when i mouse over on black dot - 1. navigation menu shown and when i mouseout menu hide (this is working properly) 2. When i click on that black dot my navigation menu animation load again(which is wrong) and menu content display But my navigation menu hide(which is need to show that navigation menu and menu content on click). 3. When i click on another navigation dot currently loaded menu and menu content need to be hide and display clickable dot menu and content.
Garbage collector
Hi everyone. I am new to this forum. Can anyone tell me the usage of garbage collector in java
Push panels not working as they should.
Hi Guys, i'm having a little problem. My push panels on this site are not running as they should. Here is the link: http://www.glaserarbeiten.info/mobilewebsite/ Im pretty new to jquery mobile. I thought i could get some help here. If you click the panel, and go to another page and activate the push panel there again and switch back to e.g. home the panel is not sliding out sometimes. I tried it in Chrome, Firefox and Safari + Samsung Galaxy SII standard browser.
Keith Wood Datepicker & Fullcalendar Onselect trigger events
I'm using keithwood datepicker & fullcalendar jquery plugin. Have linked fullcalendar to show particular day events when clicked on a date in datepicker. Below is the code example. $(document).ready(function() { $('#selectWeekPicker').datepick({ renderer: $.datepick.weekOfYearRenderer, firstDay: 1, showOtherMonths: true, rangeSelect: true, onShow: $.datepick.selectWeek, showTrigger: '#calImg', onSelect: function (dateText, inst) { switchView('agendaDay');
1.4.0 icon sprites?
1.4.0's new icon markup (or removal of) appears to have rendered icon sprites impossible to use any work around? css or javascript? Is it just me, or is this a very peculiar design choice? The new inline SVG is top-notch, but I don't see why the icon pseudo selector / removal of <span class=ui-icon"> was necessary
not selector is getting ignored
Hi, I want to hide my search field when the user clicks ANYWHERE but not on the search field itself and the icon which activates the search field. I tried it like this: $(function() { $('.top-searchField').hide(); $('.icon-close-searchField').hide(); }); $(document).ready(function() { $('#search-icon').click(function() { $('.top-searchField').show('slow'); $('.icon-top-searchField').hide('slow'); $('.icon-close-searchField').show('slow'); }); $('div').not('.top-searchField, #search-icon').click(function()
What's the purpose of setting a property on an already initialized component?
I'm trying to modify the plugin options but none seem to work. What's the purpose of doing something like the following: $( ".selector" ).listview( "option", "inset", true ); if the inset mode won't change the visualization even after doing something like: $( ".selector" ).listview( "refresh"); it changes the option value but why give the user access to this option if changing the value wont actually change the plugin visually? So far only thing refresh has done for me is to let me add new items
Cant change font-size on accordion hover
Hello, Im trying to change the font size when I hover over the links in an accordion. But I cant seem to get it to change. The below doesnt work. Im sure it's my selector. .ui-widget-content a:hover{ font-size:18px !important; }
Jquery Phone and email validation
Hi All, I am new to jquery .Can any one help me how can I perform email and phone validations using jquery
Validate Form - make drop down required based on radio button
Wondering the best way to set up a drop down box to be required if a radio button has been selected. On this form https://www.tmcc.edu/admissions/downloads/degree-and-emphasis-change/ near the bottom we have 4 radio buttons and 4 drop down boxes. Want to make the drop down be required if the radio button by it is picked. Any help would be greatly appreciated.
Need to replace JS alert with jquery popup.
Hi Im new to jquery and Im a bit lost, Ive been trying to replace a standard javascript alert with a jquery popup but nothing seems to work, Here is all the info for the popup: <!-- jQuery --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script> <!-- JNotify --> <link rel="stylesheet" type="text/css" href="jNotify.jquery.css" media="screen" /> <script type="text/javascript" src="jNotify.jquery.js"></script> <!-- JS to add --> <script type="text/javascript">
Can I assign z-index to frames
Hello, i would like to assign a z-index to frames(I know, I know, but it's a clients code). I have 4 frames: top. left, right and bottom. Is it possible to assign a zindex to the top frame that would have a higher stack than the other frames? Im trying to mimic a "sticky header" type action. Can t get it to work ... #top{ position: absolute; top: 0px; left: 0px; height: 100px; width: 100%; z-index:10000;
Return value to a MVC model and set it to property
Hi, I am novice, so i will sound like that.. I am working on MVC ajax project. In this in model i have a property self.responseType. I need to fill it from db. I am ok getting array (two dimensional) from db to my datacontext .js file. So in my model i have below code self.responseType = ko.observableArray([]); datacontext.getDropdownValue(self.responseType, 8); Now getDropdownValue is the function in dataContext which fetch data from db based on value (here 8 as parameter) and set it to self.responseType
Dynamically Adding Checkboxes From Multi-Select JQuery UI Widget
I'm using Eric Hynds jQuery MultiSelect Widget that is being populated from a javascript file. I'm trying to dynamically attach a checkbox with the value of the selected checkbox to a 'Main' checkbox If a 'Main' is checked. When added the value will already be checked, allowing user to uncheck. To help illustrate with comments inside: http://jsfiddle.net/3u7Xj/7/ Link to same post with code since this exceeds 'post limit'http://stackoverflow.com/questions/21285662/dynamically-adding-checkboxes-from-multi-select-jquery-ui-widget
Animate with Change of CSS Class
A page I am working on has images that slide around to different positions on the page. When an image reaches a certain position I want to change its appearance by changing the CSS Class applied to it. When I run it (in Firefox) the animations work, but the Class changes do not. I have created a simplified version of my code, below. How do I get the Class changes to take effect? <!doctype html> <html> <head> <meta charset="utf-8"> <title>GT: Welcome Basics</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
I don't see a disable function
I see hide() and show(), I am using and they are cool. IS there a disable()? I want to disable a button.
transform img into backgtound img
how can do that with jquery to go from here <div class="boximg"><img class="bgimg" scr="any.jpg" /></div> to there <div class="boximg" style="background-image:url(any.jpg);"> <img class="bgimg" style="display:none;" src="any.jpg" /> </div> all the .boximg will find .bgimg > jpg to make a background-image thanks for your help
Autocomplete not working on IE8 - Blank page
Hello everyone, We try to implement the autocomplete function for our project. And it's working fine on all the browsers except on IE8. When we load the page with the autocomplete, the page is completely loaded and then a blank page is finally displayed. We try it on Chrome Firefox and IE 11 and it's working fine. We used the 1.10.2 version. And this is the code used to bind the autocomplete function : ACC.autocomplete = { bindAll: function() { bindSearchAutocomplete("search_form", "#global-search",
How do I create an object with methods
This may be more of a JavaScript question than a jQuery question, unless there is a better jQuery way to do it. I want to create an object that has methods. So I looked up how to do this on the internet, and got the following snippet: textplayer = new Object(); function textplayer() { function getDuration() { var retval; retval = 55; return (retval); } this.getDuration = getDuration; } then I should be able to call textplayer.getDuration(); It does not work, and neither to alternate
Multiple select button text
Hi, I am using version 1.3.2. I have a multiple select field and the user only wants to have the button count enabled. The number of selected items that appears on the button should not happen.Please let me know how to achieve this. Thanks Mihir
Load jquery.js async - possible?
I'm using http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js on my site. Is it possible to load it asynchronously? Like Google Analytics: (function() { var ga = document.createElement('script'); ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; ga.setAttribute('async', 'true'); document.documentElement.firstChild.appendChild(ga); })(); I think the big difference between ga.js and jquery.js is that Google Analytics
How to assign the return value of a function containing a getJSON() request to a variable?
I have actually been trying to figure this out for three days and it's driving me bonkers. I believe the answer lies in deferred objects or promises or something of that nature, but I've tried to implement several of these solutions (from several examples) and got various errors. This is what I want to achieve: function fn1() { $.getJSON("/path", function(results){ return results.a_key; // this is a string }); } my_var= fn1(); // i want this to equal the return value of fn1() alert(my_var);
Code works in Firefox and Chrome but not in jsfiddle or IE 11?
The code below works in chrome and firefox but not in jsfiddle or IE 11. I'm not understanding why and have been able to correct it. I have a table with checkboxes in a column and want to hide/toggle rows that are unchecked. I'm using localstorage so revisiting the page remembers. thanks for any suggestions. If I leave all checkboxes blank it closes all rows appropriately but check just one box and bam, it does nothing... I think it might be this line: if (arr1.indexOf(attrText2)==-1 && $(this).closest("img
Any Plugins to create conditional Questionnaire using jQuery?
I would like to create a conditional Questionnaire using jQuery which will finally lead to an end result based on the choices made by the person answering the questions. Example : http://www.totalbeauty.com/content/quizzes/fragrance-quiz Can anyone tell me about a jQuery plug-in? Or can this be done using simple jQuery statements and conditions? Please guide me here.
Jquery script to logout from all opened tab if user click on logout on any page
Hi, I want script to log out from all opened tab if user click on log out on any opened tab using jquery and php. For this I am using following script but it's taking heavy resource of server as my site is on shared server: is_session_expired.php code: <?php session_start(); //echo $_SESSION['sess_memberid']; if(isset($_SESSION['sess_memberid'])){ echo "no"; }else{ "yes"; } ?> <script> function isSessionExpired(url,dopage){ //alert(url); var randval
jQuery - user can only resize web browser width until 1280px
Hi everyone, Please guide me how to create limitation for user that user can only resize web browser width until 1280p. Does anyone know about that? Thanks, Regards, Hellen
Jquery Highlighting Dates on DatePicker
Hi , My Requirement is such that i have a table with two columns - DtDate , and Volume. I need to bind the the Jquery Calender Which is used as inline Calender in div tag . If for Date lets say 01/21/2014 Vol = 5 AND 01/22/2014 Vol = 10 AND 01/22/2014 VOL= 15 So i want to Highlight Dates , as per above Scenerio. Please Urgently , Let me know how to do this in the BeforeshowDay event of datepicker.
HighLighting DatePicker With Multiple Color - Solution Needed
Hi , My Requirement is such that i have a table with two columns - DtDate , and Volume. I need to bind the the Jquery Calender Which is used as inline Calender in div tag . If for Date lets say 01/21/2014 Vol = 5 AND 01/22/2014 Vol = 10 AND 01/22/2014 VOL= 15 So i want to Highlight Dates , as per above Scenerio. Please Urgently , Let me know how to do this in the BeforeshowDay event of datepicker.
Next Page