Javascript Problem after Submit
hi, im using jquery mobile + ruby on rails 3. after a submit and redirect back, the javascript is not really working. for example: i have some checkboxes, if one checkbox is checked, the others should be disabled. <script type="text/javascript"> alert("FIRST ALERT"); $('#checkbox-evaluierung-einmal').change(function(){ alert("SECOND ALERT"); if (this.checked) { $('#checkbox-montag').prop('disabled', true, this.checked);
Jquery Mobile enlarge images posted through PHP
Hello, I need help please. I am developing an application using Jquery Mobile and PHP. I am retrieving data from a MySQL database. I was able to pull the data including images. I need the user to be able to click on any image and the image is enlarged. I used PHP to loop through the rows and create popup divisions for the images to popup. This is working perfectly on a laptop but on a mobile device, it is very slow and the popup images created are very large and much wider than the normal mobile
Nested lists not properly themed
I use the latest js and CSS published on this site and I ran into a problem since one of the last releases, probably when upgraded from 1.2.x to 1.3.x. I did not bother do revert it. When I define a data-theme="a" in listview ul then the header in the submenus are not formatted! Investigation in the code as used after rendering I found these extra pages on the bottom of the html as generated by jQuery-Mobile. Although the original <li> is formatted with data-theme="a" these extra pages with submenus
jQuery Mobile and iOS 7 Look & Feel
The style transition guide is posted, and it changes quite a bit. Is there a person or group working on a jQuery Mobile Theme to match the iOS 7 look/feel? From what I've seen, it has a number of changes in buttons and icons, but not a complete upheaval of everything. Full new set of default icons UIFont.preferredFontForTextStyle to drive dynamic font sizing (Dynamic Type) - may be hard to get access to this property without a Cordova-style hook. Blurred under-window transparencies may be hard with
jquery mobile grids 's bug ??
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1"> <meta name="apple-mobile-web-app-capable" content="yes"> <title>test</title> <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.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script> </head>
Is there a way to wrap each label/checkbox pair?
I have a slew of label/checkbox pairs: I would like to make it more visually obvious which label goes with which checkbox. Is there a way to wrap the pairs with a border or something around them to accomplish this? I reckon I could do it by writing a lot more html, but I would prefer to just wrap them up "after the fact" with something like: $('checkbox label').wrap('border', 'green');
Why do changes to my JSON file not display?
I am opening a json file that had content such as: { "category":"Biography/Autobiography", "title":"Charles Darwin: The Power of Place", "author":"Janet Browne", "kindle":"B004QZA1AY", "hardbound":"0679429328", "paperback":"0691114390", "imghref":"http://www.amazon.com/exec/obidos/ASIN/B004QZA1AY/garrphotgall-20", "imgsrc":"http://images.amazon.com/images/P/B004QZA1AY.01.MZZZZZZZ.jpg", "imgalt":"alt=\"Janet Browne book
stop() + css animate
Code runs sequentially but some code continues to have an effect after it has been executed (animate and ajax for example) in these cases the rest of the code continues to run sequentially but the effect caused by things such as animate of ajax continue. Normally stop() is used to terminate any such continuing functions in case they get in the way. if you use Jquery so that you have access to events, if statements, loops and other processes which need a programming language. but you use CSS animate
How to get 3rd level deep data into jqGrid
I am getting the following JSON response from a web site : http://pastebin.com/5cJt7VV8 (example with 10 results) I want to get these 10 results in a jqGrid, but only 4 columns -3 level deep- hotelId, name, address1, city. Is it possible? Thank you. PS: If it is possible, give an example, because I am new to jqGrid.
Limit Jquery-UI to certain elements of the page
Hello all, I've used jQuery for many situations, but never quite come on the situation I'm in right now. I'd like to use jQuery-UI functionality on a small portion of my page, but I need the rest of the page, in particularly the links and buttons, to remain untouched by jQuery-UI. In particular, I can't have the additional classes "ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only " automatically added to every link on the whole page. I just want those limited to a certain DIV
page navigation with query string for multiple pages
Hi, I am working with a project with jquery mobile. I am facing a problem with page navigation with query string with multiple pages. can anybody suggest me how to use jQuey mobile for a swipe pages. and one more thing is that can we you our own css in this application. thanks in advance
Cursor on draggable
Hi, Just a draggable object, nothing special. var draggableOptionsSFL = { containment: "document", cursor: "pointer", helper: "original", revert: "invalid", start: function (event, ui) { }, drag: function (e, ui) { } } $(".myBlock").draggable(draggableOptionsSFL); But after I drag the element the whole body gets cursor=pointer. (<body style="cursor: pointer;">). I tried to play with containment: "document" - no result. Does anybody can help with this problem? Thanks a lot.
Take other pages attributes
Hi good afternoon everyone! I was wondering if it's possible to do this: Bring some Value from other page For example: $(document).ready(function(){ var VALUE = $(www.jquery.com).("#p20").val(); }); Like that .. i dont know if it's possible to open a page and take the element of the page that has id="p20" Thanks a lot!!
Reload page from listview in popup
Hi, I want to Reload the same page after user clicks a choice in a popup menu, which is implemented as a listview inside a popup. I got it to work with jqm 1.2.0 by chopping off the # portion of the url and use that as argument to changePage method. However, with 1.3.1, the selection has to be made twice for the reload to happen. The following simplified code illustrates this situation. The page reload and slide work fine if 1.2.0 is used. In HTML below, the green timestamp is updated by server based
event.target.value
hi , let say i have alot of tag's on my html page like this <html> <span> <div>first</div> <span> second <span>third</span> <span>fourth</span> <div>fifth</div> </span> </span> </html> okay what i want to do is , if i click on each of them i just want to get the value of the tag . like if i clicked on the inner_span <span>third</span> just give me the value of third im using $(event.target).text() but this give me the whole span's
+ variable + operator?
Hello everyone, I'm aware of the main operators but the following is not clear to me. What does it mean if a variable has a plus sign on each side of it? (index: "+ i +) for example For further code: http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_dom_html_callback Thank you so much in advance!
Jeditables + Datables
Hi folks, I found an example of how to use Jeditables with Datables without needing a server call. This is going to be used in a standalone app that doesn't need to remember the data after used. The source of the code is here. http://jsfiddle.net/j78pR/ Unfortunately my table isn't static, it's loaded after the page loads. I load my by calling this javascript function after I create the table with a vbs loop. function initTables() { var oTable = $('#resTable').dataTable( { "oLanguage": {
MAC OS dock
Just now i challenged myself to code something which behaves like the MAC OS dock. here is is http://jsfiddle.net/iconofsin/44j3e/1/ 1) The items move down the page, i would rather they just went off screen (and stayed on one line) how can i do this? 2) any glitches with it 3) Someone challenge me to add something to it 4) What do people think (yes i know its simple but i am proud of it)
Hiding Checkboxes inside of a DIV
I have the following html code and I am trying to conditionally hide checkboxes inside of this div. <div class="form-item form-type-checkbox form-item-field-unlimited-area-507.3"> <input type="checkbox" id="edit-field-unlimited-area-5073" name="field_unlimited_area[507.3]" value="507.3" class="form-checkbox"> <label class="option" for="edit-field-unlimited-area-5073">Section 507.3 - unlimited area for a B, F, M or S building no more than one story above grade plane. </label> </div> In theory
Is there a quick and/or easy way to update a custom jquery ui download?
The legacy project I'm working on references jquery and jqueryui in several places (js and css), and there is a "mish-mash" of different versions used. I would like to upgrade to the leading, if not the bleeding, edge here. However, in the case of a custom jqueryUI download, in order to upgrade I need to download anew and, to match the capabilities of the existing jQueryUI usage, I need to know what was originally selected (which options, widgets, etc.). Is there a way to quickly determine what I
SWIPE Touch IPhone to next Site
Hello, Is it Possibel that if the user swipe right he comes to google just as an example and if he swipes to the left he comes to Facebook is this possibel ? If it is please let me know how it works ? With Best regards Philipp Götz
How to contribute to the jQuery Mobile Project?
hello, is there a step by step example on how to contribute to the jQuery Mobile Project? starting from getting the source from github, installing the necessary dependencies, and compiling the code / testing? I am really interested in writing some code but setting up the starting point is a pain.
JQuery UI Dialog Box: How can I make the buttons and fonts smaller?
I know it sounds like a lame question, but I am new to JQuery UI and an intermediate CSS person. How can I make the fonts and buttons in a JQuery UI dialog box smaller? Which file and CSS definition would I go to....or would I make my own CSS. I'm using the microsoft/redmond theme. Thanks much in advance for any tips Steve
insertAfter inside a loop.
I have a number of hidden divs in a form, and I am using insertAfter to display them, dynamically, in a particular order. So I have a for loop and an array of div id's, and I call insertAfter within the loop. Is there a way to insert the divs one at a time, so that div1 for example slides down, then div2 slides down after div1 is in place? I've looked at queue and animate, but I have not gotten them to work correctly. Although the order is correct in the function below, everything happens all at
Star Rating title
At the moment the star rating titles are 1,2,3,4,5... How can I change it to: 1 star: Very Poor 2 stars: Poor 3 stars: Average 4 stars: Good 5 stars: Very Good
Strings with HTML code in Javascript
I am here because I need to reduce the work of a server. But first I have a question: well, a form post consumes recourses of the server, of course, but I have a html form post with a input hidden. It don't saves in the database or something like that, it exist to give some data to other Web page. Also consumes it server's recourses? Ok, now my question. I want yo change that with something more don't goes to the server and don't consume it recourses. Reduce the quantity of comunications with the
LOVE your plugin jquery-pin-it-button-for-images/ but having this problem
It has installed nicely and the pin it button is coming up but when I actually pin it this message is coming up. If I manually use my dashboard pin button it works so think it is a bug (if thats what you call it) Can you help?! Whoops! Your image is too small. Please choose a larger image and try again. OK
Intimidated and overwhelmed, need help with something simple (I think)
Hey folks- I was directed here by reddit/r/wordpress when looking into making external links on my site open in a new window. I was doing it manually and they said the jquery script will make it much easier. I came here and am just finding my newb self overwhelmed. What do I need to do to make it happen? I see the script, what file does it go on for my wordpress FTP? Which script do I use? etc Sincerely confused and thanks in advance John
Browser Windows and tabs
I have a timer function which ticks each second showing a counter. All pages on my app 2 for the example run this Js. The first problem is that I need that the timer runs only on the page I have the focus. I solve that with $(window).blur(function () { TimerEndsFunction(); }); $(window).focus(function () { TimerStartsFunction; }); Now the problem is that I need that the timer steel runs in the last window I was using if i focus other application, the desktop or any
Button value is null
Hi, I am using JQuery, Ajax and Struts for a web application. I am trying to submit when a button clicked. I have 4 tabs in one page. I placed 4 buttons on each tab and I want to submit the whole form when user clicked on a button through Ajax. When I submit form, I am getting values for all the form fields except button1 value as null in the form bean. Do I have any alternative to track what button clicked while submitting the whole form? Is there any way I can pass additional parameter along with
How to use dropdown /combobox list in jqtheme
Hello Anyone please guide me to integrate dropdown list in jqtheme, i cant find any default control is there
jquery mobile and IE 9
I have published a few jquery mobile pages to our web server and opened the pages using IE 9, but the pages do no look the same as when I launch them from my local server, filefox, or safari...how can I change make the pages on the web server running IE 9 look correct. From Local server From web server using IE9
Autocomplete suggest size is larger in IE8 than in Firefox
Hello, I use jquery ui 1.8.2 for make an autocomplete in a modal dialog. In IE8 the width of the suggest window is 1380px and in Firefox it's 188px. I've made tests with safari, chrome and opera. Only in IE width is so large. How can I set the size of autocomplete suggest window ? this my code : $("#ville").autocomplete({ source: "http://myhost/magento/js/jquery/ui/php/ville.php", minLength: 1, }); Thanks a lot, James
Width of image
I'm trying to find the displayed width/height of an image, but keep getting slightly off values. After researching it seems it should be in a window.load function, so here's what I have: $(window).load(function() { $(function() { $('#item0_%id% ul li#itemimg0_%id% img').load(function() { var w = this.width; var h = this.height; $(this).removeAttr('width').removeAttr('height'); var image = $('#item0_%id% ul li#itemimg0_%id% img'); var imgwd = image.width();
Themeroller roll your own - modifying saved theme removes color tone
I created a theme back in Oct 2012 and have been adjusting colors occasionally. The last change was in April. Today I loaded the themeroller from the URL in the .css file and the colors have lost there tone values in the edit panel. The theme displays correctly, but any color I attempt to edit has the value of the tone square (inside the color wheel) set to a grey level - the selector is on the right edge of the square. I loaded the theme prior to the latest change (saved back in March) and it
HELP ME - insertAfter()
when i use $('<p>').insertAfter('.sample'); it automaticly closes the <p> tag and inserts <p></p> !!! i just want <p> what should i do? thanks
ajax function not getting called when jsp page refreshes
I have called a ajax function using jquery(class) in jsp page in href command,the function works well when the page is loaded for the first time,but if i select anything else and the page refreshes then when href link is clicked again then the ajax function does not work ..Please help
jQuery SVG and IE
Hi everybody, Using jQuery SVG plugin (ref http://keith-wood.name/svg.html). Description of issue 1 When I am updating href attribute of images inside a svg image, nothing show up on IE but it works on Firefox and Chrome. Ex : $('#toto', svg.root()).attr('xlink:href', '/images/toto.png'); Description of issue 2 I can't catch click event of images inside a svg image on IE but it works on Firefox and Chrome. Ex : $('#toto', svg.root()).on('click', function() { alert('toto'); }); Thanks
INettuts - touch screen compatibility
Hello, i'm using iNettuts widgets for my internship and i have to make it compatible with touch screens. I know the existence of a hack 'touch punch' but it doesn't work with because inettuts works with a jquery-ui personalized library. How can i do so ? Thank you ! Link: Inettuts: http://james.padolsey.com/demo/tut-inettuts-with-cookies/ Touch punch: http://touchpunch.furf.com/
Keith Wood DatePicker - DateRange - Event on the second date click
Hi everybody ! I recently discover this datepicker, and I have a question. I would like to do an event when i select the second date in a daterange datepicker... I tried this : $('#rangeInlinePicker').datepick({ minDate: $.datepick.today(), onSelect: function(dates) { if(dates[1]!=dates[0] && dates[1]!=''){ (The event i would like to do, alert lol is just for a test ) alert('lol'); } }, rangeSelect: true, monthsToShow: [1, 3] });
Next Page