Breaking change in IE9 re: each() and "this"
Hello. I've discovered some unexpected behavior to do accessing element attributes within an each() loop. In IE8 the following code works: jQuery.each(aPeople, function(idx) { var aDays = $('TD[PersonId=' + this.PersonId + ']'); } I can read the PersonId attribute from the TD element using "this.PersonId". However, the code does not work in IE9. It returns "undefined". I've changed the code to this: jQuery.each(aPeople, function(idx) { var aDays = $('TD[PersonId=' + $(this).attr('PersonId')
Phonegap ajax call with username/password not working
Hi guys, We're writing an android app with Phonegap and jquery mobile (1.0a4). To give a little background we have a login page that sends the username/password to our server, the server responds success or failure. If success we store the username/password in localStorage and reuse those credentials for every successive request. I'm having difficulty with the ajax call when I add username: window.localStorage.getItem("usr"), password: window.localStorage.getItem("pwd"),the ajax call seems to fail
"Old" themeroller URL is broken
The new Themeroller only supports 1.9+ for theming. But there are still many instances where themes compatible with versions older than 1.9 are needed. Up to a few days ago we were able to go to http://old.jqueryui.com/themeroller/ to continue to use it. But now suddenly the link is dead. Help?
Display a div when item is selected in select box.
I want to display a certain div when an item is selected within a select box. So far I got the coding below which works fine in IE, but chrome is displaying the div whenever someone clicks on a random spot within the select box (thus not by selecting a value). How can I make this work in all browsers? <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script> <script type="text/javascript"> function toggleDiv(divId) { $('.complete').each(function(index)
update in realtime using - jQuery
using ASP.NET I use a repeater to displaying a DB table on screen. I want the user to be able to check or uncheck a tick box(field in the table). Updating the corresponding field in the DB in Management Studio on real time..... Looking through google. JQuery seems the way....so far I have got... in code behind: //GetUtilityCompanyNames() returns a list of all the companies names rptSelectedUtilities.DataSource = GetUtilityCompanyNames(); rptSelectedUtilities.DataBind(); In aspx: <asp:Repeater id="rptSelectedUtilities"
Implement Jquery autocomplete with multiple values and images - AUTOCOMPLETE
Hello Guys, I am facing a problem while trying to implement the jQuery autocomplete with a return images (made by a member of the Stack) but with the possibility of choosing various values (Multiple Values). When I implement the source, he can only select one value only. Follow the jsfiddle: http://jsfiddle.net/Igaojsfiddle/85SAF/ I'm beginning to study the background now the jQuery library, please have patience and hope someone can help me with this problem. Already very grateful.
Problem with checking the checkbox in jQuery
Hello, I'm facing a problem while checking a checkbox in dynamically created table. I'm using wicket framework in frontend which creates a dynamic table to hold the files. Each file has provided checkbox for selection and deselection. I have requirement to check a file say 111001A.CR up on checking of 111001A.CN (Name of files are same, just extension varies). For selection and deselection of files, i'm using following jQuery Code: function selectDeselectMatchingFiles(){ $(".dataview
Updating text with inner html returning cannot read undefined
I have this java code function updateprice(pprice, ppricediv, pform, popt) { var totAdd = pprice; var thisopt = popt; if (!isW3) return; var pDiv = document.getElementById(ppricediv); totAdd = totAdd + pricechecker(document.forms.pform.thisopt.options[document.forms.pform.thisopt.selectedIndex].value); pDiv.innerHTML = formatprice(Math.round(totAdd * 100.0) / 100.0, '', ''); }and it returns; Cannot read property 'thisopt' of undefined this is what I'm doing this; onchange="updateprice('382.49'
Problems styling (rangeslider, radio-group)
Hi I Have some problem styling some elements on a mobile app using jqm 1.3 (same problems in 1.2) The problem seems to be in the html "wrapping" the div holding the widgets. When i test the same html code on a empty page the styling is correct.. the styling errors are. 1 the slider does style but the "value field" is displayed as a slider.. (i.e. two slider.. ) using $( ".selector" ).slider(); (using correct selector...) the second slider disappears, but there is no value visible.. 2. The radio
Advanced Accordion Menu with Jquery
Hi Guys, This is my code // On cache les sous-menus : $(".menu ul.sub-menu").hide(); $('.menu ul.sub-menu li.current-menu-item').closest('ul').show(); $(".menu ul.sub-menu li").addClass("sub-menu-item").removeClass("menu-item"); $(".menu li.advanced > a").css("cursor","pointer"); $(".menu li.advanced > a").click( function () { if ($(this).next("ul.sub-menu:visible").length != 0) { $(this).next("ul.sub-menu").slideUp("normal"); } else { $(".menu ul.sub-menu").slideUp("normal");
ui-dialog with chrome 25
Hi all, First, sorry for my english ... Since chrome 25 ( 25.0.1364.152 m ) , when you put option width : "auto", dialog component takes all browser width. it wasn't the case under chrome 24, FF or IE. chrome bug ? or jquery-ui is using something special for chrome that doesn't work with this update ? is there a workaround ? Thanks in advance for replies !
PHP +Ajax+jquery.
hi!.I want to edit html table and save in database.Inline editing.I have a code but the value is not getting updated in database..i took code from http://www.iwebux.com/inline-edit-using-ajax-in-jquery/ could some one suggest me some website or code
animated div
ihave a div in my container and i also have an other div on right side of the page to whom i want to animate on left side of the page when click on the link or button and it will also go back to its posiotion when i click again on it
Image upload to application folder from mobile device is possible in jquery mobile?
I am using only jquery,jquery mobile,html5. I need to choose an image from mobile device and need to set it as the background image of application. Can you tell me a possible solution? Thanks in Advance
SELECT html element using default style.
I would like to know how to 'initialize' JM, but have it not 're-css' a specific SELECT element I have, but to leave it alone. As this select element is part of another framwork and wish for it to stay the same. When JM applies its theme, its too big. Now ofcourse there are other selects that JM can re-theme as they are part of the normal interface inputs. Id like to set my select class to something like class="leave-as-default"
button CANCEL in popup
Hello, I have a popup that contain 2 buttons on of them is for closing this popup ! how can I modify my code to get what I want ? <a href="#popupLogin" data-rel="popup" data-position-to="window" data-role="button" data-icon="check" data-theme="b" data-transition="pop" >Envoyer</a> <div data-role="popup" id="popupMenu" data-theme="c"> <div data-role="popup" id="popupLogin" data-theme="b" class="ui-corner-all"> <div style="padding:10px 20px;"> <h3>Pour confirmer
jeasyui datagrid load data error
I have minor error at using the jeasyui datagrid.......when I page refresh my website then the datagrid view doesnt display the data........It shows only footer of the grid at the top of the div....data is displayed in the datagrid after pressing the refresh button........I also used jqueryui.com tabs. conflict is occured between tabs and datagrid. When I disabled tabs jquery files then the data in the datagrid is displayed well, other wise only showed footer of the grid which is attached file..How
Need help finding carousels that work in 1.4
I love the carousels here but I can't use them in my Drupal site due to version issues http://spaceforaname.com/galleryview/ Does anyone know this author? Do you think he might still have a version from about 3 years ago in 1.4? Unfortunately, his GitHub account only dates back a year. Any ideas how to find great work like this that will work in my site? I'm using a SaaS version of Drupal so no option of using http://drupal.org/pro... module. Thanks!
Problem getting multiple menus with flyouts to work on the same page. . .
Hello, I'm not very good with JavaScript, so I'm sure that I am probably missing a basic concept. . . I want to have multiple menus with flyouts on the same page. I have mouse over calls that seem to work to call the javascript function. The VisionFunding one works, but the m3 one does not display properly. It looks like when the m3 one shows up, it is empty. I think I am missing something basic in the jQuery function and CSS interactions. Here is the code for the image map calls. <map name="WFAgile">
How to change the return key label.
Hi, When a user types into a text input box my iPad enter key currently says "GO". I would like to say "DONE". How can I achieve this with jQuery Mobile? Many many thanks, Steelow
header bar
Hello, In the header bar of my home page, I must have a button (cancel) and next to it a label (Home). I tried to do it, but they are displayed in 2 lines ( CANCEL in a line and HOME in another ) my code : <div class="ui-bar ui-bar-b"> <input type="button" value="Cancel" onclick="window.close()"/> <h1> Acceuil</h1> </div> and in the Header of the page I put this : <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>My Page</title> <meta name="viewport" content="width=device-width,
A question about nested ajax loads.
Hi, I'm new to jQuery here, so I apologize if theres something obvious I'm missing. I have a main page that loads "page1.php" into content div "content_div" via ajax load. However, I would like to add a button to "page1.php" that loads "page2.php" into "content_div", replacing the content of "page1.php". How would I go writing the script that allows "page1.php" to use "content_div" in the main page? Thanks
Selected Drop down text disappears in MVC4 application after validation
I am using jquery mobile for ASP.NET MVC4 application. Validations are performed using jquery validate and unobtrusive js. During client side validation the selected value displayed in the drop down disappears. Following is the html the class="input-validation-error" style="display: none; " is applied to the span that displays text on the drop down, this is not correct. Attached screen shot for reference. <div data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-icon="arrow-d"
expand all and collapse all feature does not function completely
I have an issue with my expand all/collapse all feature. Here is my jsfidde link: http://jsfiddle.net/pavloschris/HqXMN/13/ Lets say expand Name1 and Name2 and then hit Expand all button, What it does is it expands everything but collapses Name1 and Name2. Do I specify the css id in my javascript function? $(function () { $(document).on('click', '.expandcollapse', function (e) { $('.collapse').each(function (index) { $(this).collapse("toggle"); }); if ($(this).is('.icon.white-icon
specific id replaced by [this.id]
... while entangled in a complex formula var droplist = Math.floor(Math.random() * $('#youridsir1 option').length); This line repeats severeal times with id varying by the last digit. I would like to make this code more uniform, before an attempt to create a loop. how to replace #youridsir1 with something like [this.id] ?
External url content loading problem when using mobile.loadPage
Hi, I'm trying to load an external url content to a div.When I use the Js code block below, the url content is displayed successfully. But divHeader is not visible because mobile.loadpage creates a new div under divContent, sets the url content to this div and newly created div's style is ui-page. When the style is ui-page it surrounds the whole page so divHeader isn't displayed properly. When i delete the class value "ui-page" from newly created div at runtime everything is fine.I couldn't change
iframe breaking page scrolling with jquery mobile
I'm have a weird issue here. I have a piece of the jquery mobile events code running on my mobile site. Everything works fine, but when my page is completely still and i put my finger on an iframe and try to move the page nothing happens. I have gone into the events that are being created by jquery mobile code (tap and swipeleft/right) and the event is never reaching any of the code there while touching the iframe. I have tried to put the whole jquery library in just to make sure I wasn't doing anything
How to troubleshoot breaking changes as a result of jQuery functionality improvements?
I have functionality that was developed many moons ago, and I don't keep track of individual jquery version upgrades. Now, when I upgrade to a never jquery version stuff stops working. How does one go about trying to find out what is not working?
long downloads indicator
I have a link whihc creates a word document and starts the download, I want to display a message or indicator that ur download is being prepared and once browser open the dialog to save or open the file I wan tto clear the messaeg is it possible is there anythin g available ?
jquery easing.1.3 js plugin
How to use jquery easing.1.3 js plugin with wordpress ? because is not wordpress plugin so I am struggling to installed it to my wordpress theme. please help
function triggerd by div resize
I want to make something like this <div id="resizeable"> some stuff here </div> $("#resizeable").bind("resize", doSomeThing); function doSomeThing() { // some code } However, I was unable to bind resize to a html element. I tried with bind, live, on and resize functions and neither worked like this. It only worked on $(window).resize() Keep in mind that I tried these ways, that are available after my version of jQuery, but I must only use jQuery 1.4.4. Thanks.
javascript not firing following AJAX page transition
This is getting a bit frustrating. I've seen quite a few answers regarding pageinit, pagebefore, etc, but I am not having any luck. I am developing a little web game, that requires a user_id and which displays many unique variables on each page. As such, getting javascript to work (all the time) is vital to a smooth user experience. Due to the dynamic set up, I have a 'main' template which sets up the page and loads content into it through codeigniter (php). <!DOCTYPE html> <html> <?php
meaning and difference of client side processing and server side processing
What is meaning and difference of client side processing and server side processing?Can any one give brief explanation of this both?
Listview highlighting issue on Android (.ui-btn-hover-c)
I have found a problem with listviews on Android devices where the hover style of a listview item can stay on permanently, even after releasing my finger from the screen. This problem does not existing on iOS devices but I can easily reproduce this issue on my Android 4.03 and Android 4.1.1 phones. To reproduce the issue test with a listview that is inset and has enough list items to scroll. If you flick around the list eventually one will stay permanently highlighted. Try selecting the item near
jqm 130 Panel URGENT
Hi, I need to implement a left-sided-menu in my app for tablet version. I tried to use Panel. I added into each HTML file a <div data-role="panel" id="panelDiv"></div> at the top of the page. I made panelMenu.html with a ul li. In js file in section for HTML page I put $('#panelDiv').load('panelMenu.html'); on that SomePage.html I got nothing..if I exclude data-role="panel", the 'panelMenu.html' loads but it looks like it is missing css and links to other pages does not work. Basically, it loads
Making dropzone droppable again after element has been dragged out
I'm trying to build a website where the user can drag some items (one item in on div) to other divs on the page. It' not a table or so, just divs somewhere on the page (Example). With html5 drag&drop it works well, now I try to do this for mobile devices. I can drag items to divs, drop them there and block this dropzone, because only one element should be in a dropzone. I also can drag this element to another div if I've had make a mistake. but then I cannot drop another item in the div which is
Datatable plugin advantages
Can anyone tell Datatable plugin( http://www.datatables.net/ ) advantages?
JqM 1.3.0 problem with local files
I'm creating some webapp using jqm but when I try to make a cleaner directories layout using html files inside different folders I got problems. I try to be more specific. I want to use my file in local, people download the zipfile then use it in local. I already do it but I want to create a multilanguage webapp so I create EN and IT folders I put inside their respective files and on desktop PC it works like a charm but when I test it on my Acer tablet Android based no browser find the files inside
Dynamically add component, somebody have solutions
I have "add" button when click this button will create textarea via jquery. more clicking more textareas I must send all texares value to wicket java class and save in database (and have "send" button )
jquery spin button appearing twice on moving the window. Please help
I have got a div element, in side which there are two jquery spinner controls. There are multiple copies of this div elements inside a jquery sortable control. I can move the div's up and down to sort the order. The problem is if I move the div by holding the mouse and leave it, spin buttons are appearing twice. Please find the links to screen shots below. https://docs.google.com/file/d/0B-02O35keeGGdXl3d2dUeEdXeHc/edit?usp=sharing https://docs.google.com/file/d/0B-02O35keeGGTDBNdG5xTE9CNjQ/edit?usp=sharing
Next Page