jQueryMobile - DOM nodes counter always increasing
I've created a very simple test application using jQueryMobile. This application is composed of two pages: the 1st one only contains a button to navigate to the 2nd page. This 2nd page contains a list of 20 items and a button to navigate back to the 1st page. This application only use the jQuery (1.10.2) & jQueryMobile (1.4.2) code. No custom code was added. Here is the code. Page1.html <!DOCTYPE html> <html> <head> <title>Test app</title> <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
Notify user when app running in the background state change
Let say the user is using the app and its doing come processing , while waiting the user went to check text messages. How can one get the app alert the user.
Very Noobie Question
Hi All, I have an asp application. On one asp page, I have a div into which I want to load a file dependant on a javascript OnChange event (in a dropdown box). I can do this easily with ajax.updater but I cannot achieve this simple operation with jquery! I've tried the examples on various jquery sites but nothing works. I know I am missing something simple, but what? Can someone please give me a simple example showing the links to jquery in the header and the function? Cheers Gary
Slider not working in Internet Explorer
Dear All I am referring to https://forum.jquery.com/topic/slider-is-not-looping and http://jsfiddle.net/u9Ndr/ This is great solution from cold fusion coldfusio.. http://james2013.batcave.net/loop_it_with_text.htm Based on this the jsfiddle was made however diesnot work in Internet explorer Pleas help
BlockUI Not Working Android Cordova Phonegap 3.3
Hi all, I have been struggling with this issue for the past few days with no luck. Hopefully someone here might see what is going wrong. I am updating my existing android phonegap 2.1 project to version 3.3. Something in this new version has caused blockUI to not work as it once did. When I would make a call to my function that called $.blockUI it would bring up a black box with my "Please wait" text. Now when the function is called it does nothing. The UI does appear to be blocked(can't click
Please send J Table source code using AJAX CRUD Table(MVC-2)
Hello all, If any one send J Table source code for AJAX CRUD Table using MVC. Please send best links,i am trying to find but not getting good sites. Thanks
DataPicker Dates go outside the dialog
<script src="http://code.jquery.com/jquery-1.8.2.js" type="text/javascript"></script> <script src="Scripts/jquery.tooltip.min.js" type="text/javascript"></script> <script src="Scripts/Tooltip.js" type="text/javascript"></script> <link rel="stylesheet" href="//code.jquery.com/ui/1.8.2/themes/start/jquery-ui.css" /> <script src="//code.jquery.com/ui/1.8.2/jquery-ui.js" type="text/javascript"></script> <script> $(function () { $(".date").datepicker();
Validation plugin addMethod with ajax
Hello, I am trying to use the addMethod to add a validation of duplicate username. The duplicate check is done with an AJAX call. The php file called by AJAX returns 0 if the username does not exist in the database and 1 if it does. The problem is I always get the error no matter what the AJAX call returns. My code: jQuery.validator.addMethod("duplicate_username", function(value, element) { var duplicate = 0; $.ajax({ url: '/modules/user_management/ajax/check_duplicate_username.ajax.php?username='+$('#username').val(),
Stay on the page with jQuery validate form plugin
Hi I use the "validate form plugin" to control my form, but when I click on the submit button, I'm redirected because of the PHP file on the "Form sent" page. Everything works fine except that. How to stay on the same page after validating my form please ? Here an extract of my code : PHP FILE <?php [I HAVE CUT THE CODE] if(mail($to, $subject, $message, $headers)){ echo "Form sent"; } else { echo "Form not sent"; } ?> JQUERY FILE $("#form-contact").validate({
ajax loads content how to submit form
Hi I have made so that my content is loaded with ajax like this and placed in a div <ul id="navlist"> <li><a href="home.php" class="home">Home</a></li> <li><a href="gallery.php" class="gallery">Gallery</a></li> <li><a href="upload.php" class="upload">Upload</a></li> </ul> <script> $(function () { // attaching click handler to links $("a.upload").click(function (e) { // cancel the default behaviour e.preventDefault(); // get the address of the link var href
prev/next buttons from date pick calendar
Hi, I don't know why I can't see the prev/next buttons from the calendar, can you pls help? Thanks <link href="css/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="/js/jquery-ui-1.8.2.custom.min.js"></script> <script src="js/grid_tool_bar.js"></script> <script type="text/javascript"> $(function() { $("#to_date").datepicker(); $("#from_date").datepicker();
swipe event without jquery mobile
This is perhaps a stupid question but I will give it try. I’m currently update an older web application using jquery 1.4.2 with a number of plugins. I have spent some time to migrate the page to be able to run on with jquery mobile, but I just too messy and not worth it, is it possible to implement a swipe event in any other way than using jquery mobile? Does it exist an implementation that could make this work with jquery and jqueryUI? crele
i need edit in popup using jquery
This is my code that i am strucking in getting editing the details. while entering edit button i need to show the field and value which should be edited in dialog box <%@ page contentType="text/html; charset=UTF-8" %> <%@ taglib prefix="s" uri="/struts-tags" %> <html> <head> <title>jQuery UI Dialog - Modal form</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.9.1.js"></script> <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
get CSS z-index
// Test $ ('Body') CSS ("z-index", 111); alert ($ ('body') CSS ("z-index")); / / return auto alert ($ ('body') [0] style.zIndex) / / return 111 ?????
How to enable dialog scrollbar when content exceeds dialog height?
I am using jquery dialog popup in my page. My dialog height is "271". After that, enable the vertical scroll bar for dialog div. How to enable vertical scrollbar when div content exceeds the dialog height? I want to enable only dialog scrollbar. I have tried in jsfiddle. but its not working. Is it possible? My jsfiddle: http://jsfiddle.net/RakZ5/4/
Knobrot.js Web Audio Api
Hi there, i am quite new in using jQuery and I was wondering if someone could help me to solve an issue I have with my web app. It is a very simple app where a sine wave is produced using Web Audio Api and there is a slider to change the value of the gain (volume). I have no problem doing this, however I am trying to use the library knobRot.js and use a knob to change the gain value with no success. I have been trying all day testing out all the events in the documentation including knobdrag function
to create popup window
I need to create popup window and in that i need to submit some values and that value should be stored in database.. how to do this friends.. i need coding for this
HELP redirect
Buonasera, mi Dareste Una mano una tariffa Una redirect DOPO il login di un'utente REGISTRATO? Praticamente io ho 2 Tipi di utententi, 1 - UTENTE 2 - COOP VORREI Che QUANDO effettuano il LOGIN DOPO Aver Inserito Username e Password CLICCANDO sul Tasto login, ci SIA Una redirect alla Pagina profiloUSER o profiloCOOP (in base di un chi effetua il login) e il Tasto LOGIN Presente nell HEADER di Tutte le Pagine diventi LOGOUT. così il Che devozione agganciarmi al serever a tariffa CIO sé mi potreste
How can I select the specific button on the dialog box then give it a close event?
Hi, I have a dialog box that shows a partial MVC view. The dialog box does not close when I click on the close button. It does close if I hit the escape key or click on the x at the top right of the box. I’ve seen a lot of examples out there but nothing has worked for me so far. How can I select the specific button on the box then give it a close event? Here’s my code so far: <script type="text/javascript"> $(document).ready(function () { $(function () {
Not getting jQuery.extend options correctly inside an event
I'm trying to create a plugin with some form processing & i need to call a success function if form submitted correctly. I used $.extend to extend the options. function Foo(elem,options){ var self = this; $elem = $(elem); settings = $.extend({}, $.fn.test.defaults, options); self.init(); } Foo.prototype.init = function(){ $elem.on('click', function(e){ e.preventDefault(); if(typeof settings.onSuccess === 'function' ){ settings.onSuccess.call(this); } }); } $.fn.test = function(options) { return
$("#pageselector").page("destroy").page() is taking a long time to complete.
Hi, I am using jquerymobile 1.4.2 i am populating my page dynamically so every time using $("#pageselector").page("destroy").page() to refresh the page but it is taking high amount of time to process in mobile more than 1second for heavy content page. in page1 i have link for page2 after clicking the link i will populate the page an then refreshes it but becoz of this its taking a long time to get the page after clicking on the link. is there any way to reduce it. Thanks in advance
Re-Validation
I have a form that is dynamic - there is a button to add a new set of fields. Is there a way to "re-validate" the form - to force $.validate to look at the form again for required fields? Thanks, --Ian
Select Dropdown is not working in IE8
Hi All, I have lot of Select Dropdowns in my application web pages. Some of them Have longer text as options. In Ie8 all the longer text is cutting off. I tried some options...Here is my code below.. I tried doing like this my code works if I specify to the particular select dropdown with specific Id.. When I apply this code for all my select dropdowns..all the dropdown are breaking and messing up with the styles...I have different kinds of select dropdowns in my web pages with different widths..How
HTML text in a textarea
Hi I have some HTML in a textarea in my document: <textarea id="html_out"><p>123</p></textarea> After grabbing it and manipulating it as a var, I set it as the content of the textarea, effectively something like: $('textarea#html_out').val('<p>ABC</p>'); What I want to do is wrap the textarea in a div: $('textarea#html_out').wrap('<div></div>'); and then remove the textarea tags: $('textarea#html_out').contents().unwrap(); and for the contents of the div to display as normal HTML, so I'd just see
celsius symbol
Hi, I wanted to know how can I get the celsius symbol in JQuery and present it in a .text(), something like this: $("#lblTempC").text(temp_c + " C");
Wanting flash movie to reduce in size after it plays
Hello, I have a flash movie that I want to reduce in size once it has played. In other words, when it plays, it is 480x640 and when it finishes, I want to go down to 120x160. Someone at Experts Exchange thought jQuery might be the way to go. I see the http://jqueryui.com/resizable/, but that is done manually. Any ideas? Have a great day, Don
Using 'this' for more than one attribute on hover
I'm trying to get the text from the 'alt' part of the image to slideDown on hover and then slideUp once the cursor exits. The fade is working fine, but I cannot get the text to appear unless I use a class, the problem is when I'm using a class the text for all the images drops when hovering on one img. Current code - not dropping any text $('img').hover(function() { $(this).css("opacity","0.4"); $(this).html.attr('alt').slideDown("slow"); },function(){ $(this).css("opacity","1"); $(this).html.attr('alt').slideUp("slow");
Autocomplete and Mapping XML data
I'm trying to follow JQuerUI's example wtih mapping XML from an AJAX Response to an autocomplete textbox. I feel like im following the example, but not sure where im going wrong. here is my code: $.ajax({ type: "POST", async: true, timeout: null, url: "ASNProxy.asmx/getStoresOnPO", dataType: "xml", data: { xmlDoc: criteria }, success: function (xmlResponse) { var data = $("STORE", xmlResponse).map(function () {
Menu : how to manage the default blur event when submenu overlap (need) : cannot access submenu
Hi, jq-ui 1.10.4 - Widget menu Summary : Large menu management with overlapping submenu : When the submenu(s) position is managed so that they overlap (collision:"none" and position set by calculation) it is not the last opened submenu which gets the blur event control. So it is impossible to move the mouse into submenu without changing the active option of the up level. where is the solution ? The context A menu with thousands of options with sometime long text (120c) most current five levels of
Matchers and pseudos
Selector matching happens rtl, but I think there's a case to be made in the case of filters this isn't exactly best. Each part of the selector operates against an element and all of the simple selectors in CSS are, well, simple to check. Filters, however, don't have to be - the complexity of a filter is kinda N. Here's an example: .foo .thinger:_custom(.a .b:matches(.y:odd, span .x:even), .foobar) The filter above involves a lot of complexity. If the filter is subject as in the above case,
simpleCart(js) - using iframe
I have a question regarding simpleCart(js). I'm new to javascript and I know there is a lot of information on simplecartjs.org, but I couldn't find the answer I was looking for. I am trying to implement simplecart into my website; which is completely written in HTML5/CSS3. I have an index.html which has <script src="simpleCart.js"></script> & <script src="jquery.min.js"></script> in the head for loading the simpleCart(js) script and the jquery library, and I have <span class="simpleCart_quantity"></span> & <div
Problem with starting script from iframe
Hi! Guys, help me please. There is a page with iframe, into iframe loaded page containing java-script. if I specify the source for the iframe <iframe name="iframe1" src="second.html"></iframe> everything works well, the script works on the parent window and the one in which he is. But if I try load page into iframe with link <a href="second.html" target="iframe1"> script don't work for a parent page. Script loses a parent? Please, see this code: parent.html: <html> <head> <title>first</title> <script
Split Date of birth
How to split a date 1021988 into (i.e. 1/02/1988 dd/mm/yyyy)
Applying validator rules to a dynamically created form element
I have a form that has an input element that is dynamically added to the form. When testing the form, the rules that I set up for this element do not execute. All I want is for the default message to NOT show up. Below is the jQuery validate set up: $('#addNew').validate({ messages:{ itemDate: '', projectId: '', units: '', lineItem: '' } }); I need to know how to bind this dynamically created element to the
How to add loading bar to script
I'm having an issue with a loading bar in some different browsers. Currently when it pops up, it gives a loading status on my page. On IE the image that is "addpended" to the div works OK and users can see the gif, in other browsers it is either no present or the alternative image, and I cant seem to make the behavior consistant. here is what it looks like In IE Here is Chrome and Finally Firefox Here is the controller script for this porgress bar... return{ init: function () { $( "#top-menu").menubar(menuitems);
Elements no dropp
<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title></title> <script class="jsbin" src="application/js/libs/jquery/jquery.js"></script> <script class="jsbin" src="application/js/libs/jquery/jquery-ui.js"></script> <script src="js/libs/jquery/ckeditor/ckeditor.js"></script> <script src="js/libs/jquery/ckeditor/adapters/jquery.js"></script> <script> $(document).ready(function(){ //$(function() { $( "#accordion" ).accordion({ heightStyle: "fill" }); $( "#left-panel
facing problem to specify navigation after Image upload on form [data-ajax="false"] submit
Hi, I am using jquery 2.1.0 and jquery mobile 1.4.2 I have a page to upload an image to the server. The form looks like this: <form action="http://localhost:8080/JQMProject/mobile/uploadServlet" enctype="multipart/form-data" method="POST" data-ajax="false"> <p> <label for="file-2">File: </label> <input type="file" data-clear-btn="true" name="file-2" id="file-2"> </p> <p> <input type="reset" value="Reset" data-icon="recycle"/> <input id="submitImage" value="Upload" type="submit" data-icon="check"/>
image miss aligned initially or when window is resized
if you know a way to fix this http://s2.postimg.org/wotpf403d/Sem_T_tulo.png it appears initally wrong some maybe i need to hide it and just show when it gets the position. it. this also happend when you changr browser window , it only looks good on maximized window mode in: http://85.240.70.238:8080/default.aspx
How to Attach A Tooltip to a Dragable Element
Can you please take a look at this demo and let me know how I can attach the tooltip to jquery ui handler so when the handler moves the tooltip also moves? Here is my code: $(function () { $("#slider-vertical").slider({ orientation: "vertical", range: "min", min: 0, max: 100, value: 60, slide: function (event, ui) { $("#amount").val(ui.value); } }); $("#amount").val($("#slider-vertical").slider("value"));
refresh select list
Hi, How to create refresh select list with options 1, 2,3 4, 10,60,...., on selecting a 1 a refresh button is created and the page can be refreshed once by clicking it, on selecting 2 a refresh button is created & page can be refreshed twice by clicking it, and so on...if the selected option is 2 , the refresh button should disappear after it is clicked twice.... and same applies to the other option...
Next Page