Problem with Jcrop
0 down vote favorite In my Phonegap Android application, I am using Jcrop and camera plugin given by Phonegap. In this, user can choose an image from Gallery of the device and crop that image. Picking the image from Gallery and cropping works fine but when I choose another image, that image won't load and previous image only remains. How can I resolve this? Please help me. Code I am using is: <!DOCTYPE html> <html> <head> <title>Capture Photo</title> <script type="text/javascript" charset="utf-8"
Spinner widget event.
Hallo everybody, I need help to execute php file when I click on the button to increment or to decrement the value in spinner widget. Thanks in advance.
raised click event on dynamic html img
Hi All, The user is able to construct a table by clicking in a button, Here is the table: <table id="MyTable"> <tr style="vertical-align:top" > <td>IN</td> <td>OUT</td> <td></td> </tr> </table> So the user presses the IN button and the timenow is entered in the IN column, if it presses the out, the timenow is entered in the out column, and at the same time i add a delete image on the third column var cell3
when i try run jquery slider in liferay 6 portlet i found the error
Uncaught TypeError: Cannot call method 'appendTo' of undefined tms-0.3.js:359 $.extend.bannersFutms-0.3.js:359 $.extend.inittms-0.3.js:524 window._TMS.$.fn._TMStms-0.3.js:7 (anonymous function)services:1 jQuery.event.handlejquery.1.6.0.js:2865 elemData.handle.eventHandlejquery.1.6.0.js:2499 i tried lot but i can't resolve the errror. I think it is problem of the flow if including js in view.jsp. My flow of including js in view.jsp <link rel="stylesheet" href="/HEADER-portlet/css/main.css" type="text/css"
Data Grid Table with columns for sorting and collapsing a data row
Hallo Everyone, Is it possible to have a grid or perhaps a table in JQM which when you click on the column title in can sort records in either ascending or descending. Also in the same table is there a possibility of collapsing a row in order to display more detailed information. Anyone with an idea of how the two features can be tackled or has a link to some useful content kindly send them Thank you alot.
UI Tabs, ajax/json Request, data not showing in tab
Hello, I'm a newbie jquery user and I'm using jquery-1.9/ui-1.9. When clicking on tab #1 the requested JSON-data doesn't appear. My js-Code looks like: $(function() { $( "#tabs" ).tabs({ beforeLoad: function( event, ui ) { ui.jqXHR.fail(function( jqXHR, textStatus, errorThrown ) { ui.panel.html( "Daten konnten nicht geladen werden. " + "HTTP Status: " + jqXHR.status + " " + errorThrown ); }); } }); }); <div id="tabs"> <ul> <li><a href="rest/cfehler/9410273345537">Fehler</a></li>
A little problem with my hover on a UL
Hi, I have a little problem and I'm be stuck. I want to wrote a little caption hover for an ul with images. But my problem is that the hover is activating on every li and not only on this where the mouse is over. Here you can see the sourcecode: http://jsbin.com/equyix/4/edit I would appreciate any help. BR
jquery ui dialog not working with diferent sdiptis
hello there i have a problem using jQuery UI dialog i have the page as follow. <script type="text/javascript" language="javascript" src="../javascripts/jquery.js"></script> <script type="text/javascript" language="javascript" src="../javascripts/jquery-ui.js"></script> </head> <body> <select style="width:100%;" id="id_tour" name="id_tour" onChange="get_trip();" ><option id="0" name="0" value="0">Изберете</option><option id="2" name="2" value="2" title="Втора ексурзия описание">Шумен - Атина</option><option
Adding Items to selected value in listbox at page load
Hi, I am using ASP.NET 3.5, C#. I have jquery version - jquery-1.8.3.min.js I have a listbox which has title as "Inform user groups". The list box contains 20 values in the left side. On the page load, i would like to put 2 values to the selected items in the listbox( on the right side). The values to be put are "PM", "Senior Manager". The title of the left side list box is : Inform user groups possible values title of the right side list box is: Inform user groups selected values The values
jQuery hide() and a normal form
Hello, I created a new HTML document which appears a menu on the left side of the document: <!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8" /> <title>Test</title> <link rel="icon" type="image/x-icon" href="favicon.ico" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/dark-hive/jquery-ui.css"
Not able to register JQuery script via asp.net "ScriptManager.RegisterStartupScript"
Hi All, I am working with asp.net & jquery. I have created several function & attached events(click, change, mouseover etc) to my controls. All is working fine except one thing. 1. If I declare any variable inside jquery block like below: $(function(){ var _x=false; function _foo(){ alert('Some Text'); } }); & If I try to set value of _x or If I want to call function _foo by registering the script via .net page, I am getting the error.
Why don't jq have consistent args order in ajax done() and fail()?
The arguments order in ajax callbacks are inconsistent. It is not stable in always() callback. jqXHR.done(function(data, textStatus, jqXHR) {}); jqXHR.fail(function(jqXHR, textStatus, errorThrown) {}); jqXHR.always(function(data|jqXHR, textStatus, jqXHR|errorThrown) { }); I think it will be better to change the fail arguments order to (errorThrown, textStatus, jqXHR).
Norton Internet Security causes glitch in jQuery slideshow in Chrome on a PC
I've written a jQuery slide show that runs fine on a PC in Firefox, IE, and Safari. It runs fine in Chrome when NIS is disabled. But with NIS enabled, there's a glitch. At the end of each dissolve, the previous slide flashes briefly on the screen. You can see the slide show at www.kayanphoto.com The name of the slide show script is crossfadePro Any suggestions for fixing this glitch?
Are there methods to avoid Memory Leak with jQueryMobile?
Now, I'm testing jQueryMobile memory usage by Chrome Developper Tool.(Heap snap shot in Profiles tab) I found memory leak in navigation between multipage contents ,despite I didn't use my javaScript logic and only use simple HTML loaded jQueryMobile. Whenever navigating between multipage contents, I took Heap snap shot and result showed glowing up JavaScript Object. My test page is below. http://hamadroid.info/home/jqm_page/ Forrowing is my snapshot and memory timeline. Thnaks.
Node created with the "$" function is already cached?
Hey! When you create onde DOM node with the "$" function, it's possible to manipulate and define some properties before the DOM insertion, like one pure Javascript node creation. But, when the node is inserted (using one off various jQuery "append" functions), that variable used to assign the "$" object return can be manipulated as reference to the node already inserted, or one new reference, now for the new node? Like, call the element "again" with some selector on the "$" function is necessary
jQuery Autocomplete select and focus event doesn't work in IE8
Hi, I'm facing a big problem using the autocomplete Widget in IE8. It doesn't fire the select or focus event , so I can't render the selected item. I'm using jquery 1.4.2 and jquery ui 1.8.5 Thanks for your help Charles
external url link with html#
Hi, I'm pretty new to this. but was playing around with jQuery mobile page linking to an external url page. It often automatically adds the html# to the external url link which makes the page distorted. But after click refresh the page, the # disappear and the page is viewable fine. What have I don't wrong and haven't done - help appreciated. Thanks.
List Item's Divider Selector
This is related to jQuery Mobile but specific to a jQuery selector. Is it possible to have a selector find a specific list-item's divider (if one)? For example; <ul data-role="listview"> <li data-role="list-divider">A List Divider</li> <li><a href="#">A List Item</a></li> <li><a href="#">B List Item</a></li> <li data-role="list-divider">FIND ME</li> <li><a href="#">Another Item</a></li> <li data-important="true"><a href="#">GET MY DIVIDER</a></li> <li><a
Append and remove an element
I am currently designing a web page using javascript, html and css. The page is a seat booking seat which allows the user to select and unselect seats. I have managed to get the page to display id of the seat when the user have selected a seat, but I am having problems trying to remove id from the display if user unselects the seat. Below is the javascript code $('.available, .unavailable, .selected').click(function(){ var ID = $(this).attr('class'); if (ID == 'n unavailable' || ID == 'p unavailable')
cycle - trying to use anchor and captions together
I am trying to have photos cycle and have captions, with a a href on both the photo and the caption. I want the caption to contain both the produt title as well as the description, seperate so I can format each differently. This is what I have right now: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script type="text/javascript" src="http://malsup.github.com/chili-1.7.pack.js"></script> <script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script>
JQuery-UI 1.8.23 copy paste issue works on second attempt
We are using following JQuery code (within JSF) to invoke Autocomplete. Everything seems to work fine when user keys in data but when user copies and pastes Autocomplete will be invoked on second attempt. I am testing following code in IE 8. Any inputs are appreciated <script type="text/javascript"> $(function () { $(document).on('keyup.autocomplete','##{resp.workItemResponse.wiResponseId}', function() { $('##{resp.workItemResponse.wiResponseId}').autocomplete({ minLength: 3, source: function(
Responsive grids not stacking.. page refresh required?
Using JQM 1.3 cannot get the Responsive grids to stack without refreshing the page one time? - According to the docs, they "include a single breakpoint “preset” in the structural CSS that we hope will be useful in a fair amount of typical situations. This breakpoint is applied by adding a class like ui-responsive to the widget markup to opt into the breakpoint." - In my code below I reference that class called ui-responsive, but it is not stacking the data on the iPhone or desktp? <div data-role="page"
Datepicker not working in FireFox, but works in IE9, Chrome, Win:Safari, Opera
I cannot get datepicker to work in firefox. I am able to get it to work in all the other major browsers just fine with the following code Thanks for any help you can give me. <script> $(function(){ $('.datepicker').datepicker({showAnim: "blind"}); }); </script>
Copy input text from user and add to URL Button
Hello, I would like to know if it is possible to get the text from the following INPUT field. My code looks currently so: <!-- ID --> <div data-role="fieldcontain"> <fieldset data-role="controlgroup" data-mini="true"> <!-- Textfield --> <input name="ID" id="textinput2" placeholder="ID" type="text" style="width:100%;-moz-box-sizing:border-box;-webkit;box-sizing:border-box;box-sizing: border-box;"/>
Custom theme not working with jquery
Hi, I've created a custom theme with theme roller. When i add like <ul data-role="controlgroup" data-type="horizontal" class="localnav"> <li><a href="#" data-role="button" data-transition="fade" id="id1" class="ui-body-g">N/A</a></li> <li><a href="#" data-role="button" data-transition="fade" id="id2" class="ui-body-h">OK</a></li> <li><a href="#" data-role="button" data-transition="fade" id="id3" class="ui-body-i" >TBC</a></li> <li><a href="#" data-role="button" data-transition="fade"
Should I use a more current Library than 1.8.11?
I have my date picker working properly with this code: <link rel="stylesheet" type="text/css" href="https://ajax.googleapis. com/ajax/libs/jqueryui/1.8.11/ themes/base/jquery-ui.css" /> <script src="https://ajax.googleapis. com/ajax/libs/jqueryui/1.8.11/ jquery-ui.min.js" type="text/javascript"></ script> <script type="text/javascript">jQuery( '#inf_custom_ MATURITYDATE'). datepicker({dateFormat: 'dd-mm-yy'});</script> But I see on this page here (the google libraries page): https://developers.google.com/speed/libraries/devguide#Libraries
cordova :: XMLHttpRequest :: setRequestHeader does not work with JSONP
I have a script for web site scraping testing. In Chrome, I used Ripple extension. If the emulator is disabled, I can retrieve the token from the html page. But if I enable the emulator, I got the following error. I wrapped it in phongap and deployed in an Android device, the corresponding tag content is not updated at all. I appreciate your help to get this resolved. cordova :: XMLHttpRequest :: setRequestHeader does not work with JSONP. ripple.js:36 _logripple.js:36 _self.errorripple.js:36 _XMLHttpRequest.xhr.setRequestHeaderripple.js:49
What id the differenc between jquery-ui-1.10.1.custom and jquery-ui-1.10.1.custom.min?
Hi all: I am just starting with jquery and javascript and have a long way to go but need to get a task completed quicker than I should have to. I down loaded the version of jquery-ui and get the two files. What is the difference between the two an which should I use? thanks.
Jquery ui combobox (autocomplete) disappears
I'm trying to do this http://jqueryui.com/autocomplete/#combobox The problem is that when I go with the mouse over an option, options will disappears and it cames out the advice: "x didn't match any item" where x are the letters that I wrote in the combobox. this is my select (builded with JSP) <select id="combobox"><option value="">Select one...</option> <%for(int i=0;i<ut.size();i++){ out.print("<option value=\""+ut.get(i).getIdUtente()+ "\">"+ut.get(i).getNome()+" "+ut.get(i).getCognome()+" ("+ut.get(i).getIdUtente()+")"+"</option>");
jQuery UI MultiSelect Widget - Optiongroup in Head
Hi, i need to toggle the optiongroups not only in the List. I need the link in the Head! How i do that? Can somebody give me a hind?
Why index giving incorrect index number
Following is my code. I am getting index 0, but not 1 and 2. Any suggestion is greatly appreciate... <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <select id='selectCombo'> <option value='v1' class='c1'>v1</option> <option value='v2' class='c1'>v2</option> <option value='v3' class='c1'>v3</option> <option value='v4' class='c2'>v4</option> <option value='v5' class='c2'>v5</option> <option value='v6' class='c2'>v6</option> <option value='v7' class='c3'>v7</option>
loop through all values of listbox
Hi, I have a listbox which has multiple values. Values are seperated by a pipe symbol ( | ) . example: tAM|t |t |t36|tPM |t |t37 How to loop through the listbox and get the values "AM" and "PM" Thanks
query-1.9.0.min.js error 80020101
Hi All, I have published a mvc web app using jquery-1.9.0.min.js to two locations: 1. Windows server 2008 with IIS 7.5 When I load the web site I get the following error: Message: Could not complete the operation due to error 80020101. Line: 1 Char: 15501 Code: 0 URI: http://servername/websitename/Scripts/jquery-1.9.0.min.js 2. Locally (laptop) with IIS 7.5 No errors even though the website that has been published is exactly the same, as so is the browser being used to access both, IE9 Could someone
Simple timespinner for jquery?
I'm new to work in date and time, i need to create a time spinner for my application. i have used Google to get my requirement but didn't reach my requirement. i need one simple time spinner like this sample.But i need that TimeSpinner without using globalization.js. Is there any way to get simple timeSpinner like the above link?.
How do I add event handler to dynamically created checkbox in jquery?
I am adding multiple check boxes dynamically on my page, but when I click them not any of click or change event is firing. I tried following code but its not working: $(".selectItem").live('click', function(){ alert('test'); }); .selectItem is class for all check boxes. Can any one help me solving this problem. Do any one need more info?
onmouseover selectmenu not working
Hi everyone! I want to add onmouseover/hover event to selectmenu, but I'm not able to do it. I think I tried all possible selectors: $(".ui-select"), $("select"), $("div.ui-select"), $(".myselectmenu:parent")..., but without success. Events which I have tried are jquery hover and on({mouseover: function() {...}.., onmouseover in html. Thank you
JQuery IF statement issue
i have this JQuery code, if ($('#lblProteinsApoklisi').val() >= 0) { $('#lblProteinsApoklisi').addClass('UnderStats'); } else { $('#lblProteinsApoklisi').addClass('OverStats'); } if the textbox has a negative number i just put a background color of red, else a background color of red. No errors are shown but the .addClass doesnt seem to work. Thanks in advance.
How to create Dialog at right bottom of page
Hi there, I'm using Jquery UI a lot. But can anyone tell me how to create a dialog that pops up at the right bottom of the page when the page loads. And this for asp.net forms application. Thanks already... Ronald.
popup image or popup basic not working
Hi everyone im new to jquery mobile an simply love it, i have had one small issue, i cannot get the popups to work. I have this in my header <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script> i have
Unequal layout grids (columns) or colspan-like behavior?
I'm heavily utilizing grids to format my page. However, the majority of my content fits better with a 2/3 and 1/3 2-column template. No problem, I can override the CSS: .ui-grid-a .ui-block-a { width: 65% } .ui-grid-a .ui-block-b { width: 35%; } Except I'm in trouble when I need to use the 50/50 grid, or even a 3 column grid because JQM appears to mark up the grids dynamically and I now have a table with column1 width: 65%, column2 width: 35%, and column3 width: 33%... which of course wraps the
Next Page